.mf-inline-btn[disabled]{background-color:#ced4da;cursor:not-allowed}.mf-login-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000C;padding:18px;color:#fff;z-index:9999}.mf-login-modal-content{width:580px;position:relative;top:50%;left:50%;transform:translate(-50%,-52%);padding:60px 45px 50px;background-color:#fff;border-radius:8px}.mf-login-modal .close{position:absolute;top:10px;right:10px;cursor:pointer}.mf-login-modal .close svg{color:#999}#loginModal.mf-login-modal{display:none}#changeEmailModal.mf-login-modal{display:none}#changeEmailModal.mf-login-modal .mf-login-modal-content{max-width:426px;padding:30px;transform:translate(-50%,-70%)}.mf-login-container{--el-input-hover-border-color:#c0c4cc;background-color:#fff}.mf-login-container h2{text-align:center;font-size:24px;font-weight:700;line-height:31px}.mf-login-container h2.mb{margin-bottom:24px}.mf-login-container .link-text{text-align:center;margin-top:10px;font-size:14px;color:#666}.mf-login-container .link-text span{color:#7D3EFE;cursor:pointer;margin-left:4px}.mf-login-container .link-text.mb{margin-bottom:24px}.mf-login-container .google-login{display:flex;justify-content:center;align-items:center;width:100%;background-color:#222227;border-radius:8px;height:55px;cursor:pointer}.mf-login-container .google-login span{font-size:15px;margin-left:12px}.mf-login-container .google-login svg{margin-right:12px}.mf-login-container .login-wrapper{display:flex;align-items:center;margin-bottom:25px}.mf-login-container .box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #E6E6E6;border-radius:4px;cursor:pointer;margin-left:12px}.mf-login-container .divider{display:flex;align-items:center;margin-bottom:16px}.mf-login-container .divider.mobile{display:none}.mf-login-container .divider .line{flex:1;height:1px;border-top:1px #2B2B30 solid}.mf-login-container .divider .text{padding:0 15px;font-size:15px;color:#646471}.mf-login-container .notify-email{display:flex;margin-top:10px;font-size:14px;margin-bottom:20px}.mf-login-container .notify-email .email{font-weight:700;word-wrap:break-word}.mf-login-container .notify-email .change{margin-left:10px;font-weight:600;color:#7D3EFE;cursor:pointer}.mf-form-item{margin-bottom:25px;position:relative}.mf-form-item.is-error{border:1px solid #FB2420}.mf-inline-input{display:flex;align-items:center}.mf-inline-input .mf-input-wrapper{flex:1;margin-right:10px}.mf-input-wrapper{height:100%;display:flex;height:42px;border:1px solid #E6E6E6;padding:0 12px;border-radius:4px}.mf-input-wrapper.has-error{border:1px solid #FB2420}.mf-input-inner{-webkit-appearance:none;width:100%;font-size:inherit;height:100%;padding:0;outline:0;border:none;background:0 0;box-sizing:border-box;color:#2A3048}.mf-input-wrapper .see{display:flex;align-items:center;cursor:pointer}.mf-input-error{color:#FB2420;font-size:12px;margin-top:2px;padding-top:2px;position:absolute;top:100%;left:0}.forget-link{display:block;width:fit-content;font-size:14px;color:#8A8A9B;cursor:pointer}.mf-policy{display:block;font-size:14px;color:#2a304866;text-align:center}.mf-policy a{cursor:pointer;text-decoration:underline}.mf-copyright{margin-top:24px;font-size:14px;text-align:center;color:#2a304866}.mf-back-login{display:flex;justify-content:center;align-items:center;margin-top:20px;color:#7D3EFE;font-weight:600;cursor:pointer;font-size:14px}.mf-back-login svg{margin-right:6px}.mf-btn{width:100%;height:40px;color:#fff;background:#7D3EFE;border-radius:4px;transition:all 0.2s linear;user-select:none;border:none}.mf-btn:hover{background:#fff;color:#050505}.mf-inline-btn{min-width:100px;height:40px;color:#fff;background:#7D3EFE;border-radius:4px;transition:all 0.2s linear;user-select:none;border:none;padding:8px 15px}.component-wrap{display:none;max-width:440px;margin:0 auto}.component-wrap.component-login{display:block}.mf-notify-email{color:#2A3048;font-size:14px}.mf-notify-email .notify-title{margin-bottom:14px;font-size:18px;text-align:center;font-weight:700;padding:0 12px;line-height:1.5;color:#f5f6fa}.mf-notify-email .email-item-wrap{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin-top:10px;background-color:#f5f6fa;border-radius:4px;cursor:pointer;border:solid 1px transparent}.mf-notify-email .email-item-wrap.active{border:solid 1px #7D3EFE}.mf-notify-email .email-item-wrap.active .email-icon{display:block}.mf-notify-email .email-item-wrap.active svg{color:#685BFF}.mf-notify-email .email-val{margin-top:6px;font-weight:700}.mf-notify-email .notify-desc{margin-top:16px;font-size:14px;color:#666;line-height:1.5;margin-bottom:24px}.mf-notify-email .notify-desc a{color:#7D3EFE;cursor:pointer}.mf-notify-email .email-icon{display:none}.toast{text-align:center;border-radius:2px;padding:12px 16px;position:fixed;z-index:999999;left:50%;top:-100%;transform:translateX(-50%);transition:all ease .3s;border-radius:10px;display:flex;align-items:center;box-sizing:border-box;border:1px solid #e1f3d8;background-color:#f0f9eb;color:#67c23a;font-size:15px;white-space:nowrap}.toast.error{background-color:#fef0f0;color:#f56c6c;border:1px solid #fde2e2}.toast.show{top:40px}.toast.show.hide{opacity:0}.toast .icon{width:24px;height:24px;color:#67c23a;margin-right:4px}.toast.error .icon{color:#f56c6c}@media (max-width:556px){.mf-login-modal-content{padding:40px 25px 30px;width:auto}}.mf-login-modal-content{display:flex;max-width:906px;padding:0;border-radius:20px;background-color:#19191D;overflow:hidden}.logincard-bg{margin-right:34px}.logincard-bg video{display:block;width:100%;height:100%}.mf-login-container{width:100%;padding-top:36px;padding-bottom:36px;background-color:#19191D;color:#fff}.component-wrap .login-logo{width:40px;height:40px;object-fit:contain;margin-right:8px}.component-wrap .component-title{display:flex;justify-content:center;align-items:center;margin-bottom:24px;color:#fff}.component-wrap .component-title h2{font-size:26px;line-height:normal;color:#fff}.log-with{font-size:15px;line-height:normal;color:#fff;margin-bottom:36px;text-align:center}.divider .line.pre{border-color:#2B2B30}.divider .line.after{height:1px;border-color:#2B2B30}.mf-login-container .divider{margin-bottom:25px}.required{color:#BBBBC8;font-size:15px;font-weight:600;margin-bottom:10px}.mf-form-item{margin-bottom:12px}.mf-input-wrapper{border:none;background-color:#222227;border-radius:8px;height:55px;box-sizing:border-box;padding:0 20px}.mf-input-wrapper.has-error{margin-bottom:24px}.component-validcode .mf-input-wrapper.has-error{margin-bottom:0}.mf-input-wrapper input{color:#fff;caret-color:#fff}.mf-input-wrapper input::placeholder{color:#999}.mf-btn{margin-top:18px;margin-bottom:22px;height:55px;background:#7D3EFE;border-radius:8px}#loginForm .login-footer{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#FFF;display:flex;align-items:center;justify-content:space-between;color:#8A8A9B}#loginForm .signup-link{color:#7D3EFE;text-decoration:underline;font-size:14px;cursor:pointer}#loginForm .login-footer span.forget-link{font-size:12px}.mf-login-container .link-text{text-align:left}.mf-policy{color:#8A8A9B;font-style:normal;font-weight:400;font-size:14px;text-align:center}.mf-policy .login-link{color:#7D3EFE;text-decoration:underline;margin:0 2px;cursor:pointer}#loginForm input:-webkit-autofill,#registerForm input:-webkit-autofill,#forgetForm input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px transparent inset!important;background-color:transparent;background-image:none;transition:background-color 50000s ease-in-out 0s}.login-footer.mobile{display:none!important}.login-wrapper.mobile{display:none}.hide-password,.show-password{position:absolute;right:12px;top:50%;transform:translateY(-50%)}@media (max-width:500px){.mf-login-modal-content{border-radius:12px}.logincard-bg{display:none}.component-wrap.component-login{margin-right:unset;margin-left:0}.mf-login-container{padding-left:16px;padding-right:16px;padding-bottom:30px;width:94vw;margin:0 auto}.component-wrap .component-title{margin-bottom:14px}.component-wrap .component-title h2{font-size:20px}.log-with{margin-bottom:26px;font-size:14px}.mf-login-container .login-wrapper{margin-bottom:24px}.mf-login-container .divider{margin-bottom:20px}.required{margin-bottom:8px}#loginForm .login-footer{flex-direction:column;justify-content:center}.mf-copyright{display:none}.login-footer.mobile{display:flex;flex-direction:column;align-items:center}.login-footer.mobile .login-footer-btns{display:flex;align-content:center;gap:.5em}.login-footer.mobile .login-footer-title{font-size:12px;line-height:16px}.login-footer.mobile .login-footer-title,.login-footer.mobile .login-footer-btns span{font-size:12px;line-height:16px}.login-wrapper.mobile .google{margin-right:0;border:none}.login-wrapper.mobile .btn{width:100%;height:36px;border-radius:8px;box-sizing:border-box;margin:unset;position:relative}.login-wrapper.mobile .btn img{position:absolute;width:22px;height:22px;left:10px;top:50%;transform:translateY(-50%)}.login-wrapper.mobile .google.btn{margin-bottom:12px}.login-wrapper.mobile .btn p{font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#121212}.login-footer.mobile .login-footer-title{color:#999}.component-wrap{margin-right:unset}.mf-input-wrapper{height:50px}.mf-btn{height:50px;margin-top:12px}.mf-input-wrapper input{font-size:12px}.mf-input-wrapper.has-error{border:none;border-bottom:1px solid #FB2420}}