@use '../core/style/spacing' as *;

$uxg-paginator-height: 44px;
$uxg-paginator-icon-height: 20px;

.mat-mdc-paginator {
  height: $uxg-paginator-height;

  .mat-mdc-paginator-container {
    height: $uxg-paginator-height;
    min-height: $uxg-paginator-height;

    .mat-mdc-paginator-page-size {
      height: $uxg-paginator-height;

      .mat-mdc-paginator-page-size-select {
        margin: $uxg-spacing-0;
      }

      .mat-mdc-paginator-page-size-label {
        margin-right: $uxg-spacing-2;
      }
    }

    .mat-mdc-paginator-range-actions {
      .mat-mdc-paginator-range-label {
        margin-right: $uxg-spacing-5;
      }

      .mat-mdc-icon-button {
        .mat-mdc-button-wrapper {
          align-items: center;
          justify-content: center;
        }

        .mat-mdc-paginator-icon {
          width: $uxg-paginator-icon-height;
          height: $uxg-paginator-icon-height;
        }
      }
    }
  }
}