.progressButton .progressContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.progressButton .icon {
  position: absolute;
  margin: 0;
  font-size: 0.625rem;
}
.progressButton .progressBar {
  margin: 0;
  text-align: initial;
}
.progressButton:global(.neutral) .progressBar.radial .bar {
  border-color: rgb(var(--sand-component-text-sub-color-rgb, 171, 174, 179));
}
:global(.spotlight-input-key) .progressButton:global(.neutral):global(.spottable):focus .progressBar.radial .fill,
:global(.spotlight-input-mouse) .progressButton:global(.neutral):global(.spottable):focus .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));
}
:global(.spotlight-input-touch) .progressButton:global(.neutral):global(.spottable):active .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));
}
:global(.enact-a11y-high-contrast) .progressButton:global(.neutral):global(.highContrast) .progressBar.radial .bar {
  border-color: rgb(var(--sand-component-text-sub-color-rgb, 171, 174, 179));
}
:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .progressButton:global(.neutral):global(.highContrast):global(.spottable):focus .progressBar.radial .fill,
:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .progressButton:global(.neutral):global(.highContrast):global(.spottable):focus .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));
}
:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .progressButton:global(.neutral):global(.highContrast):global(.spottable):active .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));
}
.progressButton:global(.light) .progressBar.radial .bar {
  border-color: rgb(var(--sand-component-text-sub-color-rgb, 171, 174, 179));
}
:global(.spotlight-input-key) .progressButton:global(.light):global(.spottable):focus .progressBar.radial .fill,
:global(.spotlight-input-mouse) .progressButton:global(.light):global(.spottable):focus .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));
}
:global(.spotlight-input-touch) .progressButton:global(.light):global(.spottable):active .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));
}
.progressButton:global(.game) .progressBar.radial .bar {
  border-color: rgb(var(--sand-component-text-sub-color-rgb, 171, 174, 179));
}
:global(.spotlight-input-key) .progressButton:global(.game):global(.spottable):focus .progressBar.radial .fill,
:global(.spotlight-input-mouse) .progressButton:global(.game):global(.spottable):focus .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));
}
:global(.spotlight-input-touch) .progressButton:global(.game):global(.spottable):active .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));
}
:global(.green) .progressButton:global(.game) .progressBar.radial .bar {
  border-color: rgb(var(--sand-component-text-sub-color-rgb, 171, 174, 179));
}
:global(.spotlight-input-key) :global(.green) .progressButton:global(.game):global(.spottable):focus .progressBar.radial .fill,
:global(.spotlight-input-mouse) :global(.green) .progressButton:global(.game):global(.spottable):focus .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));
}
:global(.spotlight-input-touch) :global(.green) .progressButton:global(.game):global(.spottable):active .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));
}
:global(.orange) .progressButton:global(.game) .progressBar.radial .bar {
  border-color: rgb(var(--sand-component-text-sub-color-rgb, 171, 174, 179));
}
:global(.spotlight-input-key) :global(.orange) .progressButton:global(.game):global(.spottable):focus .progressBar.radial .fill,
:global(.spotlight-input-mouse) :global(.orange) .progressButton:global(.game):global(.spottable):focus .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));
}
:global(.spotlight-input-touch) :global(.orange) .progressButton:global(.game):global(.spottable):active .progressBar.radial .fill {
  border-color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));
}