.MarketCastLogoMarquee {
    --logo-marquee-duration: 35s;
    --logo-marquee-gap: 56px;
    --logo-marquee-height: 32px;
    width: 100%;
}

.MarketCastLogoMarquee .logo-marquee__viewport {
    overflow: hidden;
    width: 100%;
}

.MarketCastLogoMarquee .logo-marquee__track {
    display: flex;
    width: max-content;
    animation: mc-logo-marquee-scroll var(--logo-marquee-duration) linear infinite;
    will-change: transform;
}

.MarketCastLogoMarquee .logo-marquee__group {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--logo-marquee-gap);
    min-width: max-content;
    padding-right: var(--logo-marquee-gap);
}

.MarketCastLogoMarquee .logo-marquee__item {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

.MarketCastLogoMarquee .logo-marquee__image {
    display: block;
    width: auto;
    height: var(--logo-marquee-height);
    object-fit: contain;
}

@keyframes mc-logo-marquee-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}