.code.svelte-oco2c3{width:100%;border:0;justify-content:center;align-items:center;gap:.45rem;min-inline-size:0;margin:0;padding:0;display:flex}.box.svelte-oco2c3{aspect-ratio:.82;text-align:center;color:#fff;border:1.5px solid var(--border);min-width:0;max-width:3.4rem;caret-color:var(--yellow);transition:border-color .2s, box-shadow .25s, transform .3s var(--ease-spring), background-color .2s;background:#0e0a0699;border-radius:.95rem;flex:1 1 0;font-family:Bakwan,system-ui,sans-serif;font-size:clamp(1.5rem,6vw,1.9rem)}.box.svelte-oco2c3:focus{border-color:var(--yellow);outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #ffd93d29}.box.filled.svelte-oco2c3{animation:svelte-oco2c3-pop .3s var(--ease-spring);background:#ffd93d1a;border-color:#ffd93d8c}.invalid.svelte-oco2c3 .box:where(.svelte-oco2c3){border-color:#ff8a7a;animation:.42s svelte-oco2c3-shake}.dash.svelte-oco2c3{background:var(--border);border-radius:2px;flex-shrink:0;width:.6rem;height:2px}@keyframes svelte-oco2c3-pop{0%{transform:scale(1.12)}}@keyframes svelte-oco2c3-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}