.logo-marquee,
[data-logo-marquee] {
    --logo-strip-width: clamp(1500px, 124vw, 2400px);
    --logo-strip-crossover-gap: 0px;
    --logo-strip-gap: var(--logo-strip-crossover-gap);
    --logo-strip-speed: 34s;

    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    contain: layout paint;
}

.logo-marquee.logo-marquee--gap-xs,
[data-logo-marquee].logo-marquee--gap-xs {
    --logo-strip-crossover-gap: clamp(8px, 1.2vw, 18px);
}

.logo-marquee.logo-marquee--gap-sm,
[data-logo-marquee].logo-marquee--gap-sm {
    --logo-strip-crossover-gap: clamp(16px, 2vw, 32px);
}

.logo-marquee.logo-marquee--gap-md,
[data-logo-marquee].logo-marquee--gap-md {
    --logo-strip-crossover-gap: clamp(28px, 3.2vw, 56px);
}

.logo-marquee.logo-marquee--gap-lg,
[data-logo-marquee].logo-marquee--gap-lg {
    --logo-strip-crossover-gap: clamp(44px, 5vw, 88px);
}

.logo-marquee__track,
[data-logo-marquee-track] {
    --width: max-content;
    --min-height: 0px;
    --display: flex;
    --flex-direction: row;
    --flex-wrap: nowrap;
    --align-items: center;
    --justify-content: flex-start;
    --gap: 0px;

    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    gap: 0 !important;
    transform: translate3d(-50%, 0, 0);
    will-change: transform;
}

.logo-marquee__track > .e-con-inner,
[data-logo-marquee-track] > .e-con-inner,
[data-logo-marquee-item-parent] {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    gap: 0 !important;
}

.logo-marquee__item,
[data-logo-marquee-item] {
    --container-widget-width: calc(var(--logo-strip-width) + var(--logo-strip-gap));
    --container-widget-flex-grow: 0;
    --width: calc(var(--logo-strip-width) + var(--logo-strip-gap));

    flex: 0 0 calc(var(--logo-strip-width) + var(--logo-strip-gap)) !important;
    width: calc(var(--logo-strip-width) + var(--logo-strip-gap)) !important;
    min-width: calc(var(--logo-strip-width) + var(--logo-strip-gap)) !important;
    max-width: none !important;
    padding-right: var(--logo-strip-gap) !important;
}

.logo-marquee__item img,
[data-logo-marquee-item] img {
    display: block !important;
    width: var(--logo-strip-width) !important;
    min-width: var(--logo-strip-width) !important;
    max-width: none !important;
    height: auto !important;
}

@keyframes feat-logo-marquee {
    from {
        transform: translate3d(-50%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@media (max-width: 1180px) {
    .logo-marquee,
    [data-logo-marquee] {
        --logo-strip-width: clamp(1300px, 172vw, 1900px);
        --logo-strip-speed: 31s;
    }
}

@media (max-width: 767px) {
    .logo-marquee,
    [data-logo-marquee] {
        --logo-strip-mobile-width: clamp(1250px, 365vw, 1780px);
        --logo-strip-width: var(--logo-strip-mobile-width);
        --logo-strip-speed: 29s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .logo-marquee,
    [data-logo-marquee] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .logo-marquee .logo-marquee__track,
    .logo-marquee [data-logo-marquee-track],
    [data-logo-marquee] [data-logo-marquee-track],
    [data-logo-marquee] .logo-marquee__track {
        animation: none !important;
        transform: none !important;
        will-change: auto !important;
    }

    .logo-marquee [data-logo-marquee-duplicate],
    [data-logo-marquee] [data-logo-marquee-duplicate] {
        display: none;
    }
}