.forgot-password-section{background-color:var(--color-white-3)}.forgot-password-section .page-wrapper{margin:0 auto;padding:40px 12px 60px;display:flex;flex-direction:column;gap:30px}.forgot-password-section .content-title h1{font-size:32px;font-weight:600;text-align:left}.forgot-password-section .recover-main-flex{display:flex;gap:24px;margin-bottom:30px}.forgot-password-section .recover-left,.forgot-password-section .recover-right{flex:1}.forgot-password-section .recover-info-box,.forgot-password-section .recover-form-box{background-color:var(--color-white-1);border-radius:8px;box-shadow:0 1px 4px #0000000f;padding:24px;font-size:14px;width:100%;height:100%}.forgot-password-section .recover-info-box ul{display:flex;flex-direction:column;gap:12px;padding-left:24px;margin:auto}.forgot-password-section .recover-info-box li{font-size:14px;color:var(--color-black-main);line-height:1.6}.forgot-password-section .recover-info-box li strong{font-weight:700}.forgot-password-section .recover-form-group{display:flex;flex-direction:column;position:relative}.forgot-password-section .recover-form-label{font-size:14px;font-weight:400;color:var(--color-grey-1);margin-bottom:8px}.forgot-password-section .recover-form-input{width:100%;padding:8px 12px;border:1px solid var(--color-grey-4);border-radius:4px;font-size:14px;height:40px;box-sizing:border-box;transition:border-color .3s}.forgot-password-section .recover-form-input:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px #ff6b351a}.forgot-password-section .recover-form-input.with-icon{padding-right:36px}.forgot-password-section .input-icon{position:absolute;right:10px;top:50%;transform:translateY(55%);font-size:16px}.forgot-password-section .button-group{display:flex;justify-content:space-between;align-items:center;padding:0}.forgot-password-section .back-button{background:none;border:none;display:flex;flex-direction:row;justify-content:space-between;gap:16px;color:var(--color-black-main);font-size:18px;font-weight:700;cursor:pointer;align-items:center;padding:0}.forgot-password-section .next-button{background-color:var(--color-main);color:var(--color-white-1);border:none;padding:12px 32px;border-radius:100px;font-size:16px;font-weight:700;cursor:pointer;width:240px;transition:all .3s ease;box-shadow:0 4px 12px #ff6b354d}.forgot-password-section .next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #ff6b3566}.forgot-password-section .next-button:disabled{background-color:#f5a087;cursor:not-allowed}.forgot-password-section .form-error{color:var(--color-danger-1);font-size:14px;font-weight:400;margin-top:4px}@media(max-width:1200px){.forgot-password-section .recover-main-flex{flex-direction:column;margin-bottom:0}}@media(max-width:768px){.forgot-password-section .button-group{flex-direction:column-reverse;gap:16px}.forgot-password-section .next-button{width:100%}.forgot-password-section .back-button{font-weight:400}}@media(max-width:576px){.forgot-password-section .page-wrapper{padding:24px 16px}.forgot-password-section .content-title h1{font-size:18px}.forgot-password-section .recover-info-box ul{padding-left:12px}.forgot-password-section .recover-info-box li{font-size:13px}.forgot-password-section .next-button{width:100%;font-size:14px}.forgot-password-section .back-button{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/stylesheet.forgot-password.css.map */