.o-progress {
  --progress-track-bg-color: var(--o-color-control4);
  --progress-color: var(--o-color-info1);

  --progress-label-gap: 8px;

  --progress-inner-label-color: var(--o-color-white);
  --progress-inner-label-gap: 8px;
}

.o-progress-medium {
  --progress-text-size: var(--o-font_size-text1);
  --progress-text-height: var(--o-line_height-text1);

  --progress-icon-size: var(--o-icon_size_control-m);
}

.o-progress-small {
  --progress-text-size: var(--o-font_size-tip2);
  --progress-text-height: var(--o-line_height-tip2);

  --progress-icon-size: var(--o-icon_size_control-xs);
}

.o-progress-primary {
  --progress-bar-bg-color: var(--o-color-main2);
  --progress-circle-bar-bg-color: var(--o-color-primary1);
  --progress-icon-color: var(--o-color-primary1);
}

.o-progress-success {
  --progress-bar-bg-color: var(--o-color-main2);
  --progress-circle-bar-bg-color: var(--o-color-success1);
  --progress-icon-color: var(--o-color-success1);
}

.o-progress-warning {
  --progress-bar-bg-color: var(--o-color-warning1);
  --progress-circle-bar-bg-color: var(--o-color-warning1);
  --progress-icon-color: var(--o-color-warning1);
}

.o-progress-danger {
  --progress-bar-bg-color: var(--o-color-danger1);
  --progress-circle-bar-bg-color: var(--o-color-danger1);
  --progress-icon-color: var(--o-color-danger1);
}