material-switch {
  .material-switch {
    position: relative;
    display: inline-block;

    .readonly-panel {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: 1;
    }

    .mat-slide-toggle.mat-checked:not(.mat-disabled) {
      .mat-slide-toggle-bar {
        background-color: rgba(red(@CLR_BRAND), green(@CLR_BRAND), blue(@CLR_BRAND), @MATERIAL_SWITCH_ALPHA);
      }

      .mat-slide-toggle-thumb {
        background-color: @CLR_BRAND;
      }
    }
    .mat-ripple-element {
      background-color: rgba(red(@CLR_BRAND), green(@CLR_BRAND), blue(@CLR_BRAND), @MATERIAL_SWITCH_ALPHA);
    }
  }
}