.vue-marquee{display:flex!important;position:relative;overflow:hidden!important}.vue-marquee.horizontal{flex-direction:row!important;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}.vue-marquee.vertical{flex-direction:column!important;height:100%;width:-webkit-max-content;width:-moz-max-content;width:max-content}.vue-marquee:hover div{-webkit-animation-play-state:var(--pauseOnHover);animation-play-state:var(--pauseOnHover)}.vue-marquee:active div{-webkit-animation-play-state:var(--pauseOnClick);animation-play-state:var(--pauseOnClick)}.vue-marquee>.marquee{flex:0 0 auto;min-width:var(--min-width);min-height:var(--min-height);z-index:1;-webkit-animation:var(--orientation) var(--duration) linear var(--delay) var(--loops);animation:var(--orientation) var(--duration) linear var(--delay) var(--loops);-webkit-animation-play-state:var(--pauseAnimation);animation-play-state:var(--pauseAnimation);-webkit-animation-direction:var(--direction);animation-direction:var(--direction)}.vue-marquee.horizontal>.marquee{display:flex;flex-direction:row;align-items:center}.vue-marquee.vertical>.marquee{display:flex;flex-direction:column;align-items:center}@-webkit-keyframes scrollX{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes scrollX{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@-webkit-keyframes scrollY{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes scrollY{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.vue-marquee>.overlay,.vue-marquee>.transparent-overlay{position:absolute;width:100%;height:100%}.vue-marquee>.overlay:after,.vue-marquee>.overlay:before{content:"";position:absolute;z-index:2}.vue-marquee.horizontal>.overlay:after,.vue-marquee.horizontal>.overlay:before{background:linear-gradient(90deg,var(--gradient-color));height:100%;width:var(--gradient-length)}.vue-marquee.vertical>.overlay:after,.vue-marquee.vertical>.overlay:before{background:linear-gradient(180deg,var(--gradient-color));height:var(--gradient-length);width:100%}.vue-marquee.horizontal>.overlay:after{transform:rotate(180deg)}.vue-marquee.vertical>.overlay:after{transform:rotate(-180deg)}.vue-marquee>.overlay:before{left:0;top:0}.vue-marquee.horizontal>.overlay:after{right:0;top:0}.vue-marquee.vertical>.overlay:after{left:0;bottom:0}