.page-blocker:not(.hide-blocker) {
    width: 100vw;
    height: 200vh;
    background: var(--navbar-background-color, var(--tan-background));
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    opacity: var(--gradient-opacity);
    position: absolute;
    position: static;
    transform: translate3d(0, 0, 0);
    transition: all .05s ease-in;
    overflow-y: auto !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19;
    width: 100vw;
    height: 100vh;
    background: var(--body-bg);
    --gradient-opacity: .99;
    animation: navigation-panel-animation 5s cubic-bezier(0.37, 0, 0.63, 1) 15s infinite normal backwards;
}

.page-blocker.tan-grandient {
    background: var(--body-bg);
}

.page-blocker.hide-blocker {
    height: 100%;
    left: -20px;
    right: unset;
    top: -20px;
    transform: translate3d(-200vw, 0, -500vh);
    transition: all .25s ease-out;
    opacity: 0;
    position: absolute;
    width: 0;
    z-index: -1;
}