:root{--slide-count: 5;--slide-height: 80px;--slide-width: 180px;--gap: 25px;--time: 30s}.slider{position:relative;width:100%;max-width:100%;height:calc(var(--slide-height) + 10px);overflow:hidden}@media(max-width:600px){.slider{--slide-width: 120px;--slide-height: 56px;--gap: 16px}}.slider-track{position:absolute;top:0;display:flex}.slide{box-sizing:border-box;width:var(--slide-width);height:var(--slide-height);margin:0 var(--gap);overflow:hidden}.slide img{transition:all .5s ease-in;-webkit-user-select:none;user-select:none;object-fit:contain;height:var(--slide-height);width:100%;transform:scale(.85)}.scrollLeft{animation:scrollLeft var(--time) linear infinite}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--slide-count) * (var(--slide-width) + var(--gap) * 2)))}}