.marquee{--sinch-marquee-animation-duration:20s;--sinch-marquee-gradient-size:3rem;position:relative;overflow:hidden}.marquee .marquee-track{display:flex;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--sinch-marquee-animation-duration)}.marquee .marquee-track .marquee-item{flex-shrink:0}@media (hover:hover) and (pointer:fine){.marquee:not(.marquee-no-pause):hover .marquee-track{animation-play-state:paused}}.marquee:not(.marquee-no-pause):active .marquee-track{animation-play-state:paused}.marquee.marquee-left .marquee-track{animation-name:marquee-scroll-left;flex-direction:row}.marquee.marquee-right .marquee-track{animation-name:marquee-scroll-right;flex-direction:row}.marquee.marquee-up .marquee-track{animation-name:marquee-scroll-up;flex-direction:column;height:-moz-max-content;height:max-content}.marquee.marquee-down .marquee-track{animation-name:marquee-scroll-down;flex-direction:column;height:-moz-max-content;height:max-content}.marquee.marquee-gradient.marquee-left,.marquee.marquee-gradient.marquee-right{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%)}.marquee.marquee-gradient.marquee-right{-webkit-mask-image:linear-gradient(to left,#000 0,#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%);mask-image:linear-gradient(to left,#000 0,#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%)}.marquee.marquee-gradient.marquee-up{-webkit-mask-image:linear-gradient(to top,#000 0,#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%);mask-image:linear-gradient(to top,#000 0,#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%)}.marquee.marquee-gradient.marquee-down{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%)}.marquee.marquee-gradient-bilateral.marquee-left,.marquee.marquee-gradient-bilateral.marquee-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--sinch-marquee-gradient-size),#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--sinch-marquee-gradient-size),#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%)}.marquee.marquee-gradient-bilateral.marquee-down,.marquee.marquee-gradient-bilateral.marquee-up{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--sinch-marquee-gradient-size),#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--sinch-marquee-gradient-size),#000 calc(100% - var(--sinch-marquee-gradient-size)),transparent 100%)}@keyframes marquee-scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes marquee-scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}@keyframes marquee-scroll-up{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}@keyframes marquee-scroll-down{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}