.login{background-color:#f8f5f1;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;display:flex}@media screen and (width<=768px){.login{background-color:#f2ede6}}.login-logo-link{width:130px;margin-top:72px}@media screen and (width>=769px) and (height<=900px){.login-logo-link{margin-top:56px}}@media screen and (width<=768px){.login-logo-link{display:none}}.login-logo{width:100%;height:40px;display:block}@media screen and (width<=768px){.login-switch{width:100%;min-height:100vh}}.login-box{background-color:#f2ede6;border-radius:6px;width:100%;max-width:360px;margin:56px 0;padding:32px 0}.login-box.otp{padding-bottom:32px}.login-box .input-field{border:1px solid #c9baa7}.login-box .input-field:focus{border:1px solid #23211f}@media screen and (width>=769px) and (height<=900px){.login-box{margin:32px 0}}@media screen and (width<=768px){.login-box{width:100%;margin:32px 0 0;padding:40px 16px}}.login-box-back{margin-inline-start:-12px;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-12px;margin-bottom:8px;display:flex}.login-box-back.just-mobile{display:none}@media screen and (width<=768px){.login-box-back.just-mobile{display:flex}}.login-box-back-icon{color:#695e4f;font-size:24px}.login-box-icon{margin-bottom:16px;font-size:48px;display:block}.login-box-icon.margin-top{margin-top:24px}.login-box-title{margin-bottom:8px;font-size:18px}.login-box-desc{color:#867f76;margin-bottom:24px;font-size:13px;line-height:23px}.login-box-input{margin-bottom:24px}.login-box-sub-title{color:#867f76;margin-top:32px;margin-bottom:28px;font-size:13px}.login-box-desc-phone{direction:ltr;display:inline-block}.login-box-submit{gap:8px;width:100%;margin:24px 0}.login-box-submit.more-margin-top{margin-top:32px}.login-box-submit.no-margin-bottom{margin-bottom:0}.login-box-later{width:100%;margin-top:-12px;margin-bottom:-12px;border:none!important}.login-box-submit-icon{width:24px;height:24px;font-size:24px}.login-box-other{align-items:center;gap:8px;margin-bottom:24px;display:flex}.login-box-other-line{background-color:#e5dccf;flex-grow:1;height:1px}.login-box-other-text{color:#867f76;font-size:12px}.login-box-options{align-items:center;gap:16px;display:flex}@media screen and (width<=768px){.login-box-options{flex-wrap:wrap}}.login-box-options-item{flex-grow:1;gap:8px;width:50%;font-size:14px}@media screen and (width<=768px){.login-box-options-item{width:100%}}.login-box-options-item-icon{width:20px;height:20px;font-size:20px}.login-box-rule{justify-content:center;align-items:center;gap:4px;margin-top:32px;font-size:12px;display:flex}.login-box-rule-link{color:#594ef2;border-bottom:1px solid #594ef2}.login-box-otp{width:100%;margin:32px 0 16px;position:relative}.login-box-otp-progress{width:var(--progress-from,0);background-color:#23211f;border-radius:4px;position:absolute;top:0;bottom:0;right:0}.login-box-otp-progress.progress-bar{animation:progress linear var(--progress-duration,120s)forwards}.login-box-otp-progress.submit-loading{width:100%!important}@keyframes progress{0%{width:var(--progress-from,0)}to{width:100%}}.login-box-otp-text{display:flex;position:relative}.login-box-change{color:#594ef2;border-radius:8px;align-items:center;gap:8px;width:fit-content;height:36px;margin:0 auto;padding:8px;font-size:14px;display:flex;overflow:hidden}.login-box-change.show-anime{animation:.35s cubic-bezier(.8,-.3,.2,1.3) show-password-btn}@media screen and (width<=768px){.login-box-change{justify-content:center;width:100%;height:56px;margin-inline-start:0;padding:16px 8px}.login-box-change.show-anime{animation:.35s cubic-bezier(.8,-.3,.2,1.3) show-password-btn-mobile}}.btn{text-align:center;border-radius:4px;justify-content:center;align-items:center;height:48px;padding:0 12px;font-size:16px;transition:background-color .1s,color .1s,border .1s;display:flex}.btn path{transition:fill .1s}.btn.small{height:32px;font-size:13px}.btn.first{color:#4d463d;border:1px solid #c9baa7}.btn.second{color:#f8f5f1;background-color:#23211f}.btn.second path{fill:#fff}.btn.third{color:#4d463d;background-color:#fff;border:1px solid #c9baa7}.btn.forth{color:#695e4f;background-color:#f8f5f1;border:1px solid #e5dccf}.btn.fifth{color:#553a89;border:1px solid #553a89}.btn.sixth{color:#fff;background-color:#493edc}.btn.seventh{color:#553a89;background-color:#ede9f6;border:1px solid #dbd3ec}.btn.eighth{color:#493edc;border:1px solid #493edc}.btn.eighth path{fill:#493edc}.btn.danger{color:#fff;background-color:#f54c4c}.btn.success{color:#fff;background-color:#33b377}.btn.warning{color:#000;background-color:#ebe542}.btn.fill{background-color:#f8f5f1;border:1px solid #e5dccf}.btn.fill path{fill:#695e4f}.btn.outline{color:#23211f;gap:8px;font-size:14px}.btn.outline svg{width:20px;height:20px}@media screen and (width<=768px){.btn.outline{font-size:13px}}.btn.disable{color:#b4ab9e;cursor:not-allowed;background-color:#e5dccf}.btn.disable path{fill:#fff}.btn.loading{cursor:not-allowed}.btn.active:focus-visible{box-shadow:0 0 0 2px #553a89!important}@media screen and (width<=768px){.btn{border-radius:6px;font-size:14px}}button:focus-visible{box-shadow:0 0 0 2px #23211f!important}.phone-input{direction:ltr;border:1px solid #c9baa7;border-radius:8px;align-items:center;height:48px;transition:all .2s;display:flex;position:relative}.phone-input:has(>input:not(:placeholder-shown)){border:1px solid #322e2a}.phone-input:has(>input:not(:placeholder-shown)) .phone-input-title{color:#322e2a;transform:translateY(-50%)scale(1);transition:color .2s,transform .2s!important}.phone-input:has(>input:focus){border:1px solid #23211f}.phone-input:has(>input:focus) .phone-input-title{color:#23211f;transition:color .2s .2s,transform .2s;transform:translateY(-50%)scale(1)}.phone-input-country{border-radius:8px 0 0 8px;align-items:center;gap:8px;min-width:40px;height:100%;padding:12px 8px;display:flex}.phone-input-country-img{object-fit:cover;border-radius:50%;width:24px;height:24px}.phone-input-country-code{font-size:14px}.phone-input-separator{background-color:#c9baa7;width:1px;height:24px}.phone-input-field{padding:0 8px;border-radius:0 8px 8px 0;outline:0;flex-grow:1;height:100%;padding-inline-end:48px;font-size:14px}.phone-input-field::placeholder{color:#8f9193}.phone-input-title{pointer-events:none;color:#0000;direction:rtl;background-color:#f2ede6;align-items:center;height:17px;padding:0 4px;font-size:12px;transition:color .2s,transform .2s .2s;display:flex;position:absolute;top:0;right:12px;transform:translateY(-50%)scale(0)}.phone-input-close{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .35s cubic-bezier(.8,-.3,.2,1.3);display:flex;transform:scale(1)}.phone-input-close.hide{transform:scale(0)}.phone-input-close-icon{color:#a09990;font-size:24px}.name-input{direction:rtl;margin-top:24px}.info-container{border-radius:4px;flex-direction:column;gap:8px;padding:12px;display:flex}.info-container.warning{background-color:#fffaf0;border:1px solid #ffc700}.info-container.warning .info-container-title-icon{color:#ffc700}.info-container.info{background-color:#dee9f3;border:1px solid #493edc}.info-container.info .info-container-title-icon{color:#493edc}.info-container.success{background-color:#deeddb;border:1px solid #33b377}.info-container-title-content{flex-direction:row;align-items:center;gap:8px;display:flex}.info-container-title{color:#23211f;text-align:start;justify-content:space-between;align-items:center;gap:8px;font-family:my-font-regular,serif;font-size:13px;display:flex}.info-container-close-icon{color:#695e4f;cursor:pointer;font-size:16px}.info-container-title-icon{font-size:24px}.info-container-desc{color:#867f76;text-align:justify;text-align-last:start;white-space:pre-line;font-family:my-font-light,serif;font-size:13px;line-height:23px}.modify-btn{color:#493edc;align-items:center;gap:4px;display:flex}.modify-btn-icon{font-size:16px}