.carousel-outer{width:100%;display:flex;flex-direction:column;gap:1rem;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.carousel-track{display:flex;gap:1rem;width:max-content}.marquee-group{display:flex;gap:1rem;flex-shrink:0;flex-direction:row}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 1rem))}}@keyframes scrollRight{0%{transform:translateX(calc(-100% - 1rem))}to{transform:translateX(0)}}.track-1 .marquee-group{animation:scrollLeft 30s linear infinite}.track-2 .marquee-group{animation:scrollRight 30s linear infinite}@media (min-width:1024px){.carousel-track{max-width:280px}.carousel-outer{height:80vh;flex-direction:row;justify-content:center;mask-image:linear-gradient(180deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,black 10%,black 90%,transparent)}.carousel-track{width:auto;height:max-content}.carousel-track,.marquee-group{flex-direction:column}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 1rem))}}@keyframes scrollDown{0%{transform:translateY(calc(-100% - 1rem))}to{transform:translateY(0)}}.track-1 .marquee-group{animation:scrollUp 30s linear infinite}.track-2 .marquee-group{animation:scrollDown 30s linear infinite}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-float{animation:float 4s ease-in-out infinite}