.otp-input.svelte-1hm3ot8{width:100%}.otp-input__boxes.svelte-1hm3ot8{display:flex;justify-content:center;gap:.5rem}.otp-input__box.svelte-1hm3ot8{width:2.75rem;height:3.25rem;padding:0;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text-primary);font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;line-height:1;caret-color:var(--color-accent);transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease);box-sizing:border-box}.otp-input__box.svelte-1hm3ot8:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border-strong))}.otp-input__box.svelte-1hm3ot8:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 22%,transparent)}.otp-input__box.svelte-1hm3ot8:focus:not(:focus-visible){outline:none}.otp-input__box--filled.svelte-1hm3ot8{border-color:color-mix(in srgb,var(--color-accent) 50%,var(--color-border-strong))}.otp-input__box.svelte-1hm3ot8:disabled{opacity:.55;cursor:not-allowed}.otp-input--invalid.svelte-1hm3ot8 .otp-input__box:where(.svelte-1hm3ot8){border-color:var(--color-danger)}.otp-input--invalid.svelte-1hm3ot8 .otp-input__box:where(.svelte-1hm3ot8):focus{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 15%,transparent)}@media(max-width:380px){.otp-input__boxes.svelte-1hm3ot8{gap:.35rem}.otp-input__box.svelte-1hm3ot8{width:2.35rem;height:2.85rem;font-size:1.25rem;border-radius:var(--radius-md)}}.sr-only.svelte-1hm3ot8{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}