How to style progress-spinner

Styles from the material/progress-spinner package can be customized using the progress-spinner-overrides mixin. This mixin accepts a set of tokens that control how the components will look, either for the entire app or under a specific selector. For example:
@use '@angular/material' as mat;

// Customize the entire app. Change :root to your selector if you want to scope the styles.
:root {
  @include mat.progress-spinner-overrides((
    active-indicator-color: orange,
  ));
}
You can find the full list of supported mixins and tokens below.

Tokens supported by progress-spinner-overrides

NameTypeBased on system token
active-indicator-widthBase None
sizeBase None
active-indicator-colorColor--mat-sys-primary
Azure & Blue theme selected.