.otp.svelte-1qcx1hp{position:relative;display:inline-flex;cursor:text}.otp.disabled.svelte-1qcx1hp{opacity:.55;pointer-events:none}.otp-hidden.svelte-1qcx1hp{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:none;padding:0;margin:0;color:transparent;background:transparent;caret-color:transparent;z-index:1;cursor:text}.otp-cells.svelte-1qcx1hp{display:flex;gap:8px}.otp-cell.svelte-1qcx1hp{width:38px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text, #1A1730);background:var(--panel, #fff);border:1.5px solid var(--border, #E4E1F0);transition:border-color .2s var(--ease-standard, ease),background .2s var(--ease-standard, ease),box-shadow .2s var(--ease-standard, ease),transform .2s var(--ease-spring, ease);-webkit-user-select:none;user-select:none}[data-theme=dark] .otp-cell.svelte-1qcx1hp{background:#ffffff12;border-color:color-mix(in srgb,var(--primary, #8A78FF) 35%,transparent)}.otp-cell.filled.svelte-1qcx1hp{border-color:color-mix(in srgb,var(--primary, #5B45E0) 55%,var(--border, #E4E1F0))}.otp-cell.active.svelte-1qcx1hp{border-color:var(--primary, #5B45E0);box-shadow:0 0 0 3px var(--primary-dim, rgba(91, 69, 224, .12)),0 0 14px color-mix(in srgb,var(--primary, #5B45E0) 30%,transparent);transform:translateY(-1px)}.otp.error.svelte-1qcx1hp .otp-cell:where(.svelte-1qcx1hp){border-color:var(--danger, #E5484D);background:var(--danger-dim, rgba(229, 72, 77, .1));color:var(--danger, #E5484D);box-shadow:0 0 0 3px var(--danger-dim, rgba(229, 72, 77, .1))}@media(prefers-reduced-motion:no-preference){.otp.error.svelte-1qcx1hp .otp-cells:where(.svelte-1qcx1hp){animation:svelte-1qcx1hp-otp-shake .4s var(--ease-standard, ease)}}@keyframes svelte-1qcx1hp-otp-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.otp.success.svelte-1qcx1hp .otp-cell:where(.svelte-1qcx1hp){border-color:var(--success, #0E9F6E);background:var(--success-dim, rgba(14, 159, 110, .1));color:var(--success, #0E9F6E);box-shadow:0 0 0 3px var(--success-dim, rgba(14, 159, 110, .1)),0 0 14px color-mix(in srgb,var(--success, #0E9F6E) 25%,transparent)}
