.otp-block.svelte-1qcx1hp{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%}.otp.svelte-1qcx1hp{position:relative;width:100%;border-radius:15px}.cells.svelte-1qcx1hp{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--otp-length),minmax(0,1fr));gap:clamp(5px,1.8vw,9px);pointer-events:none}.cell.svelte-1qcx1hp{display:grid;place-items:center;min-width:0;height:52px;border:1.5px solid var(--border);border-radius:13px;background:var(--bg-panel);box-shadow:inset 0 1px 3px #0000002e,0 3px 8px -7px #000000b3;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.cell.filled.svelte-1qcx1hp{background:color-mix(in srgb,var(--bg-raise) 72%,var(--bg-panel));border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.cell.active.svelte-1qcx1hp{border-color:var(--accent);box-shadow:inset 0 1px 3px #0000001f,0 0 0 3px var(--accent-ring),0 8px 16px -12px var(--accent);transform:translateY(-1px)}.digit.svelte-1qcx1hp{font:700 clamp(18px,4vw,22px) var(--font-mono);line-height:1;color:var(--text)}.caret.svelte-1qcx1hp{width:2px;height:22px;border-radius:2px;background:var(--accent);animation:svelte-1qcx1hp-otp-caret 1.05s steps(1,end) infinite}.native.svelte-1qcx1hp{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;color:transparent;-webkit-text-fill-color:transparent;outline:none;caret-color:transparent;font-size:16px;cursor:text}.native.svelte-1qcx1hp:focus,.native.svelte-1qcx1hp:focus-visible{outline:none}.otp.complete.svelte-1qcx1hp .cell:where(.svelte-1qcx1hp){border-color:color-mix(in srgb,var(--success) 56%,var(--border))}.otp.invalid.svelte-1qcx1hp .cell:where(.svelte-1qcx1hp){border-color:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 18%,transparent)}.otp.disabled.svelte-1qcx1hp{opacity:.58}.otp.disabled.svelte-1qcx1hp .native:where(.svelte-1qcx1hp){cursor:wait}.otp.shaking.svelte-1qcx1hp{animation:svelte-1qcx1hp-otp-shake .34s ease}.help.svelte-1qcx1hp{margin:0;font:600 11px/1.45 var(--font-text);color:var(--text-dim);text-align:center}@keyframes svelte-1qcx1hp-otp-caret{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes svelte-1qcx1hp-otp-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media(max-width:380px){.cells.svelte-1qcx1hp{gap:4px}.cell.svelte-1qcx1hp{height:48px;border-radius:11px}}@media(prefers-reduced-motion:reduce){.cell.svelte-1qcx1hp{transition:none}.cell.active.svelte-1qcx1hp{transform:none}.caret.svelte-1qcx1hp,.otp.shaking.svelte-1qcx1hp{animation:none}}