.PasswordRecovery-container{min-width:300px;max-width:450px;width:90%;margin:20px auto;padding:2rem;background-color:var(--form-bg-color);box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:10px;border:1px solid #ccc}.PasswordRecovery-container .PasswordRecovery__header{text-align:center;margin-bottom:2rem;color:var(--text-color)}.PasswordRecovery-container .PasswordRecovery-form{display:flex;flex-direction:column;gap:1.5rem}.PasswordRecovery-container form{display:flex;flex-direction:column}.PasswordRecovery-container form .field-container{position:relative;margin-bottom:20px}.PasswordRecovery-container form .field-container .formLabel{position:absolute;top:1rem;left:0;display:flex;gap:.1rem;pointer-events:none;transition:.3s ease;color:var(--label-color);letter-spacing:-1px}.PasswordRecovery-container form .field-container .formLabel span{transition:all .3s ease}.PasswordRecovery-container form .field-container .form-input{width:100%;padding:1rem 27px .2rem 0;border:none;border-bottom:2px solid var(--text-color);background-color:rgba(0,0,0,0);color:var(--text-color);font-family:inherit;font-size:1rem;transition:border-color .3s ease}.PasswordRecovery-container form .field-container .form-input:focus{outline:none;border-bottom-color:var(--text-color)}.PasswordRecovery-container form .field-container .form-input:focus+.form-label{transform:translateY(-20px);font-size:.8em;opacity:1;pointer-events:auto;background-color:#fff;padding:0 4px}.PasswordRecovery-container form .field-container .form-input:-webkit-autofill,.PasswordRecovery-container form .field-container .form-input:-webkit-autofill:active,.PasswordRecovery-container form .field-container .form-input:-webkit-autofill:focus,.PasswordRecovery-container form .field-container .form-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--form-bg-color) inset!important;-webkit-text-fill-color:var(--text-color)!important;caret-color:var(--text-color)!important;font-size:1rem!important;font-family:inherit!important}.PasswordRecovery-container form .submit-button{width:100%;padding:11px;background-color:var(--form-bg-btn-color);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:filter .3s ease}.PasswordRecovery-container form .submit-button:hover{filter:brightness(1.2)}.PasswordRecovery-container form .cancel-button{width:100%;padding:11px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:filter .3s ease}.PasswordRecovery-container form .cancel-button:hover{filter:brightness(1.2)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;-webkit-text-fill-color:#767676;box-shadow:inset 0 0 0 1000px #fff}input:-moz-ui-invalid{box-shadow:none}input:-ms-input-placeholder{color:#fff}.input-with-clear{position:relative}.input-with-clear .clear-button{position:absolute;top:60%;right:10px;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;color:var(--text-color);cursor:pointer;padding:0;line-height:1}.input-with-clear .clear-button:hover{color:red}.input-with-clear input{padding-right:2rem}