@import "https://fonts.googleapis.com/css2?family=Urbanist:wght@100;300;400;500;700;900&display=swap";
.recover-password-page{background-color:#0c0e0c;background-image:url(/images/back-08.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100vh;padding:2.4rem;display:flex;position:relative;overflow:hidden}.recover-password-modal{z-index:1;border:1px solid var(--white-10,#ffffff1a);background-color:#111214;background:var(--BG,#0c0e0c);border-radius:20px;width:100%;max-width:48rem;padding:3.2rem;position:relative}.recover-password-modal__close{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:.8rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .3s;display:flex;position:absolute;top:1.6rem;right:1.6rem}.recover-password-modal__close:hover{background:#ffffff14}.recover-password-modal__close:focus{outline:none}.recover-password-modal__title{color:var(--white-100,#fff);text-align:center;margin:0 0 1.2rem;font-family:DM Sans,sans-serif;font-size:2.8rem;font-style:normal;font-weight:500;line-height:85%}.recover-password-modal__description{color:var(--white-64,#ffffffa3);text-align:center;font-family:DM Sans,sans-serif;font-size:1.4rem;font-style:normal;font-weight:400;line-height:142%}.recover-password-modal__icon{margin:24px 0}.recover-password-modal__icon svg{object-fit:contain;width:100%}.recover-password-modal__form{margin-bottom:0}.recover-password-modal__actions{gap:1.2rem;margin-top:2.4rem;display:flex}.recover-password-modal__cancel{color:var(--white-100,#fff);text-align:center;cursor:pointer;background:linear-gradient(#fff0 0%,#ffffff26 100%);border:1px solid #fff3;border-radius:100px;flex:1;padding:1.4rem 1.6rem;font-family:DM Sans,sans-serif;font-size:1.6rem;font-style:normal;font-weight:500;line-height:125%;transition:all .3s}.recover-password-modal__cancel:hover{background:#ffffff14;border-color:#fff3}.recover-password-modal__cancel:active{transform:translateY(.1rem)}.recover-password-modal__save{color:var(--white-100,#fff);text-align:center;cursor:pointer;background:#0054db26;border:1px solid #3481fd1f;border-radius:100px;flex:1;padding:1.4rem 1.6rem;font-family:DM Sans,sans-serif;font-size:1.6rem;font-style:normal;font-weight:500;line-height:125%;transition:all .3s;box-shadow:inset 0 -8px 12px #3481fd4d,inset 0 8px 12px #3481fd4d}.recover-password-modal__save:hover:not(:disabled){background:#0054db26;box-shadow:inset 0 -8px 12px #3481fd80,inset 0 8px 12px #3481fd80}.recover-password-modal__save:active:not(:disabled){transform:translateY(.1rem)}.recover-password-modal__save:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:2.4rem}.form-label{color:var(--white-64,#ffffffa3);margin:0 0 8px;font-family:DM Sans,sans-serif;font-size:1.4rem;font-style:normal;font-weight:500;line-height:normal;display:block}.form-input{border:1px solid var(--white-4,#ffffff0a);background:var(--white-4,#ffffff0a);color:#fff;border-radius:100px;width:100%;padding:1.4rem 1.6rem;font-family:Inter,sans-serif;font-size:1.6rem;font-style:normal;font-weight:500;line-height:normal;transition:all .3s}.form-input::placeholder{color:var(--white-32,#ffffff52);font-family:DM Sans,sans-serif;font-size:1.6rem;font-style:normal;font-weight:400;line-height:125%}.form-input:focus{background:linear-gradient(#fff0 0%,#ffffff26 100%);border:1px solid #ffffff4d;outline:none}.form-input-error{border:1px solid var(--Error,#d91538);background:#d915380a}.form-input-error:focus{border:1px solid var(--Error,#d91538);background:#d9153814}.password-input-wrapper{position:relative}.password-toggle{cursor:pointer;color:#ffffffa3;background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;transition:all .3s;display:flex;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}.password-toggle:hover{color:#fff}.password-toggle:focus{outline:none}.password-requirements{flex-direction:column;gap:.8rem;margin-top:1.2rem;display:flex}.password-requirement{color:#fff;align-items:center;gap:.8rem;font-family:DM Sans,sans-serif;font-size:1.2rem;font-style:normal;font-weight:400;line-height:normal;display:flex}.password-requirement svg{width:1.6rem;height:1.6rem;color:var(--white-48,#ffffff7a);flex-shrink:0}.password-requirement svg path{transition:all .3s}.password-requirement--valid svg path{fill:#00c74c;fill-opacity:1}.password-requirement .text span{color:var(--white-56,#ffffff8f)}.form-error{color:#d91538;align-items:center;gap:.8rem;margin:4px 0 0 16px;font-family:DM Sans,sans-serif;font-size:1.2rem;display:flex}.error-icon{flex-shrink:0;min-width:1.6rem;max-width:1.6rem;min-height:1.6rem;max-height:1.6rem}@media (max-width:768px){.recover-password-page{padding:1.6rem}.recover-password-modal{padding:2.4rem}.recover-password-modal__close{top:1.6rem;right:1.6rem}.recover-password-modal__title{padding-right:4rem;font-size:2.4rem}.recover-password-modal__description{font-size:1.3rem}.recover-password-modal__actions{flex-direction:column}}@media (max-width:576px){.recover-password-page{padding:1.2rem}.recover-password-modal{padding:2rem}.recover-password-modal__title{font-size:2rem}.recover-password-modal__description{font-size:1.2rem}.recover-password-modal__cancel,.recover-password-modal__save{padding:12px 16px;font-size:1.4rem}}