/* Minification failed. Returning unminified contents.
(35,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(36,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(38,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-blue-gray'
(45,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray'
(51,21): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(55,21): run-time error CSS1039: Token not allowed after unary operator: '-color-gray'
 */
section.account-page {
    min-height: 60vh;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

    section.account-page form {
        min-width: 475px;
        max-width: 550px;
    }

    section.account-page .form-group {
        display: flex;
        justify-content: space-around;
    }

    section.account-page.signup form {
        min-width: 600px;
        max-width: none;
    }

    section.account-page.signup .form-group {
        display: block;
    }

section.login input.password-input {
    border-right: none;
}

section.login button.toggle-password-btn {
    height: 35px;
    width: 43px;
    color: var(--color-dark);
    background-color: var(--color-white);
    border-radius: 10px;
    border: 1px solid var(--color-light-blue-gray);
    border-left: none;
    outline: none !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

section.account-page .account-link {
    color: var(--color-gray);
    line-height: 120%;
    transition: all .1s ease;
}

    section.account-page .account-link:hover {
        color: var(--color-dark);
    }

    section.account-page .account-link:disabled:hover {
        color: var(--color-gray);
    }

.form-validation-summary {
    margin-bottom: 0px;
}

    .form-validation-summary .validation-summary-errors {
        margin-bottom: 15px;
    }

@media (max-width: 767px) {
    section.account-page {
        margin-top: 25px;
    }

        section.account-page form {
            min-width: auto;
        }

        section.account-page.signup form {
            min-width: auto;
        }
}

