:root{--size:clamp(10rem,1rem + 40vmin,30rem);--gap:calc(var(--size) / 14);--duration:60s;--scroll-start:0;--scroll-end:calc(-100%)}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw;max-width:2048px;margin-left:auto;margin-right:auto;gap:0;-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__group{animation:scroll-x var(--duration) linear infinite}.marquee__group,.marquee__group--reverse{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:var(--gap);padding-left:20px;padding-right:20px}.marquee__group--reverse{animation:scroll-x-reverse var(--duration) linear infinite}.marquee__group img,.marquee__group--reverse img{margin-left:20px;margin-right:20px}@media(prefers-reduced-motion:reduce){.marquee__group{animation-play-state:paused}}@keyframes scroll-x{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes scroll-x-reverse{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw}