:root{--items-count:8;--gap:1rem;--scale:1;--item-height:2rem;--time:20s}.slider-container{position:relative;width:100%;height:calc(var(--item-height) * var(--scale));margin:10px auto;overflow:hidden}.slider-effect{position:absolute;top:0;display:flex;justify-content:center;align-items:center}.scroll-left{animation:scrollLeft var(--time) linear infinite}.scroll-right{right:0;animation:scrollRight var(--time) linear infinite}.pause-on-hover:hover .slider-effect{animation-play-state:paused}.slider-item{display:flex;justify-content:center;margin:0 calc(var(--gap) * var(--scale))}.slider-item:has(.slider-item-image){width:-moz-max-content;width:max-content;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.slider-item-image{height:calc(var(--item-height) * var(--scale));width:auto;transition:all .5s ease-in}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(calc(-1 * (var(--total-width) + var(--scale) * var(--slide-count) * var(--gap) * 2)))}}@keyframes scrollRight{0%{transform:translateX(0)}to{transform:translateX(calc((var(--total-width) + var(--scale) * var(--slide-count) * var(--gap) * 2)))}}@media (max-width:754px){:root{--time:10s}}