@mixin uxg-filter-group-theme($theme) {
  $primary: map-get($theme, primary);
  $foreground: map-get($theme, foreground);
  $background: map-get($theme, background);


  uxg-filter-group {
    .uxg-side-badge .mat-badge-content {
      color: mat-color($primary, default);
      background-color: mat-color($primary, default, 0.15);
      border-color: mat-color($primary, default, 0.15);
    }

    .uxg-expansion-filter {

      .expand-button {
        background-color: mat-color($primary, default, 0.15);
      }

      .filter-value {
        color: mat-color($primary, default);
      }
    }

    .expansion-panel-header,
    .filter-group-dialog-header {
      background-color: mat-color($background, status-bar, 0.5);
    }
  }
}

@mixin uxg-filter-group-typography($config) {
  uxg-filter-group {
    .mat-expansion-panel-header {
      .uxg-filter-group-header {
        .selectedFilters {
          @include mat-typography-level-to-styles($config, subtitle-3);
        }
      }
    }
  }
}