.carousel-container{width:100%;padding:20px 0;position:relative;overflow:hidden}.carousel-track{will-change:transform;width:fit-content;animation:30s linear infinite scroll-infinite;display:flex}.carousel-track:hover{animation-play-state:paused}.carousel-item{filter:grayscale(50%);opacity:.8;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:170px;height:150px;margin:0 20px;transition:filter .3s,opacity .3s;display:flex}.carousel-item:hover{filter:grayscale(0%);opacity:1}.carousel-item img{object-fit:contain;pointer-events:none;max-width:130px;max-height:91px}.carousel-container-hero{width:100%;padding:10px 0;position:relative;overflow:hidden}.carousel-track-hero{will-change:transform;width:fit-content;animation:40s linear infinite scroll-infinite;display:flex}.carousel-track-hero:hover{animation-play-state:paused}.carousel-item-hero{filter:grayscale(30%)brightness(1.2);opacity:.9;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:150px;margin:0 20px;transition:filter .3s,opacity .3s,transform .3s;display:flex}.carousel-item-hero:hover{filter:grayscale(0%)brightness();opacity:1;transform:scale(1.05)}.carousel-item-hero img{object-fit:contain;pointer-events:none;max-width:130px;max-height:90px}@keyframes scroll-infinite{0%{transform:translate(0)}to{transform:translate(-50%)}}.carousel-container:before,.carousel-container:after{content:"";z-index:2;pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.carousel-container:before{background:linear-gradient(to right,hsl(var(--muted))0%,transparent 100%);left:0}.carousel-container:after{background:linear-gradient(to left,hsl(var(--muted))0%,transparent 100%);right:0}.carousel-container-hero:before,.carousel-container-hero:after{content:"";z-index:2;pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.carousel-container-hero:before{background:linear-gradient(90deg,#0000004d 0%,#0000 100%);left:0}.carousel-container-hero:after{background:linear-gradient(270deg,#0000004d 0%,#0000 100%);right:0}@media (max-width:768px){.carousel-item-hero{width:120px;height:120px;margin:0 10px}.carousel-item-hero img{max-width:80px;max-height:50px}.carousel-container-hero:before,.carousel-container-hero:after{width:50px}.carousel-item{width:130px;height:120px;margin:0 10px}.carousel-item img{max-width:100px;max-height:70px}}