.root {
    composes: grid from global;
    composes: gap-y-md from global;
    composes: px-lg from global;
    composes: py-md from global;
}

.title {
    composes: font-bold from global;
    composes: font-serif from global;
    composes: justify-self-center from global;
}

.accountDetails {
    composes: gap-y-md from global;
    composes: grid from global;
    composes: grid-cols-1 from global;

    composes: lg_grid-cols-3 from global;
}

.lineItemsContainer {
    composes: gap-3 from global;
    composes: grid from global;
    composes: grid-cols-1 from global;
    composes: leading-normal from global;
    grid-column: 1 / span 1;

    composes: lg_gap-xs from global;
    composes: lg_grid-cols-2 from global;
}

.lineItemLabel {
    composes: font-bold from global;
}

.nameLabel,
.emailLabel,
.passwordLabel {
    composes: font-bold from global;
}

.nameValue,
.emailValue,
.passwordValue {
}

.editButtonContainer {
    grid-column: 1 / span 1;
    composes: text-center from global;
}

.editInformationButton {
    composes: root_normalPriority from '../Button/button.module.css';
}