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