.marquee{-webkit-mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.marquee,.marquee__group{display:flex;gap:var(--gap)}.marquee__group{align-items:center;animation:scroll-x var(--duration) linear infinite;flex-shrink:0;justify-content:space-around;min-width:100%}@media(prefers-reduced-motion:reduce){.marquee__group{animation-play-state:paused}}.marquee--vertical .marquee__group{animation-name:scroll-y;flex-direction:column}.marquee--reverse .marquee__group{animation-delay:-3s;animation-direction:reverse}@keyframes scroll-x{0%{transform:translate(var(--scroll-start))}to{transform:translate(var(--scroll-end))}}@keyframes scroll-y{0%{transform:translateY(var(--scroll-start))}to{transform:translateY(var(--scroll-end))}}.marquee img{aspect-ratio:1/0;background:#fff;border-radius:.5rem;display:grid;fill:#1037a0;padding-left:calc(var(--size)/5);padding-right:calc(var(--size)/5);place-items:center;width:var(--size)}.marquee--vertical img{aspect-ratio:1;padding:calc(var(--size)/6);width:calc(var(--size)/1.5)}.marquee svg{aspect-ratio:16/9;background:#f2f2f2;border-radius:.5rem;display:grid;fill:#1037a0;padding:calc(var(--size)/6);place-items:center;width:var(--size)}.marquee--vertical svg{aspect-ratio:1;padding:calc(var(--size)/6);width:calc(var(--size)/1.5)}.wrapper{--gap:1rem;--duration:30s;--scroll-start:0%;--scroll-end:-100%;--size:150px;display:flex;flex-direction:column;gap:var(--gap);margin:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12.5%,#000 87.5%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 12.5%,#000 87.5%,transparent);max-width:100vw;overflow:hidden;padding:2rem 0;position:relative}