.root {
    composes: gap-y-md from global;
    composes: grid from global;
    composes: justify-center from global;
    composes: px-0 from global;
    composes: py-[2.5rem] from global;
    composes: text-center from global;
    grid-template-columns: minmax(auto, 512px);
}

.header {
    composes: font-serif from global;
}

.form {
    composes: gap-xs from global;
    composes: grid from global;
    composes: justify-items-stretch from global;
    composes: px-sm from global;
    composes: py-xs from global;
    composes: lg_mb-md from global;
}

.description {
    composes: font-light from global;
    composes: leading-5 from global;
}

.buttonContainer {
    composes: mt-xs from global;
}

.submitButton {
    composes: root_highPriority from '../../Button/button.module.css';
    composes: justify-self-center from global;
}

.invalidToken,
.successMessage {
    composes: p-sm from global;
    composes: text-center from global;
}

.invalidToken {
    composes: text-error from global;
}

.contentContainer {
    composes: lg_border-2 from global;
    composes: lg_border-solid from global;
    composes: lg_border-subtle from global;
    composes: lg_rounded-box from global;
}
