@use '../functions' as *;
@use '../utils/utilities' as util;

.pgh-mat {
  .mat-mdc-tab-body-wrapper {
    overflow: visible;
  }

  .mat-mdc-tab-group.mat-mdc-tab-group-dynamic-height {
    .mat-mdc-tab-body-wrapper {
      overflow: visible;
    }

    .mat-mdc-tab-body {
      overflow-y: visible;
    }

    .mat-mdc-tab-body.mat-mdc-tab-body-active {
      overflow-y: visible;
    }

    .mat-mdc-tab-body-content {
      height: 100%;
      overflow: visible;
    }
  }

  .mat-mdc-tab-header {
    margin-bottom: var(--mat-tab-header-margin-bottom);
  }

  .mat-mdc-tab-labels {
    @include util.font-weight-without-variable-support('bold');

    &.mdc-tab-indicator--active {
      color: var(--primary-700);
    }
  }
  .pgh-mat-tab-header-box {
    > .mat-mdc-tab-header {
      border-bottom: none;
      @include box;
    }
  }
}