@import '../../styles/colors.scss';

.main {
  padding-left: 15px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
}

::ng-deep {
  .mat-tab-body-wrapper {
    padding-top: 15px;
  }
  .mat-tab-label-active {
    background-color: #fff !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 12px 0 rgba(34, 33, 78, 0.08), 0 2px 4px 0 rgba(34, 33, 78, 0.1) !important;
    opacity: 1 !important;
  }

  .mat-tab-label {
    font-family: "PT Sans";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 20px;

    &:not(::ng-deep.mat-tab-label-active):not(:last-child)::after {
      content: '';
      border-right: 2px solid $color-white-1;
      height: 32px;
      position: absolute;
      right: 0;
    }
  }

  .mat-tab-list ::ng-deep.mat-ink-bar {
    display: none;
  }

  .mat-tab-labels {
    background-color: $color-gray2;
    border-radius: 6px;
    padding: 5px;
  }

  .mat-tab-header {
    border-bottom: unset;
  }
}