.capacity-ticker {
  align-items: center;
  background: linear-gradient(90deg, #8d0004 0%, #d3070d 48%, #8d0004 100%);
  border-bottom: 2px solid #e8b948;
  box-shadow: 0 3px 14px rgba(103, 0, 3, .45);
  color: #fff;
  display: flex;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 800;
  height: 38px;
  letter-spacing: .14em;
  line-height: 1;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 1.5%, #000 98.5%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 1.5%, #000 98.5%, transparent);
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  z-index: 100;
}

.capacity-ticker__track {
  animation: capacity-ticker-scroll 26s linear infinite;
  display: flex;
  flex: none;
  width: max-content;
  will-change: transform;
}

.capacity-ticker__group {
  align-items: center;
  display: flex;
  flex: none;
  gap: 1.25rem;
  padding-right: 1.25rem;
  white-space: nowrap;
}

.capacity-ticker__dot {
  color: #f7cb5a;
  font-size: 1.15em;
  text-shadow: 0 0 8px rgba(247, 203, 90, .75);
}

@keyframes capacity-ticker-scroll {
  to { transform: translateX(-50%); }
}

@media (max-width: 767px) {
  .capacity-ticker { font-size: 10px; height: 34px; letter-spacing: .1em; }
  .capacity-ticker__track { animation-duration: 20s; }
}

@media (prefers-reduced-motion: reduce) {
  .capacity-ticker__track { animation: none; }
}