.mock.svelte-1z0gd57{aspect-ratio:1/1.02;position:relative;container-type:inline-size}.phone.svelte-1z0gd57{width:49%;position:absolute;top:0;left:4%}.screen.svelte-1z0gd57{flex-direction:column;gap:5%;height:100%;padding:16% 7% 7%;display:flex;position:relative}.head.svelte-1z0gd57 strong:where(.svelte-1z0gd57){letter-spacing:-.01em;font-size:1.05em;display:block}.head.svelte-1z0gd57 span:where(.svelte-1z0gd57){color:#9db2d6;font-size:.82em}.finder.svelte-1z0gd57{background:radial-gradient(120% 90% at 50% 30%,#1a3058,#0a1830);border-radius:1.2em;flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.code.svelte-1z0gd57{color:#0a1730;background:#f2f6fc;border-radius:.6em;width:52%;padding:5%;rotate:-4deg}.c.svelte-1z0gd57{aspect-ratio:1;border:.22em solid #fff;width:14%;position:absolute}.tl.svelte-1z0gd57{border-bottom:0;border-right:0;border-top-left-radius:.7em;top:14%;left:14%}.tr.svelte-1z0gd57{border-bottom:0;border-left:0;border-top-right-radius:.7em;top:14%;right:14%}.bl.svelte-1z0gd57{border-top:0;border-right:0;border-bottom-left-radius:.7em;bottom:14%;left:14%}.br.svelte-1z0gd57{border-top:0;border-left:0;border-bottom-right-radius:.7em;bottom:14%;right:14%}.beam.svelte-1z0gd57{background:var(--sky);height:.18em;animation:svelte-1z0gd57-beam 1.5s var(--ease-in-out) infinite alternate;border-radius:1em;position:absolute;top:16%;left:14%;right:14%;box-shadow:0 .3em 1.2em .2em #78b4ff80}.result.svelte-1z0gd57{transition:background-color .26s ease, opacity .26s ease, translate .32s var(--ease-out);background:#12233f;border-radius:1.1em;padding:.9em 1em}.state.svelte-1z0gd57{color:#05321f;background:#5fe0a4;border-radius:999px;padding:.15em .7em;font-size:.74em;font-weight:700;display:inline-block}.result.svelte-1z0gd57 strong:where(.svelte-1z0gd57),.result.svelte-1z0gd57 small:where(.svelte-1z0gd57){display:block}.result.svelte-1z0gd57 strong:where(.svelte-1z0gd57){margin-top:.35em;font-size:1.05em}.result.svelte-1z0gd57 small:where(.svelte-1z0gd57){color:#9db2d6;font-size:.8em}.flash.svelte-1z0gd57{opacity:0;pointer-events:none;background:#2bd486;position:absolute;inset:0}[data-ok=false].svelte-1z0gd57 .state:where(.svelte-1z0gd57){color:#4a1c05;background:#ffb061}[data-ok=false].svelte-1z0gd57 .flash:where(.svelte-1z0gd57){background:#ff8a3d}[data-phase=scan].svelte-1z0gd57 .result:where(.svelte-1z0gd57){opacity:.25;translate:0 .4em}[data-phase=result].svelte-1z0gd57 .flash:where(.svelte-1z0gd57){animation:.7s ease-out svelte-1z0gd57-flash}[data-phase=result].svelte-1z0gd57 .beam:where(.svelte-1z0gd57){opacity:0;animation-play-state:paused}.counter.svelte-1z0gd57{border-radius:var(--radius);background:var(--surface);width:52%;box-shadow:var(--shadow-m);padding:4.2cqw;font-size:clamp(9px,2.5cqw,15px);position:absolute;bottom:14%;right:0}.counter.svelte-1z0gd57>span:where(.svelte-1z0gd57){color:var(--ink-3)}.counter.svelte-1z0gd57 strong:where(.svelte-1z0gd57){letter-spacing:-.03em;font-size:2.9em;font-weight:700;line-height:1.1;display:block}.counter.svelte-1z0gd57 strong:where(.svelte-1z0gd57) small:where(.svelte-1z0gd57){letter-spacing:0;color:var(--ink-3);font-size:.42em;font-weight:500}.bar.svelte-1z0gd57{background:var(--surface-2);border-radius:1em;height:.55em;margin-block:.9em 1.3em;overflow:hidden}.bar.svelte-1z0gd57 i:where(.svelte-1z0gd57){border-radius:inherit;background:var(--blue);height:100%;transition:width .6s var(--ease-out);display:block}.counter.svelte-1z0gd57 ul:where(.svelte-1z0gd57){gap:.6em;display:grid}.counter.svelte-1z0gd57 li:where(.svelte-1z0gd57){color:var(--ink-2);grid-template-columns:5.4em 1fr;align-items:center;gap:.8em;display:grid}.counter.svelte-1z0gd57 li:where(.svelte-1z0gd57) b:where(.svelte-1z0gd57){background:linear-gradient(90deg, var(--blue-bright) var(--w), var(--surface-2) var(--w));border-radius:1em;height:.45em}@keyframes svelte-1z0gd57-beam{to{top:82%}}@keyframes svelte-1z0gd57-flash{0%{opacity:.55}to{opacity:0}}