:root{--color-text:#fff;--color-bg:#060606;--color-bg-accent:#111;--size:clamp(10rem,1rem + 40vmin,30rem);--gap:calc(var(--size) / 14);--duration:60s}.logoWall-wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:0 auto;max-width:100%;padding:20px 10px;color:var(--color-text);background-color:var(--color-bg)}.wrapper--vertical{flex-direction:row;justify-content:center;height:100%}.marquee{position:relative;display:flex;overflow:hidden;user-select:none;gap:var(--gap);justify-content:flex-start;width:100%;mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 80%,transparent)}.marquee,.marquee--vertical{mask-size:cover;mask-repeat:no-repeat}.marquee--vertical{flex-direction:column;height:100%;mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 80%,transparent)}.marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);animation:scroll-x var(--duration) linear infinite}.marquee--reverse .marquee__group{animation-direction:reverse;animation-delay:-3s}.marquee__group{min-width:100%}.marquee--vertical .marquee__group{min-width:auto;min-height:100%;flex-direction:column;animation-name:scroll-y}@keyframes scroll-x{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes scroll-y{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.paused .marquee__group{animation-play-state:paused!important}.marquee__group img{width:var(--size);background:var(--color-bg-accent);aspect-ratio:16/9;padding:calc(var(--size) / 10);border-radius:.5rem;object-fit:contain}.marquee--vertical .marquee__group img{aspect-ratio:1;width:calc(var(--size) / 1.5);padding:calc(var(--size) / 6)}