.otp-group.svelte-yob6ql{display:flex;gap:.625rem;justify-content:center}.otp-slot.svelte-yob6ql{position:relative;display:flex;align-items:center;justify-content:center}.otp-input.svelte-yob6ql{width:2.75rem;height:3.5rem;background:transparent;border:none;border-bottom:2px solid #d1d5db;border-radius:0;text-align:center;font-weight:700;color:var(--color-text-primary);caret-color:var(--color-primary);outline:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;padding:0;font-size:clamp(1.375rem,5vw,1.625rem)}@media(max-width:360px){.otp-group.svelte-yob6ql{gap:.375rem}.otp-input.svelte-yob6ql{width:2.25rem}}.otp-input.svelte-yob6ql:focus{border-bottom:3px solid var(--color-primary);background:#1f87ff0f;box-shadow:0 2px #1f87ff40;border-radius:4px 4px 0 0}.otp-slot-filled.svelte-yob6ql .otp-input:where(.svelte-yob6ql):not(:focus){border-bottom:3px solid var(--color-primary);color:var(--color-primary)}.otp-slot-error.svelte-yob6ql .otp-input:where(.svelte-yob6ql){border-bottom-color:var(--color-error)!important;color:var(--color-error)!important}.otp-input.svelte-yob6ql:disabled{opacity:.45;cursor:not-allowed}@keyframes svelte-yob6ql-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.shake.svelte-yob6ql{animation:svelte-yob6ql-shake .5s cubic-bezier(.36,.07,.19,.97)}@media(prefers-reduced-motion:reduce){.shake.svelte-yob6ql{animation:none}}