.login-inputs-container{padding:1vw;position:relative;width:100%;height:20vw;transition:all .4s;transform:translateX(100%);opacity:0;visibility:hidden}.login-inputs-container.active{transform:translateX(0);opacity:1;visibility:visible}.login-inputs-container form{padding:1vw;width:100%;height:100%;position:relative;gap:1vw;transform:translateY(-1vw)}.login-inputs-container form .input-group{width:100%;align-items:start!important;position:relative}.login-inputs-container form .input-group.state{z-index:3}.login-inputs-container form .input-group.city{z-index:2}.login-inputs-container form .input-group label{display:flex!important;align-self:center!important;justify-content:center!important;padding:0 .7vw;height:1.25vw;font-size:.88vw;font-weight:400;transition:all .25s ease-in-out;opacity:1;visibility:visible;color:var(--text-muted);position:absolute;background-color:var(--light-bg)!important;top:-.6vw;right:1vw;z-index:3!important}.login-inputs-container form .input-group:has(input:focus) label{color:var(--neutral-600)!important}.login-inputs-container form .input-group input{padding:.5vw 1vw!important;font-size:.9vw;width:100%;height:3vw}.login-inputs-container form .input-group div.error-msg{width:100%;color:var(--primary);position:absolute;top:101%;right:.5vw;gap:.3vw;justify-content:start!important;font-size:.7vw}.login-inputs-container form button[type=submit]{padding:1vw .75vw;min-width:60%;background:var(--primary);transform:translateY(2vw);font-weight:600;color:var(--light-bg);border-radius:.8vw}.login-inputs-container form button[type=submit]:hover{filter:brightness(1.2)}@media screen and (max-width:450px){.login-inputs-container{margin-top:12vw;padding:1vw;height:80vw;justify-content:start!important}.login-inputs-container form{padding:2vw;gap:10vw;justify-content:start!important}.login-inputs-container form .input-group label{margin-right:1.5vw;font-size:3.5vw;height:5.5vw;top:-1.8vw}.login-inputs-container form .input-group{width:82vw}.login-inputs-container form .input-group input{width:100%;padding:1.5vw 3vw!important;font-size:3.9vw;height:13vw}.login-inputs-container form .input-group input::placeholder{font-size:3.9vw}.login-inputs-container form .input-group div.error-msg{right:1.5vw;gap:1vw;font-size:2.8vw}.login-inputs-container form button[type=submit]{margin-top:5vw;min-width:70%;padding:3vw;font-size:3.5vw;border-radius:10px}}.otp-handler{padding:1vw;position:absolute;inset:0;z-index:50!important;width:100%;height:100%;transition:all .5s;transform:translateY(100%);opacity:0;visibility:hidden;background-color:var(--light-bg);gap:3vw;animation:otp-handler-animate .5s linear forwards}@keyframes otp-handler-animate{0%{transform:translateY(100%);opacity:0;visibility:hidden}to{transform:translateY(0);opacity:1;visibility:visible}}.otp-handler h2{font-size:1.5vw;gap:.75vw}.otp-handler h2 span{font-weight:400;font-size:.85vw;font-family:IRANYekanX-FaNum,sans-serif}.otp-handler h5{margin-top:1vw;font-size:.8vw}.otp-handler-return.btn{font-size:1.3vw;position:absolute;top:1vw;left:1vw;transition:all .25s;color:var(--dark-font)}.otp-handler-return.btn:hover{filter:brightness(.8)}.otp-numbers-input-group{gap:.5vw;direction:ltr!important}.otp-numbers-input-group input{padding:1vw;width:4vw;height:4vw;text-align:center;outline:none;border-radius:.5vw;border:none;background:var(--border-soft);transition:all .25s;font-size:2vw}.otp-numbers-input-group input:hover{filter:brightness(.9)}.otp-numbers-input-group input:focus{background:var(--border-strong)}.otp-handler form button[type=submit]{padding:1vw .75vw;min-width:60%;background:var(--primary);transform:translateY(2vw);font-weight:600;color:var(--light-bg);border-radius:.8vw}.otp-handler form button[type=submit]:hover{filter:brightness(1.2)}.otp-handler form button[type=submit]:disabled{filter:brightness(1)}.otp-send-again.btn{padding:.25vw 1.5vw;margin-top:.75vw;font-size:.85vw;background-color:var(--lightest-red);gap:.5vw}.otp-send-again.btn i{font-size:.8vw}.otp-send-again.btn:hover{background-color:var(--light-red)}.otp-handler .otp-container{width:100%;display:flex;flex-direction:row-reverse;justify-content:center;gap:.65vw}.otp-handler .otp-container .otp-digit-box{width:3.5vw!important;height:3.5vw;background-color:var(--light-bg);border:.1vw solid var(--border-strong);border-radius:.8vw;font-weight:600;font-size:1.4vw;text-align:center;transition:all .2s ease-in-out}.otp-handler .otp-container .otp-digit-box:hover{border-color:var(--neutral-600)}.otp-handler .otp-container .otp-digit-box:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 .2vw rgba(255,60,74,.15);background-color:#fff}@media screen and (max-width:450px){.otp-handler{padding:2vw;gap:8vw;animation:otp-handler-animate .5s linear forwards;z-index:50}.otp-handler h2{font-size:5.5vw;gap:2.75vw}.otp-handler h2 span{font-weight:400;font-size:3.5vw}.otp-handler h5{margin-top:5vw;font-size:3.5vw;transform:translateY(5vw)}.otp-handler-return.btn{font-size:5.5vw;top:4vw;left:4vw;border-radius:2vw;padding:1.2vw}.otp-numbers-input-group{gap:2.5vw}.otp-numbers-input-group input{padding:1vw;width:13.5vw;height:13.5vw;text-align:center;outline:none;border-radius:6px;border:none;font-size:6.5vw}.otp-handler form button[type=submit]{padding:2.8vw;margin:8vw;font-size:4.5vw;min-width:70%;border-radius:8px;transform:translateY(5vw)}.otp-send-again.btn{transform:scale(3.5) translateY(2vw)}.otp-handler .otp-container{gap:1.8vw}.otp-handler .otp-container .otp-digit-box{width:14vw!important;height:14vw;background-color:var(--light-bg);border:.35vw solid var(--border-strong);border-radius:2.7vw;font-weight:600;font-size:5.49vw}.otp-send-again.btn i{font-size:1.3vw}.otp-send-again.btn{padding:.5vw 1vw;margin-top:.75vw;font-size:1.05vw;background-color:var(--lightest-red);gap:1vw}}.countdown-timer{width:3vw;direction:ltr!important;font-size:.85vw;font-weight:700}@media screen and (max-width:450px){.countdown-timer{width:10vw;direction:ltr!important;font-size:3vw}}