:root {
  --minHeight: 0.25rem;
}

.progressBar {
  display: flex;
  align-items: center;
  background-color: #4d5153;
  height: auto;
  min-height: var(--minHeight);;
  width: 100%;
  border-radius: 0.35rem;

}

.progressBar.noPct {
  height: 0.5rem;
}

.progress {
  display: flex;
  align-items: center;
  border-radius: inherit;
  height: 100%;
  min-height: var(--minHeight);
}

.pct {
  font-size: 0.9rem;
  font-weight: 600;
  width: max-content;
  padding: 0 0.5rem;
  user-select: none;
}

/* ========== Media Queries ========== */
@media only screen and (max-width: 414px) {

}