:root{--size:clamp(12rem,1rem + 40vmin,12rem);--gap:calc(var(--size) / 12);--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}.marquee{overflow:hidden;user-select:none;mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent)}.marquee,.marquee__group{display:flex;gap:var(--gap)}.marquee__group{flex-shrink:0;align-items:center;justify-content:space-around;min-width:100%;animation:scroll-x var(--duration) linear infinite}@keyframes scroll-x{0%{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}.fade-img{opacity:1;transition:opacity .1s ease-in-out}.fade-img.hide{opacity:0}