.change-view-type {
  cursor: pointer;
  font-size: 12px;
  line-height: 1.2;
  color: var(--small-gray-text);
}

:host ::ng-deep mat-tab-group.mat-tab-group-gantt-plan {
  margin-top: 15px;

  mat-tab-header {
    .mat-tab-label {
      justify-content: start;

      min-width: 40px;
      height: 30px;
      margin-right: 20px;
      padding: 0;

      opacity: 1;

      .mat-tab-label-content {
        font: var(--default-text-font);
        font-family: var(--default-font-family);
        font-weight: 500;
      }

      &.mat-tab-label-active .mat-tab-label-content {
        color: var(--accent-color-bg);
      }
    }

    .mat-ink-bar {
      background-color: var(--accent-color-bg);
    }
  }
}