body.page-transition-ready {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 240ms ease, transform 240ms ease;
}

body.page-transition-ready.page-transition-loaded {
    opacity: 1;
    transform: translateY(0);
}

body.page-transition-ready.page-transition-exit {
    opacity: 0;
    transform: translateY(-8px);
    transition-duration: 170ms;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    body.page-transition-ready,
    body.page-transition-ready.page-transition-loaded,
    body.page-transition-ready.page-transition-exit {
        opacity: 1;
        transform: none;
        transition: none;
    }
}