@mixin stepper-theme($theme) {
  $primary: map-get($theme, primary);
  $accent: map-get($theme, accent);
  $foreground: map-get($theme, foreground);
  $background: map-get($theme, background);

  .stepper {
    .step {
      color: mat-color($foreground,base);

      &.step-circle {
        color: mat-color($primary,50);
        @include full-color(mat-color($background,disabled-button-toggle));

      }

      &.active,
      &.completed,
      &.current {
        cursor: pointer;

        &.step-circle {
          @include full-color(mat-color($accent,A200));
        }
      }

      &.active {
        .step-title {
          color: mat-color($accent,A200);
        }

      }
    }

    .mat-progress-bar {
      position: absolute;

      .mat-progress-bar-buffer {
        background-color: mat-color($background,disabled-button-toggle);
      }
    }
  }
}
