.wba-page-content {
    height: 100dvh;
    width: 100vw;
    display: grid;
    overflow-y: hidden;
    overflow-x: hidden;
    overscroll-behavior: none;
    margin: 0px;
    padding: 0px;
}

.wba-content-main {
    height: 100dvh;
    display: grid;
    overflow-y: hidden;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px;
    grid-template-columns: auto;
    grid-template-rows: minmax(0,100dvh) max-content;
    grid-template-areas: "center" "footer"
}

.wba-header {
    grid-area: header;
    margin: 5px;
    padding: 5px;
}

.wba-center {
    grid-area: center;
    margin: 5px;
    padding: 5px;
    border: 1px solid lightgray;
}

.wba-footer {
    grid-area: footer;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    border: 1px solid lightgray;
    align-content: center;
}

.wba-content-cs {
    height: 100%;
    display: grid;
    overflow-y: hidden;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px;
    grid-template-columns: 100%;
    grid-template-rows: max-content minmax(0, 100%) minmax(1px, max-content);
    grid-template-areas: "header-cs" "center-cs" "footer-cs";
    grid-row-gap: 2px;
}

.wba-header-cs {
    margin: 0px;
    padding: 0px;
}

.wba-center-cs {
    grid-area: center-cs;
    margin: 0px;
    padding: 0px;
    border: 1px solid lightgray;
}

.wba-footer-cs {
    grid-area: footer-cs;
    margin: 5px 0px 0px 0px;
    padding: 0px 7px 0px 0px;
}