:where(.m-marquee){--duration:40s;--gap:1rem}.m-marquee{display:flex;overflow:hidden;gap:var(--gap);width:100%}.m-marquee-track{display:flex;flex-shrink:0;justify-content:space-around;gap:var(--gap);min-width:100%}@media (prefers-reduced-motion:no-preference){.m-marquee-track{animation:m-marquee-x var(--duration) linear infinite}.m-marquee[data-vertical=true] .m-marquee-track{animation-name:m-marquee-y}.m-marquee[data-reverse=true] .m-marquee-track{animation-direction:reverse}.m-marquee[data-pause-on-hover=true]:hover .m-marquee-track{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.m-marquee{overflow-x:auto}}.m-marquee[data-vertical=true],.m-marquee[data-vertical=true] .m-marquee-track{flex-direction:column}@keyframes m-marquee-x{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes m-marquee-y{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}