#sitePersistentShell {
    position: relative;
    z-index: 1030;
    height: 0;
}
.page-content,
.site-footer {
    opacity: 0;
}

html.site-fonts-ready .page-content,
html.site-fonts-ready .site-footer {
    animation: page-content-fade-in 0.5s ease-out forwards;
}

html.site-fonts-ready .site-footer {
    animation-delay: 0.06s;
}

.page-content.is-leaving,
.site-footer.is-leaving {
    animation: page-content-fade-out 0.3s ease-in forwards !important;
}

@keyframes page-content-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes page-content-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    html:not(.site-motion-user-on) .page-content,
    html:not(.site-motion-user-on) .site-footer {
        opacity: 1;
        animation: none !important;
        transform: none !important;
    }
}