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

.marquee-edge-fade-yes .marquee-container {
    mask-image: linear-gradient(to right, transparent, black var(--marquee-fade-width, 100px), black calc(100% - var(--marquee-fade-width, 100px)), transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black var(--marquee-fade-width, 100px), black calc(100% - var(--marquee-fade-width, 100px)), transparent);
}

.marquee-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: max-content;
    will-change: transform;
    animation: marquee-scroll-left var(--marquee-duration, 30s) linear infinite;
}

.marquee-track[data-direction="right"] {
    animation-name: marquee-scroll-right;
}

.marquee-track.is-paused {
    animation-play-state: paused !important;
}

.marquee-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: max-content;
}

.marquee-icon svg {
    display: block;
}

@keyframes marquee-scroll-left {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
}

@keyframes marquee-scroll-right {
    0% { transform: translate3d(-50%, 0, 0); }
    100% { transform: translate3d(0, 0, 0); }
}