.progress-bar__wrapper {
  display: flex;
  background-color: rgba(217, 222, 228, .6);
  border-radius: var(--rounded-lg);
  overflow: hidden;
  height: 1rem;
  width: 100%;
  margin-bottom: .25rem;
}

.progress-bar {
  background-color: var(--blue-600);
}

@media (prefers-color-scheme: dark) {
  .progress-bar {
    background-color: var(--blue-400);
  }
}