.logo-carousel-wrapper-3ed831d6 {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    user-select: none;
}

.logo-carousel-track-3ed831d6 {
    display: flex;
    width: max-content;
    align-items: center;
    flex-wrap: nowrap;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.logo-carousel-direction-left .logo-carousel-track-3ed831d6 {
    animation-name: logo-marquee-left-3ed831d6;
    animation-duration: var(--logo-carousel-speed, 20s);
}

.logo-carousel-direction-right .logo-carousel-track-3ed831d6 {
    animation-name: logo-marquee-right-3ed831d6;
    animation-duration: var(--logo-carousel-speed, 20s);
}

@keyframes logo-marquee-left-3ed831d6 {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-33.333333%, 0, 0);
    }
}

@keyframes logo-marquee-right-3ed831d6 {
    0% {
        transform: translate3d(-33.333333%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

.logo-carousel-wrapper-3ed831d6.pause-on-hover:hover .logo-carousel-track-3ed831d6 {
    animation-play-state: paused;
}

.logo-carousel-item-3ed831d6 {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-carousel-item-3ed831d6 img {
    transition: opacity 0.3s ease, filter 0.3s ease;
    display: block;
    max-width: 100%;
}

.logo-carousel-grayscale-grayscale .logo-carousel-item-3ed831d6 img {
    filter: grayscale(100%);
}

.logo-carousel-grayscale-grayscale .logo-carousel-item-3ed831d6 img:hover {
    filter: grayscale(0%);
}