.marquee-e3aa88c5-container {
    overflow: hidden;
    width: 100%;
    display: flex;
    position: relative;
    user-select: none;
}

.marquee-e3aa88c5-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: max-content;
    will-change: transform;
    animation: marqueeAnimation_e3aa88c5 var(--speed) linear infinite;
}

.marquee-e3aa88c5-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    box-sizing: border-box;
    width: calc(100% / var(--visible-items, 5));
}

.marquee-e3aa88c5-item img {
    display: block;
    max-width: 100%;
    pointer-events: none;
}

.marquee-e3aa88c5-container.pause-on-hover:hover .marquee-e3aa88c5-track {
    animation-play-state: paused;
}

@keyframes marqueeAnimation_e3aa88c5 {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(calc(-100% / 2), 0, 0);
    }
}

/* For right movement, we animate in reverse direction */
.marquee-e3aa88c5-container[style*="--direction-sign: 1"] .marquee-e3aa88c5-track {
    animation: marqueeAnimationRight_e3aa88c5 var(--speed) linear infinite;
}

@keyframes marqueeAnimationRight_e3aa88c5 {
    0% {
        transform: translate3d(calc(-100% / 2), 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}