@import "../../scss/utilities/index";

mat-paginator {
  &.mat-mdc-paginator {
    &, .table-ui__paginator & {
      color: var(--color-gray-500);

      .mat-mdc-paginator-range-label {
        @include fontSize(14px);

        font-weight: $font-weight-bold;
        margin: calc-rem(0 32px 0 0);
      }

      .mat-mdc-select-trigger .mat-mdc-select-value {
        font-size: calc-rem(14px);
      }


      .mat-mdc-paginator-container {
        justify-content: space-between;
      }

      .mat-mdc-paginator-page-size {
        font-size: calc-rem(14px);
        display: flex;
        align-items: center
      }

      .mat-mdc-form-field-infix {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0;
      }

      .mat-mdc-paginator-page-size-label {
        margin: calc-rem(0 16px 0 0);
      }

      .mat-mdc-paginator-range-actions {
        .mdc-icon-button {
          border: 1px solid var(--color-gray-300);
          border-radius: 0.25rem;
          display: flex;
          justify-content: center;
          align-items: center;
          width: calc-rem(40px);
          height: calc-rem(40px);
          line-height: 1;
          padding: 0;

          &.mat-mdc-paginator-navigation-previous {
            margin-right: 16px;
          }
        }
      }
    }
  }

  .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading {
    border-width: 0;
  }
}

.paginator--selector {
  .mat-mdc-option {
    @include fontSize($font-size-xs);
  }

  .mat-mdc-select-value {
    @include fontSize($font-size-md);
  }
}