@import '../index.less';
@btri-pagination: ~'@{ant-prefix}-btri-pagination';
@ant-pagination: ~'@{ant-prefix}-pagination';

.@{btri-pagination}-box {
  display: flex;
  gap: 10px;
}

.@{btri-pagination} {
  white-space: nowrap;

  &-prev,
  &-next {
    font-size: var(--h1-font-size);
    color: var(--gray-7);
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  &-prev:hover,
  &-next:hover {
    background: var(--gray-blue-2);
    border-radius: var(--border-radius-base);
    color: var(--caption-font);
  }

  .@{ant-pagination}-jump-next:hover,
  .@{ant-pagination}-jump-prev:hover {
    background: var(--gray-blue-2);
    border-radius: var(--border-radius-base);
    color: var(--caption-font);

    .@{ant-pagination}-item-ellipsis,
    svg {
      color: var(--caption-font) !important;
    }
  }

  .@{ant-pagination}-item-active {
    background: var(--primary-color);

    a {
      color: var(--white);
      font-weight: normal;
    }
  }

  .@{ant-pagination}-item-active:hover {
    a {
      color: var(--white);
    }
  }

  .@{ant-pagination}-item {
    border-radius: var(--border-radius-base);
  }
}

.@{ant-pagination}-mini {
  .@{ant-pagination}-item,
  .@{ant-pagination}-next,
  .@{ant-pagination}-prev {
    margin-right: 8px !important;
  }

  .@{ant-pagination}-item {
    margin: 0;
    border: none;
    line-height: 24px;
  }

  .@{ant-pagination}-item a {
    height: 24px;
  }

  .@{ant-pagination}-item:hover a {
    background: var(--gray-blue-2);
    border-radius: var(--border-radius-base);
    color: var(--caption);
    border: none;
  }

  .@{ant-pagination}-item-active:hover a {
    background: var(--primary-color);
    color: var(--white);
  }
}

.@{btri-pagination}-containers {
  width: 100%;
  text-align: end;

  .@{ant-pagination}-total-text {
    float: left;
  }

  .@{ant-prefix}-select-item-option-content {
    text-align: center;
  }
}

.@{ant-pagination}-disabled {
  .@{ant-prefix}-btri-icon-box {
    color: var(--disable-font);
  }
}