:root {
    --window-inset-top: 0px;
    --window-inset-bottom: 0px;
    --window-inset-left: 0px;
    --window-inset-right: 0px;
}
html {
    line-height: 1.618;
}
body,
html {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    overflow-x: hidden;
    overflow-anchor: none;
}

.noScrollY {
    overflow-y: hidden;
}

.backgroundContainer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    contain: strict;
}

.mainAnimatedPages { 
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    contain:layout style size;
}
.page { 
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    contain:layout style size;
}

.backdropContainer-withfulldrawer, .skinBody-withFullDrawer {
        left: 18.6em;
}

@media all and (min-width: 20em) {
    .backdropContainer-withfulldrawer, .skinBody-withFullDrawer {
        left: 13em;
    }
}
@media all and (min-width: 40em) {
    .backdropContainer-withfulldrawer, .skinBody-withFullDrawer {
        left: 30%;
    }
}
@media all and (min-width: 55em) {
    .backdropContainer-withfulldrawer, .skinBody-withFullDrawer {
        left: 18.6em;
    }
}
