.slider{height:var(--slider-height);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}.slider,.slider .list{width:100%;position:relative}.slider .list{display:flex;min-width:calc(var(--slider-width) * var(--slider-quantity))}.slider .list .item{width:var(--slider-width);height:var(--slider-height);position:absolute;left:100%;animation:autoRun 30s linear infinite;animation-delay:calc((30s / var(--slider-quantity)) * (var(--slider-position) - 1) - 30s)!important;transition:filter .5s}.slider .list .item img{width:100%;height:100%;object-fit:contain}@keyframes autoRun{0%{left:100%}to{left:calc(var(--slider-width) * -1)}}.slider:hover .item{animation-play-state:paused!important;filter:grayscale(1)}.slider .item:hover{filter:grayscale(0)}.slider[reverse=true] .item{animation:reversePlay 10s linear infinite}@keyframes reversePlay{0%{left:calc(var(--slider-width) * -1)}to{left:100%}}