.scan-frame{isolation:isolate;width:100%;height:min(calc((min(100vw, 560px) - 40px) * 1.3333), calc(100dvh - 300px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));background:var(--fill);border-radius:24px;min-height:300px;position:relative;overflow:hidden;transform:translateZ(0)}@media (min-width:600px){.scan-frame{height:min(600px,min(86dvh,780px) - 250px)}}.scan-frame[data-split]{touch-action:none;cursor:ew-resize}.scan-video,.scan-after canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.scan-video{opacity:0;transition:opacity .35s var(--ease)}.scan-video[data-on]{opacity:1}.scan-after{opacity:0;transition:opacity .4s var(--ease);pointer-events:none;position:absolute;inset:0}.scan-after[data-on]{opacity:1}.scan-tag{z-index:4;white-space:nowrap;pointer-events:none;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:500;line-height:1.2;transition:opacity .25s;position:absolute;top:12px}.scan-pill{-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);color:var(--ink);background:#ffffffd1;box-shadow:0 6px 20px -10px #00000059}.scan-pill-dark{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#1414146b}.scan-status{z-index:4;border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 28px);padding:9px 14px;font-size:13px;line-height:1.25;animation:.3s both fade;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.scan-status .dl-dots{gap:5px}.scan-status .dl-dots i{width:6px;height:6px}.scan-split{z-index:3;pointer-events:none;width:0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.scan-split:before{content:"";background:#ffffffeb;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 12px #0000002e}.scan-knob{width:40px;height:40px;color:var(--ink);pointer-events:auto;touch-action:none;background:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;top:calc(100% - 46px);left:0;transform:translate(-50%,-50%);box-shadow:0 8px 24px -8px #00000073}.scan-knob:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.scan-chip{z-index:2;opacity:0;pointer-events:none;will-change:transform;transition:opacity .3s;position:absolute;top:0;left:0}.scan-chip[data-on]{opacity:1}.scan-chip-dot{background:#fff;border-radius:999px;width:8px;height:8px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 0 3px #ffffff4d,0 1px 6px #0000004d}.scan-chip-line{transform-origin:0;background:#ffffffe6;width:1px;height:1px;position:absolute;top:-.5px;left:0}.scan-chip-pill{white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:4px;height:28px;padding:0 10px 0 11px;font-size:12px;font-weight:500;display:flex;position:absolute;top:0;left:0}.scan-chip[data-on] .scan-chip-pill{pointer-events:auto}@media (prefers-reduced-motion:reduce){.scan-root .sheet-panel,.scan-root .sheet-backdrop,.scan-status{animation:none!important}.scan-video,.scan-after,.scan-chip,.scan-tag,.scan-split{transition:none}}