.login-area{font-family:YekanBakhFaNum!important;display:none;position:fixed;top:0;bottom:0;right:0;left:0;margin:auto;background:#9aa9b375;height:100%;width:100%;z-index:10000}.login-area.show{display:flex}.login-area .form{display:none;margin:auto;background:#fff;width:700px;height:fit-content;padding:32px;border-radius:24px;flex-direction:column;gap:24px;z-index:6}.login-area .form.show{display:flex}.login-area .form .title{color:#1C3472;font-weight:700;font-size:20px;line-height:180%;letter-spacing:0;text-align:center}.login-area .form .input-row{display:flex;flex-direction:column;gap:16px;flex:1}.login-area .form .step-1[data-name="login_with_email"]{display:none}.login-with-mobile,.login-with-email{display:flex;flex-direction:column;gap:16px;height:100%}.login-area .form .input-row.step-2{height:0;overflow:hidden;flex:unset}.login-area .form .input-row .input-box:has(#verify_code){display:flex;gap:8px;align-items:center;direction:ltr}.login-area .form .input-row .description{font-weight:400;font-size:12px;color:#7684A7;margin-top:-12px;text-align:center}.login-area .form .input-row .description .label.head-description{color:#666;text-align:center;font-size:14px;font-weight:400}.login-area .form .label{color:#4C5E8C;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0;text-align:center;display:inline}.login-area .form .label.head-description{font-size:18px;font-weight:700;color:#333}.login-area .form .label[data-label="login_with_email"]:not(.head-description),.login-area .form .label[data-label="login_with_mobile"]:not(.head-description){font-weight:400;font-size:14px;color:#3E74FE;cursor:pointer;width:fit-content;margin:auto}.login-area .form .input-flex{display:flex;gap:24px;align-items:flex-start}.login-area .form input[type="range"]{width:100%;height:10px;background:#ddd;border-radius:5px;outline:none;direction:ltr}.login-area .form input[type="range"]::-webkit-slider-runnable-track{border-radius:5px;background-size:var(--range-track-background-size)!important;background:linear-gradient(90deg,var(--range-track-gradient)) no-repeat}.login-area .form input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 4px 0 #00000040;z-index:6;background:#2D82FF;outline:9px solid #FFF}.login-area .form input[type="range"]::-moz-range-track{-moz-appearance:none;appearance:none;height:10px;border-radius:5px;background-size:var(--range-track-background-size)!important;background:linear-gradient(90deg,var(--range-track-gradient)) no-repeat}.login-area .form input[type="range"]::-moz-range-thumb{-moz-appearance:none;appearance:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 4px 0 #00000040;z-index:6;width:30px;height:30px;background:#2D82FF;display:inline-block;outline:9px solid #FFF;outline-offset:-8px}.login-area .form{width:440px}.login-area .form #mobile{border:1px solid #F2F2F2;border-radius:12px;color:#152242;font-weight:400;font-size:16px;line-height:24px;letter-spacing:4px;text-align:center;direction:ltr;-moz-appearance:textfield;transition:0.3s ease all;background:#F2F2F2}.login-area .form #mobile::placeholder{font-weight:400;font-size:14px;letter-spacing:0;text-align:right;color:#999}.login-area .form #mobile:focus{border:1px solid #3E74FE!important;outline:none!important}.login-area .form #email{border:1px solid #F2F2F2;border-radius:12px;color:#152242;font-weight:400;font-size:16px;line-height:24px;letter-spacing:4px;text-align:center;direction:ltr;-moz-appearance:textfield;transition:0.3s ease all;background:#F2F2F2}.login-area .form #email::placeholder{font-weight:400;font-size:14px;letter-spacing:4px;text-align:center;color:#999}.login-area .form #email:focus{border:1px solid #3E74FE!important;outline:none!important}.login-area .form #verify_code{border:1px solid #F2F2F2;border-radius:12px;color:#152242;font-weight:400;font-size:16px;line-height:24px;letter-spacing:30%;text-align:center;direction:ltr;-moz-appearance:textfield;background:#F2F2F2}.login-area .form #verify_code::placeholder{font-weight:400;font-size:14px;letter-spacing:4px;text-align:center;color:#999}.login-area .form #verify_code:focus{border:1px solid #3E74FE!important;outline:none!important}.login-area .form #mobile::-webkit-inner-spin-button,.login-area .form #mobile::-webkit-outer-spin-button,.login-area .form #verify_code::-webkit-inner-spin-button,.login-area .form #verify_code::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:textfield}.login-area .form #full_name{border:1px solid #CBD0DD;border-radius:12px;color:#152242;font-weight:400;font-size:16px;line-height:32px;letter-spacing:0;text-align:right}.login-area .form #full_name::placeholder{font-weight:400;text-align:right;color:#CBD0DD}.login-area .form #full_name:focus{border:1px solid #3E74FE!important;outline:none!important}.login-area .form .invalid{border-color:#FF6565!important;transition:0.3s ease all}.login-area .form .submit{background:#3E74FE;border-radius:12px;padding:12px 20px;color:#FFF;font-weight:400;font-size:16px;letter-spacing:0;align-self:last baseline;cursor:pointer;transition:0.3s ease all;width:100%;text-align:center}.login-area .form .submit:hover{background:#3563D8;transition:0.3s ease all}.login-area .form .actions{display:none;align-items:center;gap:8px}.login-area .form .counter{color:#7684A7;font-weight:400;font-size:14px;line-height:200%;letter-spacing:0}.login-area .form .resend-button{color:#7684A7;font-weight:400;font-size:14px;letter-spacing:0;cursor:pointer;height:22px;transition:0.3s ease all;display:none}.login-area .form .resend-button:hover{border-bottom:1px solid #7684A7;color:#4c5e8c;transition:0.3s ease all}.login-area .form .change-mobile,.login-area .form .change-email,.login-area .form .reset-login-method{color:#7684A7;font-weight:400;font-size:14px;margin-right:auto;cursor:pointer}.login-area .step-2 span[data-label="login_with_email"],.login-area .step-2 span[data-label="login_with_mobile"]{display:none!important}.login-area .step-2 span[data-label="login_with_email"].show,.login-area .step-2 span[data-label="login_with_mobile"].show{display:inline!important}.login-area .step-2:has(.reset-login-method.show[data-label="login_with_email"])>.full-name{display:none}.login-area .form .message{display:none;text-align:center;font-weight:400;font-size:14px;letter-spacing:0;height:21px}.login-area .form .message.failed{color:#E32828}