.ttc-marquee-80ac98ee {
    width: 100%;
    overflow: hidden;
}

.ttc-marquee-80ac98ee .ttc-marquee-row {
    width: 100%;
    overflow: hidden;
    display: block;

    --visible-slides: 4;
    --item-width: calc( ( 100% - ( ( var(--visible-slides) - 1 ) * var(--gap) ) ) / var(--visible-slides) );
    --item-height: 240px;
    --gap: 20px;
    --radius: 16px;
    --duration: 32s;
}

.ttc-marquee-80ac98ee .ttc-marquee-track {
    display: flex;
    width: max-content;
    will-change: transform;
}

.ttc-marquee-80ac98ee .ttc-marquee-group {
    display: flex;
    gap: var(--gap);
    padding-right: var(--gap);
    flex: 0 0 auto;
}

.ttc-marquee-80ac98ee .ttc-marquee-item {
    flex: 0 0 auto;
    width: var(--item-width);
}

.ttc-marquee-80ac98ee .ttc-marquee-item img {
    display: block;
    width: 100%;
    height: var(--item-height);
    object-fit: cover;
    border-radius: var(--radius);
}

.ttc-marquee-80ac98ee .ttc-marquee-left .ttc-marquee-track {
    animation: ttcMarqueeLeft_80ac98ee var(--duration) linear infinite;
}

.ttc-marquee-80ac98ee .ttc-marquee-right .ttc-marquee-track {
    animation: ttcMarqueeRight_80ac98ee var(--duration) linear infinite;
}

@keyframes ttcMarqueeLeft_80ac98ee {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-25%, 0, 0);
    }
}

@keyframes ttcMarqueeRight_80ac98ee {
    from {
        transform: translate3d(-25%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}
