html {
    min-height: 100%;

    display: flex;
    flex-direction: column;
}

body {
    flex-grow: 1;

    display: flex;
    flex-direction: column;
}

#main-wrapper {
    flex-grow: 1;

    display: flex;
    flex-direction: column;
}

#main-wrapper > header,
#main-wrapper > main,
#main-wrapper > footer {
    padding-block: var(--pico-block-spacing-vertical);
}

.cs-center-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
}

.cs-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cs-progress-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: flex-end;
    gap: var(--pico-block-spacing-vertical);
}

.flex-grow {
    flex-grow: 1;
}