.qs{z-index:10;color:#fff;background:#000;position:absolute;inset:0;overflow:hidden}.qs-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .24s var(--ease);position:absolute;inset:0}.qs.is-live .qs-video{opacity:1}.qs-shade{pointer-events:none;place-items:center;padding-bottom:120px;display:grid;position:absolute;inset:0}.qs-frame{aspect-ratio:1;border-radius:20px;width:min(68vw,248px);position:relative;box-shadow:0 0 0 100vmax #00000094}.qs-frame i{border:4px solid var(--green);width:34px;height:34px;position:absolute}.qs-frame i:first-child{border-bottom:0;border-right:0;border-top-left-radius:20px;top:-2px;left:-2px}.qs-frame i:nth-child(2){border-bottom:0;border-left:0;border-top-right-radius:20px;top:-2px;right:-2px}.qs-frame i:nth-child(3){border-top:0;border-right:0;border-bottom-left-radius:20px;bottom:-2px;left:-2px}.qs-frame i:nth-child(4){border-top:0;border-left:0;border-bottom-right-radius:20px;bottom:-2px;right:-2px}.qs-line{background:var(--green);border-radius:2px;height:2px;position:absolute;top:50%;left:10%;right:10%;box-shadow:0 0 12px 2px #12a06ab3}@media (prefers-reduced-motion:no-preference){.qs-line{animation:2.2s ease-in-out infinite alternate qs-scan}}@keyframes qs-scan{0%{top:12%}to{top:88%}}.qs-head{z-index:1;justify-content:flex-end;padding:8px;display:flex;position:absolute;inset:0 0 auto}.qs-close{color:#fff;background:#ffffff29;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 0 0 1px #ffffff52}.qs-fail{padding:72px 16px calc(24px + var(--sab));color:var(--ink);word-break:keep-all;place-items:center;display:grid;position:absolute;inset:0}.qs-fail .ap-result{width:100%;max-width:360px}.qs-fail-icon{background:var(--fill);width:64px;height:64px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.qs-copy{padding:0 24px calc(28px + var(--sab));text-align:center;word-break:keep-all;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;inset:auto 0 0}.qs-copy h2{font:700 19px/1.4 var(--font)}.qs-copy p{min-height:42px;font:400 15px/1.45 var(--font);color:#ffffffd1;text-wrap:pretty}.qs-copy p.is-wrong{color:#ffd27a}.qs-type{border-radius:14px;min-width:160px;margin-top:4px}