/*
 * Forgot password page version 2 styles.
 * Versioning lives in the folder path: /css/v2/forgot-password.css.
 */

.forgot-password-v2 {
    overflow-y: auto;
}

.forgot-password-v2__form {
    text-align: left;
}

.forgot-password-v2__field {
    margin-bottom: 1.25rem;
}

.forgot-password-v2 .login-v2__input.is-invalid {
    border-color: var(--color-error);
    box-shadow: 0 0 0 3px rgba(255, 62, 62, .12);
    background-image: none;
}

.forgot-password-v2__feedback {
    margin: .4rem 0 0;
    color: var(--color-error);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.4;
}

.forgot-password-v2__submit-loading {
    display: none;
    align-items: center;
    gap: .5rem;
}

.forgot-password-v2 .login-v2__submit.is-loading .forgot-password-v2__submit-label {
    display: none;
}

.forgot-password-v2 .login-v2__submit.is-loading .forgot-password-v2__submit-loading {
    display: inline-flex;
}

.forgot-password-v2__back {
    margin-top: 1.25rem;
    color: var(--color-text-secondary);
    font-size: .875rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    .forgot-password-v2 .login-v2__shell {
        min-height: auto;
    }
}