.otp-root.svelte-1qcx1hp{justify-content:center;gap:var(--space-2);display:flex;position:relative}.otp-root--error.svelte-1qcx1hp{animation:svelte-1qcx1hp-otp-shake .24s var(--ease-in-out)}@keyframes svelte-1qcx1hp-otp-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.otp-hidden-input.svelte-1qcx1hp{opacity:0;pointer-events:none;border:none;outline:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.otp-box.svelte-1qcx1hp{aspect-ratio:.8;background:var(--glass-field);border:1px solid var(--glass-edge);max-width:48px;color:var(--ink);box-shadow:inset 0 1px 0 var(--glass-sheen);transition:background var(--dur-fast) var(--ease-in-out), border-color var(--dur-fast) var(--ease-in-out), color var(--dur-fast) var(--ease-in-out);cursor:text;-webkit-user-select:none;user-select:none;border-radius:12px;flex:0 48px;place-items:center;font-size:22px;font-weight:800;display:grid}.otp-box--filled.svelte-1qcx1hp{background:var(--glass-card);border-color:var(--primary);color:var(--primary)}.otp-root--error.svelte-1qcx1hp .otp-box:where(.svelte-1qcx1hp){border-color:var(--danger)}.otp-box--active.svelte-1qcx1hp{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 60%, transparent), inset 0 1px 0 var(--glass-sheen)}