
@media (min-width:1069px){
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own]{flex-direction:row;align-items:stretch;justify-content:center;column-gap:clamp(48px,6vw,112px);height:max(640px,calc(100svh - var(--hero-top)));min-height:0;padding:clamp(24px,4.5svh,48px) max(6.25vw,(100vw - 1260px) / 2)}
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own] .ap-w{width:clamp(340px,30vw,400px);flex:0 0 auto;align-self:center;margin:0;text-align:left}
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own] .ap-head{justify-items:start}
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own] .ap-head .actions{justify-content:flex-start}
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own] .ap-line{margin-left:0}
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own] .ap-media{flex:0 1 640px;min-width:0;margin:0;display:flex}
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own] .am-own[data-v="2"]:not([hidden]){flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center}
}
@media (max-width:1068px){
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own] .ap-media{margin-top:56px;padding:0 max(16px,4vw)}
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own] .am-own[data-v="2"]:not([hidden]){display:flex;justify-content:center}
}
@media (max-width:734px){
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own]{padding-bottom:40px}
  .lapp .ap-hero[data-own="qr"][data-ov="2"][data-show=own] .ap-media{margin-top:32px;padding:0 16px}
}

.qr2-fit{position:relative;flex:none}
.qr2-st{position:absolute;left:0;top:0;transform-origin:0 0;text-align:left;border-radius:28px;background:#161617;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.qr2-st > *{position:absolute}
.qr2-hd{font:600 17px/22px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7;white-space:nowrap}
.qr2-cd svg{display:block;width:100%;height:100%}
.qr2-bd{display:flex;align-items:center;gap:6px;height:30px;padding:0 14px 0 10px;border-radius:999px;background:#2c2c2e;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 6px 18px rgba(0,0,0,.45);font:600 15px/20px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7;white-space:nowrap;translate:-50% 0;opacity:0;scale:.6;transition:opacity .3s ease,scale .3s ease}
.qr2-bd i{display:block;width:18px;height:18px}
.qr2-bd svg{display:block;width:100%;height:100%;fill:none;stroke:#7ab4fd;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .2s ease}
.qr2-bd.qr2-on{opacity:1;scale:1;transition:opacity .35s ease,scale .6s cubic-bezier(.34,1.56,.64,1)}
.qr2-bd.qr2-on svg{stroke-dashoffset:0;transition:stroke-dashoffset .45s cubic-bezier(.65,0,.35,1) .15s}
.qr2-ln{left:0;top:0;width:100%;height:100%;overflow:visible;fill:none;stroke:rgba(255,255,255,.3);stroke-width:2;stroke-linecap:round;stroke-dasharray:.1 8;pointer-events:none}
.qr2-nd{width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;box-shadow:inset 0 0 0 2px #7ab4fd}
.qr2-nd.qr2-hit{animation:qr2-hit .5s cubic-bezier(.22,1,.36,1)}
@keyframes qr2-hit{from{transform:scale(1.8)}to{transform:none}}
.qr2-pu{left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgba(122,180,253,.85);opacity:0;pointer-events:none}
.qr2-lb{font:500 15px/20px var(--font-sans);letter-spacing:-.01em;color:#86868b;white-space:nowrap}
.qr2-url{width:260px;height:68px;overflow:hidden}
.qr2-url span,.qr2-um{font:600 28px/29px var(--font-sans);letter-spacing:-.02em;color:#f5f5f7}
.qr2-url span{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;white-space:pre;transition:transform .8s cubic-bezier(.65,0,.35,1),opacity .6s ease,filter .6s ease}
.qr2-um{position:absolute;left:0;top:0;white-space:nowrap;visibility:hidden}
.qr2-ch{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px 0 12px;border-radius:999px;background:rgba(255,255,255,.1);isolation:isolate;font:500 15px/20px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7;white-space:nowrap;transition:transform .25s ease}
.qr2-ch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qr2-chb{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--neu);opacity:0;transition:opacity .25s ease}
.qr2-ch.qr2-on{transform:scale(.96)}
.qr2-ch.qr2-on .qr2-chb{opacity:1}
.qr2-sep{height:1px;background:rgba(255,255,255,.09)}
.qr2-gr{box-sizing:border-box;display:flex;flex-direction:column}
.qr2-gh{font:500 15px/20px var(--font-sans);letter-spacing:-.01em;color:#86868b;white-space:nowrap}
.qr2-bs{position:relative;flex:1;margin-top:16px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 5%);mask:linear-gradient(90deg,transparent,#000 5%)}
.qr2-bs::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.14)}
.qr2-row{position:absolute;inset:0;transition:transform .7s cubic-bezier(.65,0,.35,1)}
.qr2-b{position:absolute;top:0;bottom:0;overflow:hidden}
.qr2-b i{position:absolute;left:20%;right:20%;top:0;height:100%;border-radius:5px 5px 0 0;background:rgba(255,255,255,.22);transition:transform .45s cubic-bezier(.34,1.3,.64,1)}
.qr2-b.qr2-now i{background:#7ab4fd}
.qr2-nt,.qr2-nt .qr2-b i{transition:none}

.qr2-ph .qr2-st{border-radius:22px}
.qr2-ph .qr2-hd{font-size:15px;line-height:20px}
.qr2-ph .qr2-bd{gap:4px;height:24px;padding:0 10px 0 7px;font-size:13px;line-height:18px}
.qr2-ph .qr2-bd i{width:14px;height:14px}
.qr2-ph .qr2-lb{font-size:13px;line-height:16px}
.qr2-ph .qr2-url{width:158px;height:42px}
.qr2-ph .qr2-url span,.qr2-ph .qr2-um{font-size:17px;line-height:19px;letter-spacing:-.01em}
.qr2-ph .qr2-ch{gap:5px;height:30px;padding:0 12px 0 10px;font-size:14px;line-height:18px}
.qr2-ph .qr2-ch svg{width:14px;height:14px}
.qr2-ph .qr2-gh{font-size:13px;line-height:16px}
.qr2-ph .qr2-bs{margin-top:10px}
.qr2-ph .qr2-b i{border-radius:3px 3px 0 0}
.qr2-ph .qr2-nd{width:10px;height:10px;margin:-5px 0 0 -5px}
.qr2-ph .qr2-pu{width:8px;height:8px;margin:-4px 0 0 -4px}

@media (prefers-reduced-motion:no-preference){
  .qr2-fit{opacity:0;translate:0 32px}
  .qr2-in .qr2-fit{opacity:1;translate:0 0;transition:opacity .9s ease .25s,translate 1.1s cubic-bezier(.22,1,.36,1) .25s}
}
.qr2-still *{transition:none!important;animation:none!important}
