.code-boxes.svelte-1aeueyb{gap:var(--sp-2);direction:ltr;display:flex}.code-box.svelte-1aeueyb{border:1px solid var(--control-border);border-radius:var(--radius);background:var(--control-bg);block-size:2.75rem;inline-size:2.75rem;min-inline-size:0;max-inline-size:3rem;color:var(--text);font-family:var(--font-sans);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:center;caret-color:var(--accent);transition:border-color .14s var(--ease-out), background .14s var(--ease-out), box-shadow .14s var(--ease-out);flex:1 1 0;padding:0;font-weight:450}.code-box.svelte-1aeueyb:hover,.code-box.filled.svelte-1aeueyb{border-color:var(--control-border-hover)}.code-box.svelte-1aeueyb:focus{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 4%, var(--surface));box-shadow:0 0 0 3px var(--focus-ring);outline:none}.code-box.invalid.svelte-1aeueyb{border-color:var(--danger)}.code-box.invalid.svelte-1aeueyb:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}