.bar {
  height: 0.5rem;
  background: var(--light-gray);
}
.bar-fill {
  height: 100%;
  width: 0%;
  transition: width var(--transition);
}
.psd-labels {
  gap: 1.5rem;
}
.psd-labels input[type="checkbox"] {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.25rem;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .psd-labels {
    gap: 1rem;
  }
}