.cb.svelte-17s24r8{grid-template-columns:repeat(6,1fr);gap:8px;max-width:360px;display:grid;position:relative}.box.svelte-17s24r8{background:var(--card,#fff);border:1px solid var(--line,#dcd9f2);height:54px;font:600 24px/1 var(--font-mono,ui-monospace, monospace);color:var(--ink,#14112b);border-radius:12px;place-items:center;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid}.box.filled.svelte-17s24r8{border-color:#8f8af8;transform:translateY(-1px)}.box.on.svelte-17s24r8{border-color:#5a3ac1;box-shadow:0 0 0 3px #5a3ac138}.box.on.svelte-17s24r8:after{content:"";background:#5a3ac1;width:2px;height:26px;animation:1s step-end infinite svelte-17s24r8-cb-blink}.box.bad.svelte-17s24r8{border-color:var(--bad,#b3261e)}.real.svelte-17s24r8{opacity:0;cursor:text;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.cb.shaking.svelte-17s24r8{animation:.36s cubic-bezier(.36,.07,.19,.97) both svelte-17s24r8-cb-shake}.busy.svelte-17s24r8 .box:where(.svelte-17s24r8){opacity:.7}.scan.svelte-17s24r8{pointer-events:none;border-radius:12px;position:absolute;inset:0;overflow:hidden}.scan.svelte-17s24r8:before{content:"";background:linear-gradient(90deg,#0000,#8f8af873,#0000);width:28%;animation:1.1s ease-in-out infinite svelte-17s24r8-cb-scan;position:absolute;top:0;bottom:0}@keyframes svelte-17s24r8-cb-blink{50%{opacity:0}}@keyframes svelte-17s24r8-cb-scan{0%{left:-30%}to{left:102%}}@keyframes svelte-17s24r8-cb-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@media (width<=420px){.box.svelte-17s24r8{height:48px;font-size:21px}.cb.svelte-17s24r8{gap:6px}}@media (prefers-reduced-motion:reduce){.cb.svelte-17s24r8,.box.svelte-17s24r8,.scan.svelte-17s24r8:before,.box.on.svelte-17s24r8:after{transition:none;animation:none!important}.scan.svelte-17s24r8:before{opacity:.3;width:100%;left:0}.box.on.svelte-17s24r8:after{opacity:1}}