:root{--size:clamp(10rem,1rem + 35vmin,14rem);--gap:0;--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}.marquee{mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent);overflow:hidden;user-select:none}.marquee,.marquee__group{display:flex;gap:var(--gap)}.marquee__group{align-items:center;animation:scroll-x linear infinite;animation-duration:var(--duration);flex-shrink:0;justify-content:space-around;min-width:100%}@media (prefers-reduced-motion:reduce){.marquee__group{animation-play-state:paused}}.marquee--vertical{--mask-direction:to bottom}.marquee--vertical,.marquee--vertical .marquee__group{flex-direction:column}.marquee--vertical .marquee__group{animation-name:scroll-y}.marquee--reverse .marquee__group{animation-delay:-3s;animation-direction:reverse}@keyframes scroll-x{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes scroll-y{0%{transform:translateY(var(--scroll-start))}to{transform:translateY(var(--scroll-end))}}.marquee .logo{border-radius:.5rem;display:grid;padding:0 calc(var(--size)/20);place-items:center;width:var(--size)}.logo-wrapper__logo img{max-height:120px}.marquee--vertical svg{aspect-ratio:1;padding:calc(var(--size)/6);width:calc(var(--size)/1.5)}.logo-wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;width:100%}@keyframes fade{to{opacity:0;visibility:hidden}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-1750px)}}