.progressBar {
  height: 0.25rem;
  margin: 0.375rem;
}
.progressBar.vertical {
  min-height: 5rem;
  width: 0.25rem;
}
.progressBar:global(.moonstone) .bar {
  background-color: rgba(204, 204, 204, 0.2);
}
.progressBar:global(.moonstone) .fill {
  background-color: #cf0652;
}
.progressBar:global(.moonstone) .load {
  background-color: rgba(237, 237, 237, 0.2);
}
.progressBar:global(.moonstone).highlighted .fill {
  background-color: #fff;
}
:global(.enact-a11y-high-contrast) .progressBar:global(.moonstone.highContrast) .bar {
  background-color: rgba(204, 204, 204, 0.2);
}
:global(.enact-a11y-high-contrast) .progressBar:global(.moonstone.highContrast) .fill {
  background-color: #fff;
}
:global(.enact-a11y-high-contrast) .progressBar:global(.moonstone.highContrast) .load {
  background-color: rgba(237, 237, 237, 0.2);
}
:global(.enact-a11y-high-contrast) .progressBar:global(.moonstone.highContrast).highlighted .fill {
  background-color: #fff;
}
.progressBar:global(.moonstone-light) .bar {
  background-color: rgba(51, 51, 51, 0.2);
}
.progressBar:global(.moonstone-light) .fill {
  background-color: #cf0652;
}
.progressBar:global(.moonstone-light) .load {
  background-color: rgba(51, 51, 51, 0.3);
}
.progressBar:global(.moonstone-light).highlighted .fill {
  background-color: #4d4d4d;
}
:global(.enact-a11y-high-contrast) .progressBar:global(.moonstone-light.highContrast) .bar {
  background-color: rgba(51, 51, 51, 0.2);
}
:global(.enact-a11y-high-contrast) .progressBar:global(.moonstone-light.highContrast) .fill {
  background-color: #000;
}
:global(.enact-a11y-high-contrast) .progressBar:global(.moonstone-light.highContrast) .load {
  background-color: rgba(51, 51, 51, 0.3);
}
:global(.enact-a11y-high-contrast) .progressBar:global(.moonstone-light.highContrast).highlighted .fill {
  background-color: #000;
}