.paddock-placeholder {
  --paddock-placeholder-background: #000;
  --paddock-placeholder-color: rgba(244, 241, 234, 0.78);
  --paddock-placeholder-light: #ff1f18;
  --paddock-placeholder-light-dim: #8f0804;
  --paddock-placeholder-min-height: 420px;
  position: relative;
  display: grid;
  min-height: var(--paddock-placeholder-min-height);
  place-items: center;
  overflow: hidden;
  color: var(--paddock-placeholder-color);
  background: var(--paddock-placeholder-background);
}

.paddock-placeholder__content {
  display: grid;
  justify-items: center;
  gap: 0.8rem;
  padding: 1.25rem;
  text-align: center;
}

.paddock-placeholder__label {
  font: 800 0.72rem/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.paddock-placeholder__detail {
  max-width: 32rem;
  font: 500 0.82rem/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  opacity: 0.72;
}

.paddock-placeholder__lights {
  display: grid;
  grid-template-columns: repeat(5, 0.78rem);
  gap: 0.42rem;
  padding: 0.32rem 0.46rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.paddock-placeholder__lights span {
  width: 0.78rem;
  height: 0.78rem;
  border-radius: 50%;
  background: var(--paddock-placeholder-light-dim);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
  animation: paddock-placeholder-lights 1200ms cubic-bezier(0.45, 0, 0.2, 1) infinite;
}

.paddock-placeholder__lights span:nth-child(2) { animation-delay: 120ms; }
.paddock-placeholder__lights span:nth-child(3) { animation-delay: 240ms; }
.paddock-placeholder__lights span:nth-child(4) { animation-delay: 360ms; }
.paddock-placeholder__lights span:nth-child(5) { animation-delay: 480ms; }

.paddock-placeholder[data-paddock-placeholder-variant="custom"] .paddock-placeholder__content {
  min-height: inherit;
}

@keyframes paddock-placeholder-lights {
  0%, 100% {
    background: var(--paddock-placeholder-light-dim);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
  45%, 70% {
    background: var(--paddock-placeholder-light);
    box-shadow: 0 0 14px rgba(225, 6, 0, 0.56);
  }
}