.slider{width:100%;height:var(--height);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.slider .list{width:100%;min-width:calc(var(--width)*var(--quantity));display:flex;position:relative}.slider .list .item{width:var(--width);height:var(--height);animation:autoRun var(--duration)linear infinite;padding-left:var(--spacing);filter:grayscale();transition:filter .5s,transform .3s ease-in-out;position:absolute;left:100%;animation-delay:calc((var(--duration)/var(--quantity))*(var(--position) - 1) - var(--duration))!important}.slider .list .item img{object-fit:contain;object-position:center;width:100%;height:100%;padding:1.6rem}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width)*-1)}}.slider:hover .item{animation-play-state:paused!important}.slider .item:hover{filter:grayscale(0);z-index:10;transform:scale(1.3)}.slider[reverse=true] .item{animation:reversePlay var(--duration)linear infinite}@keyframes reversePlay{0%{left:calc(var(--width)*-1)}to{left:100%}}