$prefix: 'teamix-pro-pagination';

.#{$prefix} {
  &-wrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  &-custom-total {
    &-content {
      display: flex;
      align-items: center;
      .next-menu {
        min-width: 56px !important;
        .next-menu-item.next-select-menu-item {
          padding: 0 8px !important;
        }
      }
    }
  }
  &-custom-mini-pagination {
    display: flex;
    align-items: center;
  }
  &-custom-jumper {
    display: flex;
    align-items: center;
    .jump-input {
      width: 36px;
      input {
        padding: 0 3px;
        text-align: center;
        line-height: 30px;
      }
    }
    .total {
      margin-left: 8px;
      margin-right: 4px;
      color: var(--color-text1-2);
    }
    .next-prev {
      margin-left: 8px;
      margin-right: 4px;
    }
    .next-pagination-item:disabled i {
      color: var(--btn-pure-normal-color-disabled, #CCCCCC) !important;
    }
  }
  &-custom-page-size-selector.next-select-trigger {
    min-width: 56px;
    .next-select-inner {
      min-width: 56px;
    }
  }
}