.carousel-container{width:100%;overflow:hidden;position:relative}.carousel-container:after,.carousel-container:before{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.carousel-container:before{left:0;background:linear-gradient(90deg,rgba(255,255,255,1) 0,rgba(255,255,255,0))}.carousel-container:after{right:0;background:linear-gradient(270deg,rgba(255,255,255,1) 0,rgba(255,255,255,0))}.carousel-track{display:flex;align-items:center;gap:20px;animation:scroll var(--animation-duration,10s) linear infinite;animation-direction:var(--animation-direction,normal);animation-play-state:var(--animation-play-state,running);width:max-content}.carousel-track,.carousel-track img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.carousel-track img{width:360px;height:350px;object-fit:cover;border-radius:8px;flex-shrink:0;pointer-events:none}.carousel-track:active{cursor:-webkit-grabbing;cursor:grabbing}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-25%)}}@media (max-width:767px){.carousel-track img{width:280px;height:270px}.carousel-container:after,.carousel-container:before{width:60px}}@media (min-width:768px) and (max-width:1023px){.carousel-track img{width:320px;height:310px}.carousel-container:after,.carousel-container:before{width:80px}}@media (min-width:1024px){.carousel-track img{width:360px;height:350px}.carousel-container:after,.carousel-container:before{width:100px}}