@use '@angular/cdk';
@use './tabs-common';

@include tabs-common.paginated-tab-header;

.mat-mdc-tab-label-container {
  @include tabs-common.paginated-tab-header-container('.mat-mdc-tab-group-inverted-header');
}

.mat-mdc-tab-labels {
  @include tabs-common.paginated-tab-header-item-wrapper('.mat-mdc-tab-header');
}

.mat-mdc-tab {
  // For the tab element, default inset/offset values are necessary to ensure that
  // the focus indicator is sufficiently contrastive and renders appropriately.
  &::before {
    margin: 5px;
  }

  @include cdk.high-contrast {
    // When a tab is disabled in high contrast mode, set the text color to the disabled
    // color, which is (unintuitively) named "GrayText".
    &[aria-disabled='true'] {
      color: GrayText;
    }
  }
}