progress.pcss.css in Drupal 10

Progress bar specific styles.

File

core/themes/olivero/css/components/progress.pcss.css

/**
 * @file
 * Progress bar specific styles.
 */

@import "../base/media-queries.pcss.css";

.progress__track {
  overflow: hidden;
  height: var(--sp);
  border: 1px solid var(--color--primary-40);
  border-radius: var(--border-radius);
}

.progress__bar {
  height: var(--sp);
  background-color: var(--color--primary-40);
}

.progress__percentage {
  margin-inline-start: 1rem;
}