.otp.svelte-1j6wj1f{width:328px;max-width:100%;height:60px;position:relative}.boxes.svelte-1j6wj1f{pointer-events:none;grid-template-columns:repeat(6,48px);gap:8px;display:grid;position:absolute;inset:0}.boxes.svelte-1j6wj1f span:where(.svelte-1j6wj1f){color:var(--ink);border-radius:var(--radius-lg);border:var(--border-input);background:var(--surface);place-items:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:26px;font-weight:600;display:grid}.otp.svelte-1j6wj1f:focus-within .boxes:where(.svelte-1j6wj1f) .next:where(.svelte-1j6wj1f){border:2px solid var(--accent)}.invalid.svelte-1j6wj1f .boxes:where(.svelte-1j6wj1f) span:where(.svelte-1j6wj1f){border-color:var(--danger)}input.svelte-1j6wj1f{color:#0000;caret-color:#0000;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0;font-size:16px;position:relative}.otp.svelte-1j6wj1f:focus-within{outline:3px solid color-mix(in srgb, var(--accent) 55%, white);outline-offset:4px;border-radius:var(--radius-lg)}