export declare const defaultTheme = "\n#ticker-container {\n  font-family: 'Verdana', 'Geneva', sans-serif;\n  max-width: 100vw;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.scrollLeft {\n  animation: scrollLeftAnimation 800s linear infinite;\n}\n\n.scrollRight {\n  animation: scrollRightAnimation 800s linear infinite;\n}\n\n@keyframes scrollLeftAnimation {\n  0% {\n      transform: translateX(100%);\n  }\n  100% {\n      transform: translateX(-100%);\n  }\n}\n\n@keyframes scrollRightAnimation {\n  0% {\n      transform: translateX(-100%);\n  }\n  100% {\n      transform: translateX(100%);\n  }\n}\n\n.ticker-wrapper {\n  display: flex;\n  gap: 1rem;\n  padding-block: 1rem;\n  width: max-content;\n  flex-wrap: nowrap;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n.ticker-item {\n  display: flex;\n  border-radius: 4px;\n  border: 1px solid #ccc;\n  align-items: center;\n  margin-right: 20px;\n  font-size: 18px;\n  padding: 10px;\n}\n\n.ticker-instrument {\n  color: rgb(102, 102, 102);\n  font-size: 12pt;\n}\n\n.ticker-label {\n  font-size: 12pt;\n  color: #555;\n  padding: 3px;\n}\n\n.ticker-indicator {\n  padding: 5px;\n  border-radius: 5px;\n  margin-left: 5px;\n  font-weight: bold;\n}\n\n.up {\n  border-left: 4px solid green;\n}\n\n.down {\n  border-left: 4px solid red;\n}\n\n.green {\n  color: green;\n}\n\n.red {\n  color: red;\n}";