.otp-code-input-module__vAvzdq__u026{--u026-surface:hsl(var(--background));--u026-ink:hsl(var(--foreground));--u026-ink-3:hsl(var(--muted-foreground));--u026-line-2:hsl(var(--input));--u026-accent:var(--brand);--u026-accent-soft:color-mix(in srgb, var(--brand) 12%, transparent);--u026-ok:var(--brand);--u026-danger:#ef4444;--u026-ease:cubic-bezier(.2, .8, .2, 1);--u026-spring:cubic-bezier(.34, 1.45, .64, 1);width:100%;color:var(--u026-ink);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:break-word;flex-direction:column;align-items:center;display:flex;position:relative;container-type:inline-size}.dark .otp-code-input-module__vAvzdq__u026{--u026-accent-soft:color-mix(in srgb, var(--brand) 15%, transparent)}.otp-code-input-module__vAvzdq__u026,.otp-code-input-module__vAvzdq__u026 *,.otp-code-input-module__vAvzdq__u026 :before,.otp-code-input-module__vAvzdq__u026 :after{box-sizing:border-box}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__row{justify-content:center;gap:8px;width:100%;max-width:334px;display:flex;position:relative}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__sep{background:var(--u026-line-2);border-radius:2px;flex:none;align-self:center;width:10px;height:2px}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__cell{aspect-ratio:46/58;background:var(--u026-surface);min-width:0;max-width:46px;box-shadow:inset 0 0 0 1.5px var(--u026-line-2);font-variant-numeric:tabular-nums;transition:box-shadow .25s var(--u026-ease), background-color .4s var(--u026-ease), color .4s, transform .45s var(--u026-spring);border-radius:14px;flex:1 1 0;place-items:center;font-size:clamp(18px,9.6cqi - 5.5px,26px);font-weight:760;display:grid;position:relative;overflow:hidden}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__cell span{animation:otp-code-input-module__vAvzdq__u026-in .4s var(--u026-spring);display:block}@keyframes otp-code-input-module__vAvzdq__u026-in{0%{opacity:0;transform:translateY(70%)}}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__cell.otp-code-input-module__vAvzdq__cur{box-shadow:inset 0 0 0 2px var(--u026-accent), 0 0 0 4px var(--u026-accent-soft)}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__cell.otp-code-input-module__vAvzdq__cur:after{content:"";background:var(--u026-accent);border-radius:1px;width:2px;margin-left:-1px;animation:1s step-end infinite otp-code-input-module__vAvzdq__u026-blink;position:absolute;top:16px;bottom:16px;left:50%}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__cell.otp-code-input-module__vAvzdq__cur.otp-code-input-module__vAvzdq__has:after{display:none}@keyframes otp-code-input-module__vAvzdq__u026-blink{50%{opacity:0}}.otp-code-input-module__vAvzdq__u026.otp-code-input-module__vAvzdq__isCheck .otp-code-input-module__vAvzdq__cell{animation:otp-code-input-module__vAvzdq__u026-wave .5s var(--u026-ease);animation-delay:calc(var(--i) * 60ms)}@keyframes otp-code-input-module__vAvzdq__u026-wave{40%{transform:translateY(-8px)}}.otp-code-input-module__vAvzdq__u026.otp-code-input-module__vAvzdq__isOk .otp-code-input-module__vAvzdq__cell{background:color-mix(in srgb, var(--u026-ok) 14%, var(--u026-surface));box-shadow:inset 0 0 0 2px var(--u026-ok);color:var(--u026-ok);transition-delay:calc(var(--i) * 50ms)}.otp-code-input-module__vAvzdq__u026.otp-code-input-module__vAvzdq__isBad .otp-code-input-module__vAvzdq__row{animation:otp-code-input-module__vAvzdq__u026-shake .45s var(--u026-ease)}.otp-code-input-module__vAvzdq__u026.otp-code-input-module__vAvzdq__isBad .otp-code-input-module__vAvzdq__cell{box-shadow:inset 0 0 0 2px var(--u026-danger);color:var(--u026-danger)}@keyframes otp-code-input-module__vAvzdq__u026-shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__real{opacity:0;width:100%;height:100%;font:inherit;cursor:text;caret-color:#0000;color:#0000;background:0 0;border:0;padding:0;font-size:16px;position:absolute;inset:0}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__real:focus-visible{outline:none}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__msg{text-align:center;white-space:pre-line;min-height:20px;color:var(--u026-ink-3);transition:color .3s var(--u026-ease);margin:16px 0 0;font-size:13.5px;font-weight:650}.otp-code-input-module__vAvzdq__u026.otp-code-input-module__vAvzdq__isOk .otp-code-input-module__vAvzdq__msg{color:var(--u026-ok)}.otp-code-input-module__vAvzdq__u026.otp-code-input-module__vAvzdq__isBad .otp-code-input-module__vAvzdq__msg{color:var(--u026-danger)}.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container (max-width:300px){.otp-code-input-module__vAvzdq__u026 .otp-code-input-module__vAvzdq__row{gap:6px}}@media (prefers-reduced-motion:reduce){.otp-code-input-module__vAvzdq__u026,.otp-code-input-module__vAvzdq__u026 *,.otp-code-input-module__vAvzdq__u026 :before,.otp-code-input-module__vAvzdq__u026 :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
