/* Minification failed. Returning unminified contents.
(7,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(26,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(34,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(60,17): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
 */
.adm-change-password__main-content {
    display: flex;
    max-width: 100%;
    align-items: start;
    gap: 5.7rem;
    padding: 9rem 4.1rem 4.1rem 4.1rem;
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    justify-content: space-evenly;
}

.adm-change-password__main-image > svg {
    max-width: 614px;
    max-height: 655px;
    width:100%;
    height:auto;
}

.adm__password-requirements-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 2.4rem;
    background-color: var(--neutral-200);
    border-radius: 8px;
}


.adm__password-requirement-container {
    display: flex;
    gap: 8px;
    color: var(--neutral-800);
    align-items: center;
}

.adm__password-requirement-icon {
    width: 24px;
    height: 24px;
}

.adm-change-password__main-inputs {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.adm-change-password__main-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.adm__password-requirement-icon svg {
    transition: all 250ms ease;
}

.adm__password-requirement-icon.active svg {
    color: var(--green-500);
}

@media (max-width: 1024px) {
    .adm-change-password__main-content {
        padding: 2rem;
    }
}