/*******************************************************************************
 * PROGRESS BAR BACKGROUND
 *******************************************************************************/

.aero-progress-bar {
  overflow: hidden;

  border: 1px solid var(--aero-c-control-border);
  border-bottom-color: var(--aero-c-button-border);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--aero-c-button-light);

  background-color: var(--aero-c-progress-bg);
  background-image: var(--aero-g-progress-bg);
}

/*******************************************************************************
 * PROGRESS BAR
 *******************************************************************************/

.aero-progress-bar > .aero-progress-bar-inner {
  height: 20px;

  background-image:
    var(--aero-g-progress-bg),
    var(--aero-g-progress-bar);
}