.marquee-container{overflow-x:hidden;display:flex;flex-direction:row;position:relative;width:var(--width);max-width:calc(100vw - 40px);transform:var(--transform)}.marquee-container:hover div{animation-play-state:var(--pause-on-hover)}.marquee-container:active div{animation-play-state:var(--pause-on-click)}.overlay{position:absolute;width:100%;height:100%}.overlay:after,.overlay:before{background:linear-gradient(to right,var(--gradient-color),rgba(255,255,255,0));content:"";height:100%;position:absolute;width:var(--gradient-width);z-index:2;pointer-events:none;touch-action:none}.overlay:after{right:0;top:0;transform:rotate(180deg)}.overlay:before{left:0;top:0}.marquee{flex:0 0 auto;min-width:var(--min-width);z-index:1;display:flex;flex-direction:row;align-items:center;animation:scroll var(--duration) linear var(--delay) var(--iteration-count);animation-play-state:var(--play);animation-delay:var(--delay);animation-direction:var(--direction)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.initial-child-container{flex:0 0 auto;display:flex;min-width:auto;flex-direction:row;align-items:center}.child{transform:var(--transform)}