.nader-auth-popup-form{max-width:400px}.nader-auth-popup-form.active{display:block}.nader-auth-popup-form .popup-header{border-bottom:1px solid var(--nader-color-white-gray);padding:16px;position:relative}.nader-auth-popup-form .popup-header b{font-size:18px}.auth-content-wrapper{padding:16px}.auth-content-wrapper .auth-content{min-height:100px;position:relative}.auth-content-wrapper .auth-form-before{text-align:center;font-size:14px}.auth-content-wrapper .auth-form-after{text-align:center;margin-top:1rem;margin-bottom:0;font-size:14px}.auth-content-wrapper .global-loading-overlay{background:var(--nader-color-white);z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.auth-content-wrapper .global-loading-overlay .spinner{border:3px solid #0000;border-top:3px solid var(--nader-color-main);border-bottom:3px solid var(--nader-color-main);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite rotate}.auth-content-wrapper .nader-auth-form .input-field{background:var(--nader-color-white);width:100%;height:44px;color:var(--nader-color-dark);border:1px solid var(--nader-color-gray);text-align:center;border-radius:4px;margin-bottom:16px;padding:12px 16px;font-size:14px;transition:border-color .3s}.auth-content-wrapper .nader-auth-form .input-field:focus{border-color:var(--nader-color-main);outline:0}.auth-content-wrapper .nader-auth-form .input-field.auth-error,.auth-content-wrapper .nader-auth-form .input-field.error{border-color:var(--nader-color-red)}.auth-content-wrapper .nader-auth-form .password-input-wrapper #auth-password{margin:0}.auth-content-wrapper .nader-auth-form .otp-input-wrapper,.auth-content-wrapper .nader-auth-form .password-input-wrapper{align-items:center;gap:8px;margin-bottom:8px;display:flex}.auth-content-wrapper .nader-auth-form .otp-input-fields{direction:ltr;flex-grow:1;gap:8px;display:flex}.auth-content-wrapper .nader-auth-form .otp-input-fields .otp-digit{text-align:center;width:100%;height:44px;color:var(--nader-color-dark);border:1px solid var(--nader-color-gray);border-radius:4px;font-size:18px;transition:all .3s}.auth-content-wrapper .nader-auth-form .otp-input-fields .otp-digit:focus{border-color:var(--nader-color-main);box-shadow:0 0 0 2px rgba(var(--nader-color-main-rgb),.2);outline:0}.auth-content-wrapper .nader-auth-form .otp-input-fields .otp-digit:not(:placeholder-shown){background-color:var(--nader-color-white-gray)}.auth-content-wrapper .nader-auth-form .form-buttons{gap:10px;display:flex}.auth-content-wrapper .nader-auth-form .form-buttons .form-button{flex:1}.auth-content-wrapper .change-auth-method,.auth-content-wrapper .nader-auth-form .form-button{background:var(--nader-color-white-gray);color:var(--nader-color-dark);cursor:pointer;border:0;border-radius:4px;height:44px;position:relative}.auth-content-wrapper .nader-auth-form .form-button{justify-content:center;align-items:center;width:100%;padding:12px 16px;font-size:13px;font-weight:700;transition:background .3s;display:flex}.auth-content-wrapper .nader-auth-form .form-button:hover{background:var(--nader-color-main)}.auth-content-wrapper .nader-auth-form .form-button .resend-otp{background:var(--nader-color-white-gray);color:var(--nader-color-dark-light)}.auth-content-wrapper .nader-auth-form .form-button .resend-otp:hover{background:var(--nader-color-gray-light)}.auth-content-wrapper .change-auth-method{flex-shrink:0;width:44px;transition:all .3s}.rtl .auth-content-wrapper .change-auth-method svg{transform:rotate(180deg)}.auth-content-wrapper .change-auth-method:hover{background:var(--nader-color-gray)}.auth-content-wrapper .change-auth-method svg,.auth-content-wrapper .social-login-btn img{width:20px;height:20px}.auth-content-wrapper .forgot-password-link{text-align:center;margin-top:16px}.auth-content-wrapper .forgot-password-link a{color:var(--nader-color-main);font-size:14px;text-decoration:none}.auth-content-wrapper .forgot-password-link a:hover{text-decoration:underline}.auth-content-wrapper .auth-form-header{gap:16px;margin-bottom:16px}.auth-content-wrapper .auth-form-header h3{margin:0;font-size:16px}.auth-content-wrapper .social-login-btn{border:1px solid var(--nader-color-gray);background:var(--nader-color-white);cursor:pointer;border-radius:4px;gap:8px;width:100%;height:44px;transition:all .3s}.auth-content-wrapper .social-login-btn:hover{background:var(--nader-color-white-gray)}.auth-content-wrapper .google-btn{color:var(--nader-color-blue);border-color:var(--nader-color-blue)}.auth-content-wrapper .auth-methods-separator{text-align:center;margin:20px 0;position:relative}.auth-content-wrapper .auth-methods-separator span{background:var(--nader-color-white);z-index:1;color:var(--nader-color-dark-light);padding:0 10px;position:relative}.auth-content-wrapper .auth-methods-separator:before{content:"";background:var(--nader-color-white-gray);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.auth-content-wrapper .auth-message{margin-bottom:20px}.auth-content-wrapper .auth-error,.auth-content-wrapper .auth-message{border:1px solid #0000;border-radius:4px;gap:10px;padding:16px;font-size:14px}.auth-content-wrapper .auth-message.success,.auth-content-wrapper .success.auth-error{background-color:rgba(var(--nader-color-green-rgb),.1);color:var(--nader-color-green);border-color:rgba(var(--nader-color-green-rgb),.3)}.auth-content-wrapper .auth-error,.auth-content-wrapper .auth-message.error{background-color:rgba(var(--nader-color-red-rgb),.1);color:var(--nader-color-red);border-color:rgba(var(--nader-color-red-rgb),.3)}.auth-content-wrapper .auth-message.info,.auth-content-wrapper .info.auth-error{background-color:rgba(var(--nader-color-blue-rgb),.1);color:var(--nader-color-blue);border-color:rgba(var(--nader-color-blue-rgb),.3)}.auth-content-wrapper .error-message{color:var(--nader-color-red);text-align:right;margin-top:-10px;margin-bottom:10px;font-size:12px;display:block}.auth-content-wrapper .auth-error{margin-bottom:20px}.nader-direct-auth-container{width:100%;max-width:360px;margin:60px auto}@media (width<=768px){.nader-direct-auth-container{margin:30px auto}}.nader-direct-auth-container .auth-content-wrapper{padding:0}.nader-direct-auth-container .nav-brand{margin-bottom:32px}