.slider{width:100%;height:var(--height);overflow:hidden}.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;animation-delay:calc((var(--duration)/var(--quantity))*(var(--position) - 1) - var(--duration));position:absolute;left:100%}.slider>.list>.item>img{object-fit:cover;width:100%;height:100%}.slider:hover>.list>.item{animation-play-state:paused}.slider:has(:focus)>.list>.item{animation-play-state:paused}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width)*-1)}}