.ticker_anim p {
	white-space: nowrap;
}

.ticker_container,
.ticker_anim {
  overflow: hidden;
  min-width: 0;
}

.ticker_anim {
  --ticker-duration: 8s;
}

.ticker_anim p[data-ticker-track] {
  display: flex;
  flex: none;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 0;

  width: max-content;
  min-width: 0;
  max-width: none;

  margin: 0;
  padding: 0;
  border: 0;

  white-space: nowrap;
  text-indent: 0;
  direction: ltr;

  transform-box: border-box;
  animation: none;
  will-change: transform;
}

.ticker_anim p[data-ticker-track]::before,
.ticker_anim p[data-ticker-track]::after {
  content: none;
}

.ticker_anim p[data-ticker-track] > .ticker_unit {
  all: unset;
  display: block;
  flex: none;
  width: max-content;
  white-space: nowrap;
}

.ticker_anim p[data-ticker-ready] {
  animation:
    ticker-continuous-scroll
    var(--ticker-duration)
    linear infinite;
}

.ticker_anim.ticker_reverse p[data-ticker-ready] {
  animation-direction: reverse;
}

@keyframes ticker-continuous-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% / var(--ticker-copies)));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ticker_anim p[data-ticker-ready] {
    animation: none;
    width: auto;
  }

  .ticker_anim p[data-ticker-track] > .ticker_unit {
    flex: 0 1 auto;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .ticker_anim .ticker_unit[aria-hidden="true"] {
    display: none;
  }
}