/**
 * Frontend styles for Infinite Marquee Slider
 */

.swiper.marquee-swiper {
    margin-top: 4rem;
    mask-image: linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%);
}

.swiper-wrapper.marquee-swiper {
    transition-timing-function: linear;
    align-items: center;
}

.swiper-slide.marquee-swiper {
    width: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-slide.marquee-swiper img {
    max-width: 100%;
    height: auto;
    display: block;
}