/* Sidebar Animation Styles */

/* Base state for list items - hidden by default for animation */
/* Base state for list items - hidden by default for animation on mobile */
@media (max-width: 1017px) {
    .sidebar li {
        opacity: 0;
        transform: translateX(-20px);
        transition: opacity 0.3s, transform 0.3s;
    }
}

/* Menu open states */
.menu-open {
    transform: translateX(0);
    /* Slides in */
    z-index: 3;
}

.overlay-active {
    display: block;
}

.content-moved {
    opacity: 0.5;
}

.menu-open li {
    opacity: 1;
    transform: translateX(0);
    transition-delay: calc(0.1s * var(--i));
}