.marquee{--size:clamp(10rem,1rem + 40vmin,30rem);--gap:max(calc(var(--size) / 8),32px);--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap));padding:32px;width:100%;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--gap);-webkit-mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent)}.marquee .marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);min-width:100%;animation:scroll-x var(--duration) linear infinite}.marquee .marquee__group>*{height:32px}@media(min-width:768px){.marquee .marquee__group>*{height:auto}}@media(prefers-reduced-motion:reduce){.marquee .marquee__group{animation-play-state:paused}}@keyframes scroll-x{0%{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}