/**
 * Menu Manager – modern CSS marquee (front-end)
 * Speed is controlled via --time on .menu-manager-marquee__inner (e.g. 20s).
 */
.menu-manager-marquee {
    overflow: hidden;
    width: 100%;
}

.menu-manager-marquee__inner {
    display: inline-flex;
    white-space: nowrap;
    animation: menu-manager-marquee-scroll calc(var(--time, 60)) linear infinite;
}

.menu-manager-marquee__inner span {
    flex-shrink: 0;
    padding-right: 2em;
}

@keyframes menu-manager-marquee-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}