.GlassyOtpInput-module__zzWk_W__card{--otp-accent:#2563eb;--otp-glow:#2563eb30;isolation:isolate;color:#1d3657;background:linear-gradient(135deg,#fffffff5,#edf5ffe8 58%,#f5f9fff7);border:1px solid #cbddf8;border-radius:16px;margin:5px 0 15px;padding:15px 17px 13px;transition:border-color .25s,box-shadow .3s,transform .25s;position:relative;overflow:hidden;box-shadow:0 8px 24px #2563eb13,inset 0 1px #fff}.GlassyOtpInput-module__zzWk_W__card:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 20%,#599df90a,#91c2ff33,#0000 78%);position:absolute;inset:-60% -25% 52% 10%;transform:rotate(-20deg)}.GlassyOtpInput-module__zzWk_W__card:after{content:"";z-index:-1;filter:blur(40px);pointer-events:none;background:#458df821;border-radius:50%;width:140px;height:140px;position:absolute;top:-100px;right:-25px}.GlassyOtpInput-module__zzWk_W__card:focus-within{border-color:#7aa9f7;box-shadow:0 10px 28px #2563eb1a,0 0 0 3px #2563eb1a,inset 0 1px #fff}.GlassyOtpInput-module__zzWk_W__header{align-items:center;gap:7px;margin-bottom:9px;display:flex}.GlassyOtpInput-module__zzWk_W__lock{color:var(--otp-accent);background:#e5f0ff;border-radius:9px;place-items:center;width:25px;height:25px;display:inline-grid}.GlassyOtpInput-module__zzWk_W__eyebrow{letter-spacing:.14em;color:#607da4;font-size:9px;font-weight:700}.GlassyOtpInput-module__zzWk_W__counter{font-variant-numeric:tabular-nums;color:#6682a7;margin-left:auto;font-size:11px}.GlassyOtpInput-module__zzWk_W__label{letter-spacing:.01em;color:#294568;margin-bottom:12px;font-size:12px;font-weight:650;display:block}.GlassyOtpInput-module__zzWk_W__inputArea{cursor:text;position:relative}.GlassyOtpInput-module__zzWk_W__cells{pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.GlassyOtpInput-module__zzWk_W__cell{font-variant-numeric:tabular-nums;color:#1d4ed8;background:#fffc;border:1px solid #cfdef4;border-radius:11px;place-items:center;min-width:0;height:51px;font-size:21px;font-weight:700;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s;display:grid;position:relative;box-shadow:inset 0 1px #fff,0 2px 5px #2b579609}.GlassyOtpInput-module__zzWk_W__dot{background:#a4b8d3;border-radius:50%;width:4px;height:4px}.GlassyOtpInput-module__zzWk_W__filled{background:linear-gradient(160deg,#e1eeff,#f5f9ff);border-color:#86b2f8;animation:.32s cubic-bezier(.2,1.5,.4,1) both GlassyOtpInput-module__zzWk_W__otpPop;box-shadow:inset 0 1px #fff,0 0 12px #2563eb1a}.GlassyOtpInput-module__zzWk_W__card:focus-within .GlassyOtpInput-module__zzWk_W__next{border-color:var(--otp-accent);box-shadow:0 0 0 1px #2563eb24, 0 0 17px var(--otp-glow);animation:1.65s ease-in-out infinite GlassyOtpInput-module__zzWk_W__otpBreathe}.GlassyOtpInput-module__zzWk_W__card .GlassyOtpInput-module__zzWk_W__capture{opacity:.01;color:#0000;caret-color:#0000;letter-spacing:20px;cursor:text;width:100%;height:100%;box-shadow:none;z-index:2;background:0 0;border:0;padding:0;font-size:22px;position:absolute;inset:0}.GlassyOtpInput-module__zzWk_W__card .GlassyOtpInput-module__zzWk_W__capture:focus,.GlassyOtpInput-module__zzWk_W__card .GlassyOtpInput-module__zzWk_W__capture:focus-visible{box-shadow:none;background:0 0;border:0;outline:none}.GlassyOtpInput-module__zzWk_W__footer{align-items:center;gap:12px;margin-top:12px;display:flex}.GlassyOtpInput-module__zzWk_W__progressTrack{background:#d3e3fa;border-radius:99px;flex:1;min-width:38px;max-width:70px;height:3px;overflow:hidden}.GlassyOtpInput-module__zzWk_W__progressFill{border-radius:inherit;background:linear-gradient(90deg,#69a1fd,#2563eb);height:100%;transition:width .28s cubic-bezier(.15,.8,.3,1);display:block}.GlassyOtpInput-module__zzWk_W__status{white-space:nowrap;color:#5d789e;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:inline-flex}.GlassyOtpInput-module__zzWk_W__complete:not(.GlassyOtpInput-module__zzWk_W__success):not(.GlassyOtpInput-module__zzWk_W__error){border-color:#7aa9f7}.GlassyOtpInput-module__zzWk_W__complete:not(.GlassyOtpInput-module__zzWk_W__success):not(.GlassyOtpInput-module__zzWk_W__error) .GlassyOtpInput-module__zzWk_W__filled:last-child{animation:.36s ease-out GlassyOtpInput-module__zzWk_W__otpPop,.65s ease-out GlassyOtpInput-module__zzWk_W__otpFinish}.GlassyOtpInput-module__zzWk_W__checking .GlassyOtpInput-module__zzWk_W__progressFill{background:linear-gradient(90deg,#2563eb,#a8cbff,#2563eb) 0 0/200% 100%;animation:1.2s linear infinite GlassyOtpInput-module__zzWk_W__otpProgress;width:100%!important}.GlassyOtpInput-module__zzWk_W__spin{animation:.9s linear infinite GlassyOtpInput-module__zzWk_W__otpSpin}.GlassyOtpInput-module__zzWk_W__success{--otp-accent:#188a5a;--otp-glow:#22ae732b;border-color:#80cdb2;animation:.55s ease-out GlassyOtpInput-module__zzWk_W__otpSuccess}.GlassyOtpInput-module__zzWk_W__success .GlassyOtpInput-module__zzWk_W__cell.GlassyOtpInput-module__zzWk_W__filled{color:#126947;background:#e8f8f0;border-color:#70c29d}.GlassyOtpInput-module__zzWk_W__success .GlassyOtpInput-module__zzWk_W__progressFill{background:#22a676}.GlassyOtpInput-module__zzWk_W__success .GlassyOtpInput-module__zzWk_W__status{color:#16744e;font-weight:700}.GlassyOtpInput-module__zzWk_W__error{--otp-accent:#c94b45;--otp-glow:#e154472b;border-color:#f0aaa4;animation:.42s ease-out GlassyOtpInput-module__zzWk_W__otpShake}.GlassyOtpInput-module__zzWk_W__error .GlassyOtpInput-module__zzWk_W__cell.GlassyOtpInput-module__zzWk_W__filled{color:#ad3730;background:#fff2f0;border-color:#eaa59d}.GlassyOtpInput-module__zzWk_W__error .GlassyOtpInput-module__zzWk_W__progressFill{background:#de6d64}.GlassyOtpInput-module__zzWk_W__error .GlassyOtpInput-module__zzWk_W__status{color:#a9413d}@keyframes GlassyOtpInput-module__zzWk_W__otpPop{0%{opacity:.54;transform:translateY(6px)scale(.87)}75%{transform:translateY(-2px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes GlassyOtpInput-module__zzWk_W__otpBreathe{0%,to{box-shadow:0 0 0 1px #2563eb24,0 0 8px #2563eb1f}50%{box-shadow:0 0 0 1px #2563eb57,0 0 20px #2563eb38}}@keyframes GlassyOtpInput-module__zzWk_W__otpFinish{50%{box-shadow:0 0 22px #2563eb47}}@keyframes GlassyOtpInput-module__zzWk_W__otpProgress{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes GlassyOtpInput-module__zzWk_W__otpSpin{to{transform:rotate(360deg)}}@keyframes GlassyOtpInput-module__zzWk_W__otpShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes GlassyOtpInput-module__zzWk_W__otpSuccess{35%{box-shadow:0 0 0 5px #22ae731f,0 10px 26px #2563eb0f}}@media (max-width:390px){.GlassyOtpInput-module__zzWk_W__card{padding:13px 11px}.GlassyOtpInput-module__zzWk_W__cells{gap:5px}.GlassyOtpInput-module__zzWk_W__cell{height:46px;font-size:20px}}@media (prefers-reduced-motion:reduce){.GlassyOtpInput-module__zzWk_W__card,.GlassyOtpInput-module__zzWk_W__cell,.GlassyOtpInput-module__zzWk_W__progressFill{transition:none}.GlassyOtpInput-module__zzWk_W__filled,.GlassyOtpInput-module__zzWk_W__card:focus-within .GlassyOtpInput-module__zzWk_W__next,.GlassyOtpInput-module__zzWk_W__complete .GlassyOtpInput-module__zzWk_W__filled:last-child,.GlassyOtpInput-module__zzWk_W__spin,.GlassyOtpInput-module__zzWk_W__checking .GlassyOtpInput-module__zzWk_W__progressFill,.GlassyOtpInput-module__zzWk_W__success,.GlassyOtpInput-module__zzWk_W__error{animation:none!important}}
