.carousel{overflow:hidden;width:100%;position:relative;isolation:isolate}.carousel:after,.carousel:before{content:"";position:absolute;top:0;bottom:0;width:250px;pointer-events:none;z-index:2}.carousel:before{left:0;background:linear-gradient(90deg,rgba(0,0,0,1),transparent)}.carousel:after{right:0;background:linear-gradient(270deg,rgba(0,0,0,1),transparent)}.carousel-track{display:flex;flex-wrap:nowrap;width:-moz-max-content;width:max-content;animation:scroll var(--speed) linear infinite}.carousel:hover .carousel-track{animation-play-state:paused}.carousel-item{flex:0 0 auto;height:80px;margin-right:5rem;padding:1rem;box-sizing:border-box;transition:all .3s ease;border-radius:12px;display:flex;align-items:center;justify-content:center}.carousel-item:hover{transform:scale(1.1);background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(.8) grayscale(.2);transition:filter .3s ease}.carousel-item:hover img{filter:brightness(1) grayscale(0)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--shift)))}}