.infinite-scroll-container{display:flex;position:relative;overflow:hidden}.infinite-scroll-container.vertical{flex-direction:column;height:100%}.infinite-scroll-container.horizontal{flex-direction:row;width:100%;-webkit-mask:linear-gradient(90deg,#0000,#fff 10% 90%,#0000);mask:linear-gradient(90deg,#0000,#fff 10% 90%,#0000)}.scroll-content{animation:scroll-animation var(--scroll-duration) linear infinite}.infinite-scroll-container.reversed .scroll-content{animation-direction:reverse}@keyframes scroll-animation{0%{transform:translate(0)}to{transform:translate(-100%)}}.infinite-scroll-container.vertical .scroll-content{animation:scroll-vertical var(--scroll-duration) linear infinite}@keyframes scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.infinite-scroll-container:hover .scroll-content{animation-play-state:paused}