.cdw-logo-marquee {
    width: 100%;
    overflow: hidden;
}

.cdw-logo-marquee-track {
    display: flex;
    align-items: var(--cdw-logo-marquee-align, center);
    width: max-content;
    gap: 0;
    will-change: transform;
}

.cdw-logo-marquee[data-cdw-logo-marquee-ready="true"] .cdw-logo-marquee-track {
    animation: cdw-logo-marquee-left var(--cdw-logo-marquee-speed, 28s) linear infinite;
}

.cdw-logo-marquee-group {
    display: flex;
    align-items: var(--cdw-logo-marquee-align, center);
    flex: 0 0 auto;
    gap: var(--cdw-logo-marquee-gap, 40px);
    margin-right: var(--cdw-logo-marquee-gap, 40px);
}

.cdw-logo-marquee-direction-right[data-cdw-logo-marquee-ready="true"] .cdw-logo-marquee-track {
    animation-name: cdw-logo-marquee-right;
}

.cdw-logo-marquee-item {
    display: flex;
    align-items: var(--cdw-logo-marquee-align, center);
    justify-content: center;
    flex: 0 0 auto;
    width: var(--cdw-logo-marquee-item-width, 160px);
    max-width: none;
    overflow: visible;
}

.cdw-logo-marquee-link {
    display: flex;
    align-items: var(--cdw-logo-marquee-align, center);
    justify-content: center;
    width: 100%;
}

.cdw-logo-marquee-image {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: var(--cdw-logo-marquee-height, 80px);
    height: auto;
    object-fit: contain;
}

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

    to {
        transform: translate3d(var(--cdw-logo-marquee-distance, calc(-100% / var(--cdw-logo-marquee-groups, 1))), 0, 0);
    }
}

@keyframes cdw-logo-marquee-right {
    from {
        transform: translate3d(var(--cdw-logo-marquee-distance, calc(-100% / var(--cdw-logo-marquee-groups, 1))), 0, 0);
    }

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

@media (prefers-reduced-motion: reduce) {
    .cdw-logo-marquee-track {
        animation-play-state: paused;
    }
}