.slider{width:90%;height:var(--height);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}.slider .list{display:flex;width:100%;min-width:calc(var(--width)*var(--quantity));position:relative}.slider .list .item{width:var(--width);height:var(--height);position:absolute;left:100%;animation:autoRun 10s linear infinite;transition:filter .5s;animation-delay:calc(10s/var(--quantity)*(var(--position) - 1) - 10s)!important}.slider .list .item img{width:100%}@keyframes autoRun{0%{left:100%}to{left:calc(var(--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(--width)*-1)}to{left:100%}}.box{width:100px;height:100px;background-color:#361d97;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:25px;border-radius:5px}.box img{width:100%;height:100%;object-fit:cover}