@keyframes marquee-first-animation {
  from {
    transform: translate3d(0%, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes marquee-second-animation {
  from {
    transform: translate3d(0%, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

.tn-ticker {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  user-select: none;
  text-decoration: none;
  color: var(--color);
  background: var(--background);
  text-decoration: none;
}

.tn-ticker:hover .tn-ticker-item {
  animation-play-state: paused;
}

.tn-ticker-item {
  display: inline-flex;
  font-family: var(--font), sans-serif;
  font-size: var(--fontSize);
  color: var(--color);

  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: var(--duration);
}

.tn-ticker-reverse .tn-ticker-item {
  animation-direction: reverse;
}

.tn-ticker-item > span {
  display: inline-flex;
  align-items: center;
  font-size: inherit;
  font-family: inherit;
  padding: var(--padding) var(--space) var(--padding) 0;
  white-space: nowrap;
  line-height: 0;
}

.tn-ticker-first-part {
  animation-name: marquee-first-animation;
}

.tn-ticker-second-part {
  animation-name: marquee-second-animation;
}

.text-rotator-outer {
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
  background: var(--background);
}

.text-rotator-inner {
  position: relative;
  left: 0;
  top: 0;
  padding: 0;
}

.text-rotator-inner > span {
  display: inline-flex;
  align-items: center;
  color: var(--color);
  font-size: var(--fontSize);
  font-family: var(--font), sans-serif;
  padding: var(--padding) var(--space) var(--padding) 0;
  white-space: nowrap;
  line-height: 0;
}

.ticker-notice-container * {
  margin: 0;
  padding: 0;
}

[data-ticker-section] * {
  margin: 0;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

[data-ticker-section] p {
  margin: 0;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.ticker-notice-container svg {
  color: currentColor;
}

.ticker-notice-container svg > * {
  color: currentColor;
}

.ticker-notice-container > div {
  font-size: calc((16 * var(--s)) * 1px);
}
