.otp[data-v-9b3e5bba]{display:flex;gap:8px;max-width:100%;width:-moz-max-content;width:max-content}.otp[data-v-9b3e5bba],.otp-slot[data-v-9b3e5bba]{position:relative}.otp-slot[data-v-9b3e5bba]{background:var(--otp-bg,#fff);border:1px solid var(--otp-border,#d1d5db);border-radius:var(--otp-radius,12px);flex:0 1 auto;height:var(--otp-height,58px);min-width:36px;transition:border-color .15s;width:var(--otp-size,52px)}.otp-slot[data-v-9b3e5bba]:hover{border-color:var(--otp-border-hover,#9ca3af)}.otp-slot--filled[data-v-9b3e5bba]{border-color:var(--otp-border-filled,#9ca3af)}.otp-input[data-v-9b3e5bba]{background:transparent;border:0;border-radius:inherit;caret-color:transparent;color:transparent;font-size:22px;height:100%;inset:0;outline:none;position:absolute;text-align:center;width:100%}.otp-input[data-v-9b3e5bba]::-moz-selection{background:transparent}.otp-input[data-v-9b3e5bba]::selection{background:transparent}.otp-glyph[data-v-9b3e5bba]{color:var(--otp-ink,#111827);display:grid;font-size:24px;font-variant-numeric:tabular-nums;inset:0;place-items:center;pointer-events:none;position:absolute}.otp-glyph-enter-active[data-v-9b3e5bba]{transition:opacity .22s cubic-bezier(.22,1,.36,1) var(--d),transform .3s cubic-bezier(.22,1,.36,1) var(--d),filter .26s ease-out var(--d)}.otp-glyph-leave-active[data-v-9b3e5bba]{transition:opacity .14s ease-in var(--dl,0s),transform .14s ease-in var(--dl,0s),filter .14s ease-in var(--dl,0s)}.otp-glyph-enter-from[data-v-9b3e5bba]{filter:blur(4px);opacity:0;transform:translateY(.35em)}.otp-glyph-leave-to[data-v-9b3e5bba]{filter:blur(2px);opacity:0;transform:scale(.9)}.otp-caret[data-v-9b3e5bba]{animation:otp-blink-9b3e5bba 1.1s steps(1) infinite;background:var(--otp-ink,#111827);border-radius:1px;height:24px;left:50%;pointer-events:none;position:absolute;top:50%;translate:-50% -50%;width:1.5px}@keyframes otp-blink-9b3e5bba{50%{opacity:0}}.otp-ring[data-v-9b3e5bba]{border:1.5px solid var(--otp-focus,var(--p-primary-500,#b96847));border-radius:var(--otp-radius,12px);box-shadow:0 0 0 4px var(--otp-focus-soft,color-mix(in srgb,var(--p-primary-500,#b96847) 14%,transparent));height:var(--otp-height,58px);left:0;opacity:0;pointer-events:none;position:absolute;scale:.92;top:0;transition:opacity .16s ease-out,scale .22s cubic-bezier(.22,1,.36,1);z-index:1}.otp-ring--on[data-v-9b3e5bba]{opacity:1;scale:1}.otp-ring--glide[data-v-9b3e5bba]{transition:opacity .16s ease-out,scale .22s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1)}.otp--checking .otp-glyph[data-v-9b3e5bba]{color:color-mix(in srgb,var(--otp-ink,#111827) 55%,transparent);transition:color .2s ease}.otp--checking[data-v-9b3e5bba],.otp--success[data-v-9b3e5bba],.otp-sheen[data-v-9b3e5bba]{pointer-events:none}.otp-sheen[data-v-9b3e5bba]{animation:otp-sheen-9b3e5bba 1.1s ease-in-out infinite;background:linear-gradient(105deg,transparent 38%,color-mix(in srgb,var(--otp-focus,var(--p-primary-500,#b96847)) 16%,transparent) 50%,transparent 62%);background-size:300% 100%;border-radius:var(--otp-radius,12px);inset:0;position:absolute;z-index:2}.otp--success .otp-sheen[data-v-9b3e5bba]{animation:otp-sheen-9b3e5bba .7s ease-out 1 both;background-image:linear-gradient(105deg,transparent 38%,rgba(34,197,94,.22) 50%,transparent 62%)}@keyframes otp-sheen-9b3e5bba{0%{background-position:100% 0}to{background-position:0 0}}.otp-slot[data-v-9b3e5bba]{transition:border-color .22s ease,background-color .22s ease}.otp--success .otp-slot[data-v-9b3e5bba]{background:#f0fdf4;border-color:#86efac;transition-delay:calc(var(--i)*55ms)}.otp--success .otp-glyph[data-v-9b3e5bba]{color:#15803d;transition:color .22s ease calc(var(--i, 0)*55ms)}.otp--success .otp-ring[data-v-9b3e5bba]{opacity:0}.otp--bad .otp-slot[data-v-9b3e5bba],.otp--error .otp-slot[data-v-9b3e5bba]{background:#fff8f9;border-color:#f9a8b4;transition-delay:calc(var(--i)*40ms)}.otp--bad .otp-ring[data-v-9b3e5bba]{border-color:#e11d48;box-shadow:0 0 0 4px #e11d481f}.otp--off[data-v-9b3e5bba]{opacity:.55;pointer-events:none}@media(max-width:360px){.otp[data-v-9b3e5bba]{gap:6px}.otp-ring[data-v-9b3e5bba],.otp-slot[data-v-9b3e5bba]{height:52px}}@media(prefers-reduced-motion:reduce){.otp-sheen[data-v-9b3e5bba]{display:none}.otp-glyph-enter-active[data-v-9b3e5bba],.otp-glyph-leave-active[data-v-9b3e5bba],.otp-ring[data-v-9b3e5bba],.otp-ring--glide[data-v-9b3e5bba]{transition:opacity .1s linear}.otp-glyph-enter-from[data-v-9b3e5bba],.otp-glyph-leave-to[data-v-9b3e5bba]{filter:none;transform:none}}