.page-transition {
    position: fixed;
    inset: 0;
    z-index: 10000;
    pointer-events: none;
}

.page-transition__pane {
    position: fixed;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #F5F4F0;
}

.page-transition__pane--top {
    top: 0;
}

.page-transition__pane--bottom {
    bottom: 0;
}

body:not(.is-ready) main {
    visibility: hidden;
}

body.is-leaving {
    overflow: hidden;
}

body.is-leaving .page-transition {
    pointer-events: all;
}

@media (prefers-reduced-motion: reduce) {
    .page-transition {
        display: none;
    }
}