declare const MARQUEE_TICKER_CSS_TEXT = ".react-marquee-ticker {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n}\n.react-marquee-ticker-list-wrapper {\n  flex: 1;\n  overflow: hidden;\n}\n.react-marquee-ticker-list {\n  display: block;\n  white-space: normal;\n  margin-top: 0;\n}\n.react-marquee-ticker .ticker-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  overflow: hidden;\n}\n.react-marquee-ticker .ticker-mask {\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.react-marquee-ticker .ticker-text {\n  display: inline-block;\n  transform: translateX(0);\n  will-change: transform;\n  line-height: normal;\n  font-size: 14px;\n  width: 100%;\n  overflow: hidden;\n}\n.react-marquee-ticker .ticker-text.marquee {\n  animation: textMarquee var(--marquee-duration) linear forwards;\n}\n.react-marquee-ticker-auto-marquee .ticker-mask {\n  white-space: nowrap;\n}\n.react-marquee-ticker-auto-marquee .ticker-text {\n  white-space: nowrap;\n  width: auto;\n  overflow: initial;\n  text-overflow: initial;\n}\n.react-marquee-ticker-single-line .ticker-text {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n@keyframes textMarquee {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(var(--scroll-x));\n  }\n}\n";
declare const MARQUEE_TICKER_STYLE_ID = "react-marquee-ticker-style";