/* Marquee zonder Creative Kit / GSAP: CSS-animatie. Gedachtegoed Development. */
.mh-marquee .splide__list{will-change:transform;}
.mh-marquee.mh-marquee-ready[data-marquee-orientation=horizontal] .splide__list{
	animation:mh-marquee-x var(--mh-marquee-duration, 30s) linear infinite;
}
.mh-marquee.mh-marquee-ready[data-marquee-direction=right] .splide__list{animation-direction:reverse;}
.mh-marquee.mh-marquee-ready[data-marquee-pause-on-hover=true]:hover .splide__list{animation-play-state:paused;}
@keyframes mh-marquee-x{
	from{transform:translate3d(0,0,0);}
	to{transform:translate3d(calc(-1 * var(--mh-marquee-shift, 50%)),0,0);}
}
/* De horizontale lijst mag niet centreren als hij breder is dan de container. */
.mh-marquee.mh-marquee-ready[data-marquee-orientation=horizontal] .splide__list{justify-content:flex-start;}
@media (prefers-reduced-motion: reduce){
	.mh-marquee .splide__list{animation:none !important;}
}