.login-overlay{z-index:1000;right:0;top:0;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;position:absolute;background:var(--Light_Mode-Overlay,rgba(36,40,44,.7))}.login-overlay .login-modal{position:relative;bottom:40px;height:fit-content;color:#000;display:flex;width:566px;padding:40px;flex-direction:column;border-radius:12px;background:#fff}.login-overlay .login-modal .close-img{position:absolute;top:0;right:10px;display:flex;align-items:center;justify-content:flex-end;height:40px}.login-overlay .login-modal .close-img>img{cursor:pointer}.login-overlay .login-modal .login-body{display:flex;flex-direction:column;gap:20px}.login-overlay .login-modal .login-body .title{text-align:center}.login-overlay .login-modal .login-body .title>b{font-size:24px}.login-overlay .login-modal .login-body .title>p{font-size:16px}.login-overlay .login-modal .login-body .input{display:flex;flex-direction:column;gap:20px;width:100%}.login-overlay .login-modal .login-body .input .pass{width:100%;display:flex;justify-content:space-between;padding:12px 20px;align-items:center;gap:10px;border-radius:4px;pointer-events:all;border:1px solid var(--miscellaneous-alert-menu-action-sheet-separators,rgba(128,128,128,.55))}.login-overlay .login-modal .login-body .input .pass>input{width:100%;border:0}.login-overlay .login-modal .login-body .input .pass>input:focus{outline:0}.login-overlay .login-modal .login-body .input .pass>input[type=password]::-ms-reveal{display:none}.login-overlay .login-modal .forget-password{margin:10px 0 20px}.login-overlay .login-modal .login-button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.login-overlay .login-modal .login-button>button{width:100%;height:40px;padding:8px 16px;border-radius:33px;color:#fff;cursor:pointer;border:none}.login-overlay .login-modal .login-button .btn-login_orange{background:var(--Foundation-Orange-Normal,#f46123)}.login-overlay .login-modal .login-button .btn-login_green{background:#60a309}.login-overlay .login-modal .login-button .btn-register_orange{background-color:#fff;color:#f46123;font-weight:700;border:1px solid #f46123}.login-overlay .login-modal .login-button .btn-register_green{background-color:#fff;color:#60a309;font-weight:700;border:1px solid #60a309}.login-overlay .login-modal .login-button .login-footer{width:100%;max-width:406px;text-align:center;color:#868686}.login-overlay .login-modal .login-button .login-footer>span{text-decoration:underline}.forgot-password-overlay{z-index:1000;right:0;top:0;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;position:absolute;background:var(--Light_Mode-Overlay,rgba(36,40,44,.7))}.forgot-password-overlay .forgot-password-modal{position:relative;bottom:40px;height:fit-content;color:#000;display:flex;width:566px;padding:40px;flex-direction:column;gap:20px;border-radius:12px;background:#fff}.forgot-password-overlay .forgot-password-modal .close-img{position:absolute;top:0;right:10px;display:flex;align-items:center;justify-content:flex-end;height:40px}.forgot-password-overlay .forgot-password-modal .forgot-password-body{display:flex;flex-direction:column;gap:20px}.forgot-password-overlay .forgot-password-modal .forgot-password-body .title>b{font-size:24px}.forgot-password-overlay .forgot-password-modal .forgot-password-body .title>p{font-size:12px;color:#868686}.forgot-password-overlay .forgot-password-modal .forgot-password-body .input{display:flex;flex-direction:column;gap:20px;width:100%}.forgot-password-overlay .forgot-password-modal .forgot-password-body .input .pass{width:100%;display:flex;justify-content:space-between;padding:12px 20px;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--miscellaneous-alert-menu-action-sheet-separators,rgba(128,128,128,.55))}.forgot-password-overlay .forgot-password-modal .forgot-password-body .input .pass>input{width:100%;border:0}.forgot-password-overlay .forgot-password-modal .forgot-password-body .input .pass>input:focus{outline:0}.forgot-password-overlay .forgot-password-modal .forgot-password-body .input .pass>input[type=password]::-ms-reveal{display:none}.forgot-password-overlay .forgot-password-modal .forgot-password-body .input .pass>input[type=password]::-webkit-credentials-auto-fill-button{display:none}.forgot-password-overlay .forgot-password-modal .forgot-password-button{padding-top:0;margin-top:20px;width:100%;display:flex;align-items:center}.forgot-password-overlay .forgot-password-modal .forgot-password-button>button{width:100%;height:40px;padding:8px 16px;border-radius:33px;border:none;color:#fff;cursor:pointer}.forgot-password-overlay .forgot-password-modal .forgot-password-button .btn-save_orange{background:var(--Foundation-Orange-Normal,#f46123)}.forgot-password-overlay .forgot-password-modal .forgot-password-button .btn-save_green{background:#60a309}.forgot-password-overlay .forgot-password-modal .forgot-password-button .btn-zalo-orange{background:rgba(0,0,0,0);border:1px solid var(--Foundation-Orange-Normal,#f46123);color:#f46123;font-weight:700}.forgot-password-overlay .forgot-password-modal .forgot-password-button .btn-zalo-green{background:rgba(0,0,0,0);border:1px solid #60a309;color:#60a309;font-weight:550}.forgot-password-overlay .forgot-password-modal .forgot-password-button:last-child{margin-top:10px}.forgot-password-overlay .success{position:absolute;border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background-color:#f46123;padding:40px;width:100%;height:100%}