/**********/
/* Wizard */
/**********/

.lib-public-app-wizard-grid {
    display: grid;
    grid-template-areas:
        "Header"
        "Form";
    row-gap: var(--spacing-1);
}

@media (min-width: 576px) {
    .lib-public-app-wizard-grid {
        display: grid;
        grid-template-areas:
            "Header Form"
            "Header Form";
        grid-template-columns: 3fr 5fr;
        row-gap: var(--spacing-2);
    }
}

.lib-public-app-wizard-grid-col-header {
    grid-area: Header;
}

.lib-public-app-wizard-grid-col-form {
    grid-area: Form;
}

.lib-public-app-wizard-terms {
    width: 36rem;
    height: 20rem;
    overflow-y: auto;
}