.transition-overlay {
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--accent-color);
    z-index: 9999;
    transform: translateY(100%);
    transition: transform 0.5s ease-in-out;
}

body.is-transitioning {
    overflow: hidden;
}

body.is-transitioning .transition-overlay {
    transform: translateX(0);
}