/* Image Marquee Gallery — cfd1689a */

.img-marquee-cfd1689a-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* Fade edges */
.img-marquee-cfd1689a-wrapper.has-fade {
    --marquee-fade-cfd1689a: 80px;
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 var(--marquee-fade-cfd1689a),
        #000 calc(100% - var(--marquee-fade-cfd1689a)),
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 var(--marquee-fade-cfd1689a),
        #000 calc(100% - var(--marquee-fade-cfd1689a)),
        transparent 100%
    );
}

.img-marquee-cfd1689a-track {
    display: flex;
    width: max-content;
    will-change: transform;
}

.img-marquee-cfd1689a-track-inner {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.img-marquee-cfd1689a-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.img-marquee-cfd1689a-item a {
    display: flex;
    align-items: center;
    line-height: 0;
}

.img-marquee-cfd1689a-item img {
    height: 60px;
    width: auto;
    max-width: none;
    display: block;
    object-fit: contain;
    transition: opacity 0.3s ease, filter 0.3s ease;
    -webkit-user-drag: none;
    user-select: none;
}

/* Animation */
@keyframes marquee-scroll-cfd1689a {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes marquee-scroll-reverse-cfd1689a {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}

.img-marquee-cfd1689a-track.is-animating {
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

.img-marquee-cfd1689a-track.direction-left {
    animation-name: marquee-scroll-cfd1689a;
}

.img-marquee-cfd1689a-track.direction-right {
    animation-name: marquee-scroll-reverse-cfd1689a;
}

.img-marquee-cfd1689a-wrapper.pause-on-hover:hover .img-marquee-cfd1689a-track {
    animation-play-state: paused;
}