.circular-progress-bar {
  & &__back-arc {
    stroke: var(
      --wds-circular-progress-bar-background-fill-standard,
      var(--wds-color-fill-standard-secondary-disabled)
    );
  }

  &--skin-premium &__back-arc {
    stroke: var(
      --wds-circular-progress-bar-background-fill-premium,
      var(--wds-color-fill-premium-secondary-disabled)
    );
  }

  &--skin-success &__back-arc {
    stroke: var(
      --wds-circular-progress-bar-background-fill-success,
      var(--wds-color-fill-success-secondary-disabled)
    );
  }

  &--error &__back-arc {
    stroke: var(
      --wds-circular-progress-bar-background-fill-error,
      var(--wds-color-fill-destructive-secondary-disabled)
    );
  }

  &--light &__back-arc {
    stroke: var(
      --wds-color-white,
      var(--wsr-color-D80-30, rgba(255, 255, 255, 0.3))
    );
  }

  & &__label,
  & &__progress-indicator {
    line-height: var(--wds-circular-progress-bar-label-font-line-height, 18px);
  }
}