.vue3-marquee{overflow-x:hidden!important;display:flex!important;flex-direction:row!important;position:relative;width:100%}.vue3-marquee:hover div{-webkit-animation-play-state:var(--pauseOnHover);animation-play-state:var(--pauseOnHover)}.vue3-marquee:active div{-webkit-animation-play-state:var(--pauseOnClick);animation-play-state:var(--pauseOnClick)}.marquee{flex:0 0 auto;min-width:var(--min-width);z-index:1;display:flex;flex-direction:row;align-items:center;-webkit-animation:scroll var(--duration) linear var(--delay) var(--loops);animation:scroll var(--duration) linear var(--delay) var(--loops);-webkit-animation-direction:var(--direction);animation-direction:var(--direction)}@-webkit-keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.overlay,.transparent-overlay{position:absolute;width:100%;height:100%}.overlay:before,.overlay:after{background:linear-gradient(to right,var(--gradient-color));content:"";height:100%;position:absolute;width:var(--gradient-width);z-index:2}.overlay:after{right:0;top:0;transform:rotate(180deg)}.overlay:before{left:0;top:0}