title: Angular material stepper header lines styling
body: <p>I'm trying to implement this design for the steps, but not successful so far, the closest I got, was giving color to the line next to the current active step:</p>
  
  <pre><code>.mat-horizontal-stepper-header {
  padding: 0 8px 0 16px !important;
  &amp;[ng-reflect-active="true"]+.mat-stepper-horizontal-line {
      border-top-color: rgba(37, 82, 245, 0.54) !important;
  }
  </code></pre>
  
  <p>}</p>
  
  <p>but the purpose is to color the previous line of the active step as in the picture.</p>
  
  <p><a href="https://i.stack.imgur.com/MPT3T.png" rel="noreferrer"><img src="https://i.stack.imgur.com/MPT3T.png" alt="desired steps design"></a></p>
  
  <p>any thoughts on this?
  here's a stackblitz for repro <a href="https://stackblitz.com/edit/angular-ngcsei" rel="noreferrer">https://stackblitz.com/edit/angular-ngcsei</a></p>