.mdc-linear-progress,
.mdc-linear-progress__bar{
  height: 3px !important;
}
.mdc-linear-progress__bar-inner{
  border-top-width: 3px !important;
}
.mdc-linear-progress__buffer-bar{
  background-color: var(--color-on-surface-neutral-disabled) !important;
  border-radius: var(--border-radius-interface)
}
.mat-mdc-progress-spinner circle, .mat-spinner circle{
  stroke: var(--color-surface-brand-idle);
}
.progress-spinner-container {
  position: relative;
  display: flex;
  justify-content: center;

  .spinner-background {
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: center;
    overflow: hidden;
    border-color: var(--color-on-surface-neutral-disabled);
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    font-weight: var(--font-weights-700);
    font-size: var(--font-size-m);
    display: flex;
    align-items: center;
    justify-content: center;
    span {
      display: inline-block;
      padding-top: 4px;
    }
  }
}
.mdc-linear-progress__buffer-bar{
  background-color: var(--color-on-surface-neutral-disabled);
}
.mat-mdc-progress-bar .mdc-linear-progress__bar-inner{
  border-color: var(--color-on-surface-brand-primary) !important;
}

.mat-progress-bar-buffer {
  background-color: var(--color-surface-neutral-default);
}

.mat-progress-bar-fill::after {
  background-color: var(--color-surface-brand-default);
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: var(--color-surface-brand-default);
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: var(--color-surface-brand-default);
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: var(--color-surface-brand-default);
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: var(--color-surface-danger-default);
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: var(--color-surface-danger-default);
}

.mat-mdc-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: var(--color-surface-danger-default);
}

.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle, .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{
  stroke: var(--color-surface-brand-idle) !important;
}