.challenge-progress {
  min-width: 150px;
}

.challenge-progress-track {
  width: 100%;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.14);
  border: 1px solid rgba(148, 163, 184, 0.08);
}

.challenge-progress-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #22d3ee, #2dd4bf);
}

.challenge-progress-copy {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 7px;
  color: #8da4c3;
  font-size: 11px;
}

.challenge-progress-copy b {
  color: #d9f8ff;
  font-size: 11px;
}

.challenge-status,
.challenge-qualification {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(148, 163, 184, 0.08);
  color: #a9bad1;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .02em;
  white-space: nowrap;
}

.challenge-status::before,
.challenge-qualification::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: currentColor;
}

.challenge-status.active {
  color: #34d399;
  border-color: rgba(52, 211, 153, 0.2);
  background: rgba(52, 211, 153, 0.09);
}

.challenge-status.at-risk {
  color: #fbbf24;
  border-color: rgba(251, 191, 36, 0.2);
  background: rgba(251, 191, 36, 0.09);
}

.challenge-status.completed,
.challenge-qualification.qualified {
  color: #67e8f9;
  border-color: rgba(103, 232, 249, 0.22);
  background: rgba(34, 211, 238, 0.09);
}

.challenge-status.eliminated,
.challenge-qualification.not-qualified {
  color: #fb7185;
  border-color: rgba(251, 113, 133, 0.2);
  background: rgba(251, 113, 133, 0.09);
}

.challenge-qualification.in-progress {
  color: #93c5fd;
  border-color: rgba(147, 197, 253, 0.18);
  background: rgba(147, 197, 253, 0.08);
}

.challenge-privacy-note {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(45, 212, 191, 0.12);
  border-radius: 12px;
  background: rgba(13, 148, 136, 0.05);
  color: #8fa8bf;
  font-size: 12px;
  line-height: 1.55;
}

.challenge-privacy-note b {
  color: #bff7ee;
}

@media (max-width: 720px) {
  .challenge-progress {
    min-width: 125px;
  }
}