.marquee-wrapper-c2eb5ea2 {
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}

.marquee-container-c2eb5ea2 {
    display: flex;
    white-space: nowrap;
    width: fit-content;
}

.marquee-content-c2eb5ea2 {
    display: flex;
    align-items: center;
}

.marquee-item-wrapper-c2eb5ea2 {
    display: flex;
    align-items: center;
}

.marquee-separator-c2eb5ea2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: var(--e-marquee-item-gap-half, 17.5px); /* Half gap here, and full gap is on margin-right of the whole wrapper */
}

/* Fix gap distribution by adding the left margin to separator instead, and using the item_gap control for the main spacing between items */

.marquee-container-c2eb5ea2.dir-reverse .marquee-content-c2eb5ea2 {
    animation: marquee-scroll-right-c2eb5ea2 20s linear infinite;
}
.marquee-container-c2eb5ea2.dir-normal .marquee-content-c2eb5ea2 {
    animation: marquee-scroll-left-c2eb5ea2 20s linear infinite;
}

@keyframes marquee-scroll-left-c2eb5ea2 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

@keyframes marquee-scroll-right-c2eb5ea2 {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}