.slider{height:var(--height);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent);margin:1.5rem 0}.slider,.slider .list{width:100%;position:relative}.slider .list{display:flex;min-width:calc(var(--width) * var(--quantity))}.slider .list .item{width:var(--width);height:var(--height);position:absolute;left:100%;animation:autoRun 30s linear infinite;animation-delay:calc((30s / var(--quantity)) * (var(--position) - 1) - 30s)!important}.slider .list .item img{width:100%;height:100%;object-fit:contain}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width) * -1)}}