.otp{--otp-sig:#ffb020;--otp-ok:#3ddc97;--otp-bad:#ff5f5f;--otp-d:340ms}.otp-cell{z-index:1}.otp-cell:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--otp-sig),transparent);transform:scaleX(0);transform-origin:50% 50%;transition:transform var(--otp-d) cubic-bezier(.16,.9,.2,1)}.otp-cell[data-filled=true]:after{transform:scaleX(1)}.otp-cell:focus-within{border-color:rgba(255,176,32,.75);box-shadow:0 0 0 3px rgba(255,176,32,.18)}@keyframes otp-reel{0%{transform:translateY(90%);filter:blur(7px);opacity:0}to{transform:none;filter:blur(0);opacity:1}}.otp-glyph{display:block}.otp-cell[data-filled=true] .otp-glyph{animation:otp-reel var(--otp-d) cubic-bezier(.16,.9,.2,1) both}.otp-caret{width:2px;height:26px;border-radius:2px;background:var(--otp-sig);animation:otp-blink 1.05s step-end infinite}@keyframes otp-blink{0%,49%{opacity:1}50%,to{opacity:0}}.otp-route{position:absolute;inset:-10px -14px;overflow:hidden;border-radius:20px;pointer-events:none;z-index:0}.otp-route svg{display:block;width:100%;height:100%}.otp-route-path{fill:none;stroke:var(--otp-sig);stroke-width:1.5;stroke-dasharray:6 7;opacity:.42;animation:otp-crawl 1s linear infinite}@keyframes otp-crawl{to{stroke-dashoffset:-13}}.otp-route-dot{fill:var(--otp-sig);filter:drop-shadow(0 0 7px rgba(255,176,32,.9))}@keyframes otp-ping{0%{border-color:hsla(0,0%,100%,.1);box-shadow:none}6%{border-color:var(--otp-sig);box-shadow:0 0 0 1px rgba(255,176,32,.45),0 0 18px rgba(255,176,32,.38)}16%,to{border-color:hsla(0,0%,100%,.1);box-shadow:none}}.otp[data-status=verifying] .otp-cell{animation:otp-ping 2.1s linear infinite;animation-delay:calc(var(--i) * .3s)}.otp[data-status=verifying] .otp-glyph{animation:none;opacity:.5;filter:blur(.4px)}@keyframes otp-settle{0%{transform:none}45%{transform:translateY(-6px)}to{transform:none}}.otp[data-status=success] .otp-cell{animation:otp-settle .46s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 55ms);border-color:rgba(61,220,151,.55);background:rgba(61,220,151,.1)}.otp[data-status=success] .otp-glyph{color:var(--otp-ok)}.otp[data-status=success] .otp-cell:after{background:linear-gradient(90deg,transparent,var(--otp-ok),transparent)}@keyframes otp-pin-drop{0%{transform:translateY(-44px) scale(.72);opacity:0}55%{transform:translateY(4px) scale(1.06);opacity:1}74%{transform:translateY(-3px) scale(.98);opacity:1}to{transform:none;opacity:1}}.otp-pin{animation:otp-pin-drop .62s cubic-bezier(.3,1.4,.5,1) both;animation-delay:.18s;color:var(--otp-ok);filter:drop-shadow(0 6px 12px rgba(61,220,151,.45))}@keyframes otp-landing-ring{0%{transform:scale(.35);opacity:.85}to{transform:scale(2.6);opacity:0}}.otp-pin-ring{border:1px solid var(--otp-ok);animation:otp-landing-ring 1.15s cubic-bezier(.2,.8,.2,1) both;animation-delay:.7s}.otp-pin-ring+.otp-pin-ring{animation-delay:.98s}@keyframes otp-shake{0%,to{transform:translateX(0)}15%{transform:translateX(-8px)}30%{transform:translateX(7px)}45%{transform:translateX(-5px)}60%{transform:translateX(4px)}78%{transform:translateX(-2px)}}.otp[data-status=error] .otp-row{animation:otp-shake .46s cubic-bezier(.36,.07,.19,.97) both}.otp[data-status=error] .otp-cell{border-color:rgba(255,95,95,.6);background:rgba(255,95,95,.08)}.otp[data-status=error] .otp-glyph{color:var(--otp-bad)}.otp[data-status=error] .otp-cell:after{background:linear-gradient(90deg,transparent,var(--otp-bad),transparent)}.otp[data-status=verifying] .otp-status{color:var(--otp-sig)}.otp[data-status=success] .otp-status{color:var(--otp-ok)}.otp[data-status=error] .otp-status{color:var(--otp-bad)}.otp-timer-track{fill:none;stroke:hsla(0,0%,100%,.13);stroke-width:2.5}.otp-timer-fill{fill:none;stroke:var(--otp-sig);stroke-width:2.5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1s linear}@media (prefers-reduced-motion:reduce){.otp *,.otp :after,.otp :before{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important}}