:root{--color-text:#555;--color-bg:#7b59fa10;--color-bg-accent:#fff;--size:clamp(10rem,1rem + 30vmin,30rem);--gap:calc(var(--size)/7);--duration:100s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}.contains{align-content:center;background-color:var(--color-bg);color:var(--color-text);display:grid;padding:80px 0;width:100%}.contains,.marquee{gap:var(--gap);overflow:hidden}.marquee{display:flex;mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent);user-select:none}.marquee__group{align-items:center;animation:scroll-x var(--duration) linear infinite;display:flex;flex-shrink:0;gap:var(--gap);justify-content:space-around;min-width:100%}@media (prefers-reduced-motion:reduce){.marquee__group{animation-play-state:paused}}.marquee--reverse .marquee__group{animation-delay:-3s;animation-direction:reverse}.marquee--reverse1 .marquee__group{animation-delay:-6s;animation-direction:reverse}@keyframes scroll-x{0%{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}.marquee div.makee img{max-height:35px;max-width:80%}.marquee div.makee,.marquee svg{display:grid;place-items:center;width:var(--size);fill:var(--color-text);aspect-ratio:16/6;background:var(--color-bg-accent);border-radius:1rem;box-shadow:0 12px 20px rgba(0,0,0,.05);padding:calc(var(--size)/8)}.wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw}@keyframes fade{to{opacity:0;visibility:hidden}}@media (max-width:768.98px){.contains{padding:40px 0 50px}}@media (max-width:576.98px){.marquee div.makee img{max-height:20px;max-width:80%}}