/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/components/NewsTicker.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.ticker-wrapper {
  background-color: #f30909;
  color: white;
  padding: 8px 0;
  overflow: hidden;
  white-space: nowrap;
}

.ticker {
  display: inline-block;
  animation: scroll-right 30s linear infinite; /* default */
}

/* keep both directions so you can toggle */
@keyframes scroll-left {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

@keyframes scroll-right {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.ticker-item {
  display: inline-block;
  padding: 0 30px;
  font-weight: bold;
  font-size: 18px;
}