.otp-login-container .loader{transform-origin:50%;--active:#7627a3;--track:#f2d4fe;--duration:8s;width:20px;animation:2s linear infinite spin;overflow:visible;transform:rotate(-90deg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.otp-login-container .loader .active{stroke:var(--active);stroke-linecap:round;stroke-dashoffset:360px;animation:active-animation var(--duration)ease-in-out infinite}@keyframes active-animation{0%{stroke-dasharray:0 0 0 360 0 360}12.5%{stroke-dasharray:0 0 270 90 270 90}25%{stroke-dasharray:0 270 0 360 0 360}37.5%{stroke-dasharray:0 270 270 90 270 90}50%{stroke-dasharray:0 540 0 360 0 360}50.001%{stroke-dasharray:0 180 0 360 0 360}62.5%{stroke-dasharray:0 180 270 90 270 90}75%{stroke-dasharray:0 450 0 360 0 360}87.5%{stroke-dasharray:0 450 270 90 270 90}87.501%{stroke-dasharray:0 90 270 90 270 90}to{stroke-dasharray:0 360 1 360 0 360}}.otp-login-container .track{stroke:var(--track);stroke-linecap:round;stroke-dashoffset:360px;animation:track-animation var(--duration)ease-in-out infinite}@keyframes track-animation{0%{stroke-dasharray:0 20 320 40 320 40}12.5%{stroke-dasharray:0 290 50 310 50 310}25%{stroke-dasharray:0 290 320 40 320 40}37.5%{stroke-dasharray:0 560 50 310 50 310}37.501%{stroke-dasharray:0 200 50 310 50 310}50%{stroke-dasharray:0 200 320 40 320 40}62.5%{stroke-dasharray:0 470 50 310 50 310}62.501%{stroke-dasharray:0 110 50 310 50 310}75%{stroke-dasharray:0 110 320 40 320 40}87.5%{stroke-dasharray:0 380 50 310 50 310}to{stroke-dasharray:0 380 320 40 320 40}}.otp-login-container{direction:rtl;border-radius:6px;width:100%;margin:20px auto;padding:20px;position:relative}.otp-login-container .otp-login-form-wrap h2{text-align:center;margin-bottom:20px;font-weight:700}.otp-login-container button{outline:none;justify-content:center;gap:10px;display:flex}.otp-login-container .first-step-wrap,.otp-login-container .second-step-login-wrap{margin-top:15px}.otp-login-container label{margin-bottom:6px;font-weight:600;display:block}.otp-login-container input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px 10px;font-size:14px}.otp-login-container .password-input-wrap,.otp-login-container .register-form-wrap-inner-item,.otp-login-container .new-password-wrap,.otp-login-container .confirm-password-wrap{position:relative}.otp-login-container .password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:absolute;top:43px;left:3px}.otp-login-container button.password-toggle:hover,.otp-login-container button.password-toggle:focus,.otp-login-container button.password-toggle:active{background-color:#0000}.otp-login-container .password-toggle svg{fill:#555}.otp-login-container .submit-btn-wrap{text-align:center;margin-top:12px}.otp-login-container .submit-btn-wrap button{color:#fff;cursor:pointer;background-color:#0073e6;border:none;border-radius:4px;padding:10px 18px;font-size:15px;transition:background-color .3s}.otp-login-container .submit-btn-wrap button:hover{background-color:#005bb5}.otp-login-container .tabs-wrap{user-select:none;border-radius:6px;display:flex;overflow:hidden}.otp-login-container .tab-item{text-align:center;cursor:pointer;color:#333;flex:1;padding:10px 0;transition:background-color .3s,color .3s}.otp-login-container .tab-item:last-child{border-right:none}.otp-login-container .tab-item.active{color:#000;background-color:#ddd;font-weight:700}.otp-login-container .tab-content-wrap{padding:15px 0}.otp-login-container .tab-content{display:none}.otp-login-container .tab-content.active{display:block}.otp-login-container .hidden{display:none!important}.otp-login-container .otp-timer,.otp-login-container #forgot-password-btn{color:#00000091;cursor:pointer;background-color:#0000;border:none;margin-top:10px;font-size:14px;font-weight:600;transition:color .3s}.otp-login-container .register-form-wrap-inner-item{margin-bottom:10px}.otp-login-container #cover{backdrop-filter:blur(6px);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.otp-login-container #cover svg{width:50px;height:50px}.otp-login-container .loading-cover{z-index:1000;background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.otp-login-container .loading-cover.hidden{display:none}.otp-login-container .loading-spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.otp-login-container .otp-login-form-wrap{position:relative}