.tare-news-ticker {
  --ticker-bg: rgba(28, 25, 21, 0.86);
  --ticker-border: #2a1b12;
  --ticker-color: #fff0a9;
  --ticker-height: 31px;
  --ticker-radius: 999px;
  --ticker-font-size: clamp(0.66rem, 3vw, 0.82rem);
  --ticker-shadow: 0 4px 0 rgba(42, 27, 18, 0.9);
  --ticker-speed: 72;
  --ticker-duration: 14s;
  --ticker-text-offset: 0px;

  position: relative;
  display: block;
  height: var(--ticker-height);
  overflow: hidden;
  border: 2px solid var(--ticker-border);
  border-radius: var(--ticker-radius);
  background: var(--ticker-bg);
  color: var(--ticker-color);
  font-family: "Courier New", "Yu Gothic", "Meiryo", monospace;
  font-size: var(--ticker-font-size);
  font-weight: 900;
  line-height: calc(var(--ticker-height) - 4px);
  box-shadow: var(--ticker-shadow);
  pointer-events: auto;
}

.tare-news-ticker[hidden],
.tare-news-ticker.is-empty {
  display: none;
}

.tare-news-ticker__track {
  display: inline-block;
  min-width: 100%;
  margin: 0;
  padding-left: 100%;
  white-space: nowrap;
  animation: tare-news-scroll var(--ticker-duration) linear infinite;
  transform: translateY(var(--ticker-text-offset));
  will-change: transform;
}

.tare-news-ticker__track.is-paused {
  animation-play-state: paused;
}

.tare-news-ticker__item {
  color: inherit;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .55);
}

.tare-news-ticker__item[href]:hover {
  color: #fff;
}

.tare-news-ticker__item.is-celebration {
  color: #ffe14a;
  text-shadow:
    1px 1px 0 rgba(0, 0, 0, .7),
    0 0 8px rgba(255, 225, 74, .45);
}

.tare-news-ticker__item.is-presence {
  color: #9fffd8;
}

@keyframes tare-news-scroll {
  from {
    transform: translateX(0) translateY(var(--ticker-text-offset));
  }

  to {
    transform: translateX(-100%) translateY(var(--ticker-text-offset));
  }
}