.scroll-wrapper{--scroll-use-speed:var(--scroll-speed, 2s);--scroll-use-height:var(--scroll-height, 100px);--scroll-use-item_width:var(--scroll-item_width, 200px);--scroll-use-item_padding:var(--scroll-item_padding, .5em);container-type:inline-size;overflow:hidden;display:flex;flex-wrap:nowrap;justify-content:flex-start}.scroll-image{box-sizing:border-box;width:var(--scroll-use-item_width);height:var(--scroll-use-height);padding:0 var(--scroll-use-item_padding);flex-grow:0;flex-shrink:0;flex-basis:auto;--duration:calc(var(--scroll-use-speed) * var(--scroll-count));--delay:calc( (var(--duration) / var(--scroll-count) * var(--scroll-index)) - var(--duration));--scroll_width:calc(var(--scroll-use-item_width) * var(--scroll-count));--diff:calc(var(--scroll_width) - 100cqw);--start:calc(100cqw - (100% * var(--scroll-index)));--end:calc(0% - var(--diff) - (var(--scroll-index) * var(--scroll-use-item_width)));animation:scroll-slide var(--duration) var(--delay) infinite linear}.scroll-wrapper.scroll-pausable:hover .scroll-image{animation-play-state:paused}.scroll-image img{object-fit:scale-down;width:100%;height:100%}@keyframes scroll-slide{0%{translate:var(--start) 0%}100%{translate:var(--end) 0%}}