.overlay-auto-value {
  display: grid;
  min-width: 88px;
  justify-items: end;
  gap: 4px;
}

.overlay-auto-value strong {
  font-size: 18px;
}

.overlay-auto-value span {
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(82, 172, 241, .13);
  color: #82c8f5;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
}

.overlay-auto-value .hit {
  background: rgba(102, 227, 168, .13);
  color: #75e8af;
}

.overlay-auto-value .miss {
  background: rgba(255, 105, 116, .13);
  color: #ff858f;
}

.overlay-feed-note {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 10px 0;
  color: var(--muted);
  font-size: 10px;
}

.overlay-live.scheduled,
.overlay-live.unavailable {
  border-color: rgba(144, 166, 160, .25);
  background: rgba(144, 166, 160, .08);
  color: #a8bbb6;
}

.overlay-live.scheduled i,
.overlay-live.unavailable i {
  background: #8aa09a;
  box-shadow: none;
}

.overlay-legs article.unsupported {
  border-color: rgba(237, 177, 77, .38);
}

@media (max-width: 680px) {
  .overlay-progress-row {
    grid-template-columns: 1fr auto;
  }
}