.code.svelte-1aeueyb{justify-content:center;gap:var(--space-2);display:flex}.code__box.svelte-1aeueyb{text-align:center;width:3rem;height:3.5rem;font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);caret-color:var(--color-primary);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);padding:0}.code__box.svelte-1aeueyb:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);outline:none}.code__box.svelte-1aeueyb:disabled{background:var(--color-bg-subtle);color:var(--color-text-subtle);cursor:not-allowed}.code--invalid.svelte-1aeueyb .code__box:where(.svelte-1aeueyb){border-color:var(--color-danger-border)}.code--invalid.svelte-1aeueyb .code__box:where(.svelte-1aeueyb):focus{border-color:var(--color-danger-solid);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger-solid) 22%, transparent)}@media (width<=400px){.code__box.svelte-1aeueyb{width:2.5rem;height:3rem;font-size:var(--font-size-xl)}}