/* Seamless two-set carousel. No hover or touch pause. */
.animate-marquee,.animate-marquee-reverse{--carousel-gap:1rem;gap:var(--carousel-gap);width:max-content;flex-wrap:nowrap;backface-visibility:hidden;animation-duration:36s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running}
@media(min-width:640px){.animate-marquee,.animate-marquee-reverse{--carousel-gap:1.5rem}}
@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - var(--carousel-gap)/2),0,0)}}
@keyframes marquee-reverse{from{transform:translate3d(calc(-50% - var(--carousel-gap)/2),0,0)}to{transform:translate3d(0,0,0)}}