:root{--duration: 15s;--size: clamp(10rem, 1rem + 40vmin, 30rem);--gap: calc(var(--size) / 14);--scroll-start: 0;--scroll-end: calc(-100% - var(--gap))}@keyframes scroll-x{0%{transform:translate(var(--scroll-start))}to{transform:translate(var(--scroll-end))}}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--gap);width:100%;-webkit-mask-image:linear-gradient(var(--mask-direction, to right),hsl(0 0% 0% / 0),hsl(0 0% 0% / 0) 5%,hsl(0 0% 0% / 1) 30%,hsl(0 0% 0% / 1) 70%,hsl(0 0% 0% / 0) 95%,hsl(0 0% 0% / 0));mask-image:linear-gradient(var(--mask-direction, to right),hsl(0 0% 0% / 0),hsl(0 0% 0% / 0) 5%,hsl(0 0% 0% / 1) 30%,hsl(0 0% 0% / 1) 70%,hsl(0 0% 0% / 0) 95%,hsl(0 0% 0% / 0))}.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}