.qrs-q{display:block;width:100%;height:auto;aspect-ratio:1}
.qrs-lp{margin:0 0 var(--s-40);font:600 21px/29px var(--font-sans);letter-spacing:-.01em;color:#86868b;text-wrap:pretty}
.qrs-chw .tgw-bot{grid-template-columns:minmax(0,1fr);max-width:92%}
.qrs-pm .tgw-bot{width:min(300px,92%)}
.qrs-pm .tgw-b{padding:0;overflow:hidden}
.qrs-ph{display:block;padding:6px 6px 0}
.qrs-ph .qrs-q{border-radius:12px}
.qrs-pc{display:block;padding:7px 12px}
.qrs-a{color:#6ab3f3}
.tgw-kb span.qrs-hit{background:rgba(255,255,255,.26);transition:background-color .15s ease}
.tgw-kb span{transition:background-color .3s ease}

.qrs-ty{--qrs-cw:clamp(320px, calc(var(--sc-h) - 260px), 500px);display:grid;grid-template-columns:minmax(0,440px) minmax(0,var(--qrs-cw));justify-content:center;column-gap:120px;align-items:start}
.qrs-tl{grid-column:1;grid-row:1;align-self:center;display:grid;align-content:center}
.qrs-cw{display:contents}
.qrs-ty .qrs-cc{grid-column:2;grid-row:1}
.qrs-ty .qrs-in{grid-column:2;grid-row:2;margin-top:var(--s-24)}
.qrs-ask{display:flex;margin-bottom:10px}
.qrs-ask .tgw-b{border-bottom-left-radius:6px;background:#1f1f22}
.qrs-kb{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.qrs-kb button{position:relative;z-index:1;min-height:48px;padding:0 12px;border:0;border-radius:12px;background:rgba(255,255,255,.09);font:500 16px/20px var(--font-sans);letter-spacing:-.01em;
  color:#f5f5f7;white-space:nowrap;cursor:pointer;transition:color .16s ease .08s,background-color .16s ease;-webkit-tap-highlight-color:transparent}
.qrs-kb button:hover{background:rgba(255,255,255,.14)}
.qrs-kb button.qrs-on{background:transparent;color:#1d1d1f}
.qrs-run{position:absolute;left:0;top:0;z-index:0;border-radius:12px;background:#f5f5f7;transition:transform .32s cubic-bezier(0,0,.58,1)}
.qrs-run.qrs-jump{transition:none}
.qrs-ih{margin:0 0 10px;font:500 15px/20px var(--font-sans);color:#86868b}
.qrs-pls{position:relative;display:grid}
.qrs-pl{grid-area:1/1;margin:0;font:500 15px/22px ui-monospace,"SF Mono",Menlo,monospace;color:#f5f5f7;white-space:pre-wrap;overflow-wrap:normal;transition:opacity .3s cubic-bezier(.33,1,.68,1) .3s}
.qrs-pl[hidden]{display:block;visibility:hidden;position:absolute;left:0;right:0;top:0}
.qrs-pl.qrs-fin{opacity:0;transition:none}
.qrs-pl.qrs-fout{opacity:0;transition:opacity .3s cubic-bezier(.33,1,.68,1)}
.qrs-cc{position:relative;display:grid;width:100%;max-width:500px;aspect-ratio:1;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 40px 90px rgba(0,0,0,.55)}
.qrs-ly{grid-area:1/1;position:relative;overflow:hidden;visibility:hidden;transform:translateY(-100%)}
.qrs-li{transform:translateY(100%)}
.qrs-ly.qrs-lon{visibility:visible}
.qrs-ly.qrs-lgo,.qrs-ly.qrs-lgo .qrs-li{transform:none;transition:transform .5s cubic-bezier(.65,0,.35,1)}
.qrs-hd{position:absolute;left:0;right:0;bottom:0;height:3px;background:#7ab4fd;box-shadow:0 0 18px 5px rgba(122,180,253,.55)}
.qrs-ly.qrs-lgo .qrs-hd{opacity:0;transition:opacity .2s ease .42s}

.qrs-cs{--qrs-csh:clamp(560px, calc(var(--sc-h) - 4px), 752px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--qrs-csh);overflow:hidden}
.qrs-bg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.qrs-chw{position:relative;z-index:1;flex:none;width:420px;height:calc(var(--qrs-csh) - 113px)}
.qrs-cs .qrs-again{position:relative;z-index:1;flex:none}
.qrs-chw .tgw-ls{transition:transform .5s cubic-bezier(.2,.9,.25,1)}
.qrs-chw .tgw-ls.qrs-jump{transition:none}
.qrs-m{visibility:hidden;opacity:0;transform:translateY(14px) scale(.97);transform-origin:0 100%;transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}
.qrs-m.me{transform-origin:100% 100%}
.qrs-m.qrs-on{visibility:visible;opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.9,.25,1)}
.qrs-car.qrs-off{opacity:0}

.qrs-mr{padding-top:var(--s-64)}
.qrs-more{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.qrs-more li,.qrs-pt li{padding-top:var(--s-24);border-top:1px solid #424245;opacity:0;transform:translateY(30px)}
.qrs-more h3,.qrs-pt h3{margin:0 0 6px;font:600 21px/25px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7}
.qrs-more p,.qrs-pt p{margin:0;font:600 17px/23px var(--font-sans);letter-spacing:-.016em;color:#86868b;text-wrap:pretty}
.qrs-more li.qrs-up,.qrs-go .qrs-more li,.qrs-pt li.qrs-up,.qrs-go .qrs-pt li{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.42,0,.58,1) calc(var(--i) * 150ms),transform .7s cubic-bezier(.42,0,.58,1) calc(var(--i) * 150ms)}

.qrs-pf{position:relative;height:clamp(420px, calc(var(--sc-h) - 236px), 560px);transform:scale(.875);will-change:transform}
.qrs-sh{position:absolute;inset:0;overflow:hidden;background:#f5f5f7}
.qrs-pi{display:flex;align-items:center;justify-content:center;height:100%;will-change:transform}
.qrs-ps{--qrs-fs:256px;display:grid;grid-template-columns:repeat(4,var(--qrs-fs));justify-content:center;column-gap:48px}
.qrs-ps figure{margin:0;display:grid;justify-items:center;gap:var(--s-24)}
.qrs-ps .qrs-q{width:var(--qrs-fs);box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 40px rgba(0,0,0,.08)}
.qrs-pk{position:relative;display:block;width:var(--qrs-fs);aspect-ratio:1;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 40px rgba(0,0,0,.08)}
.qrs-pkc{position:absolute;left:calc(8% + var(--k) * 10%);top:calc(8% + var(--k) * 10%);width:64%}
.qrs-ps .qrs-pkc .qrs-q{width:100%;box-shadow:0 0 0 1px rgba(0,0,0,.07),0 6px 16px rgba(0,0,0,.13)}
.qrs-ps figcaption{padding:6px 14px;border-radius:999px;background:#e3e3e8;font:600 15px/20px var(--font-sans);color:#1d1d1f;white-space:nowrap}
.qrs-cn{position:absolute;width:48px;height:48px;pointer-events:none;will-change:transform}
.qrs-ktl{left:-2px;top:-2px;transform-origin:2px 2px;background:radial-gradient(circle at 100% 100%,transparent 45.5px,#000 46px)}
.qrs-ktr{right:-2px;top:-2px;transform-origin:calc(100% - 2px) 2px;background:radial-gradient(circle at 0 100%,transparent 45.5px,#000 46px)}
.qrs-kbl{left:-2px;bottom:-2px;transform-origin:2px calc(100% - 2px);background:radial-gradient(circle at 100% 0,transparent 45.5px,#000 46px)}
.qrs-kbr{right:-2px;bottom:-2px;transform-origin:calc(100% - 2px) calc(100% - 2px);background:radial-gradient(circle at 0 0,transparent 45.5px,#000 46px)}
.qrs-pt{list-style:none;margin:var(--s-48) auto 0;padding:0;display:grid;grid-template-columns:repeat(4,256px);justify-content:center;column-gap:48px}

@media (max-width:1068px){
  .qrs-ty{grid-template-columns:minmax(0,1fr) minmax(0,min(420px,var(--qrs-cw)));column-gap:56px}
  .qrs-ps{--qrs-fs:100%}
  .qrs-ps,.qrs-pt{grid-template-columns:repeat(4,minmax(0,200px));column-gap:24px}
  .qrs-more{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:735px) and (max-width:900px){
  .qrs-ps figcaption{padding:4px 10px;font-size:13px;line-height:17px}
}
@media (max-width:734px){
  .qrs-lp{margin-bottom:var(--s-24);font-size:17px;line-height:23px}
  .qrs-ty{grid-template-columns:minmax(0,1fr)}
  .qrs-tl{display:contents}
  .qrs-ty .qrs-cc,.qrs-ty .qrs-in{grid-column:1;grid-row:auto}
  .qrs-lp{order:0}.qrs-ty .qrs-cc{order:1;justify-self:center;margin-bottom:var(--s-32)}.qrs-ask{order:2}.qrs-kb{order:3}.qrs-in{order:4}
  .qrs-cc{max-width:300px;border-radius:24px}
  .qrs-kb button{min-height:44px;padding:0 8px;font-size:15px}
  .qrs-pl{font-size:13px;line-height:19px}
  .qrs-ty .qrs-in{margin-top:var(--s-24);padding-top:var(--s-20);border-top:1px solid rgba(255,255,255,.1)}
  .qrs-cs{height:auto;padding:30px 0}
  .qrs-chw{width:min(87.5vw,420px);height:600px}
  .qrs-more{grid-template-columns:minmax(0,1fr)}
  .qrs-more h3,.qrs-pt h3{font-size:19px;line-height:24px}
  .qrs-more p,.qrs-pt p{font-size:15px;line-height:20px}
  .qrs-pf{height:300px}
  .qrs-ps{grid-template-columns:repeat(2,minmax(0,96px));column-gap:28px;row-gap:14px}
  .qrs-ps figure{gap:10px}
  .qrs-ps figcaption{padding:3px 7px;font-size:10px;line-height:13px}
  .qrs-cn{width:34px;height:34px}
  .qrs-ktl{background:radial-gradient(circle at 100% 100%,transparent 31.5px,#000 32px)}.qrs-ktr{background:radial-gradient(circle at 0 100%,transparent 31.5px,#000 32px)}
  .qrs-kbl{background:radial-gradient(circle at 100% 0,transparent 31.5px,#000 32px)}.qrs-kbr{background:radial-gradient(circle at 0 0,transparent 31.5px,#000 32px)}
  .qrs-pt{grid-template-columns:minmax(0,1fr);row-gap:var(--s-24);margin-top:var(--s-32)}
}