/**
 *
 * This file may have been modified by Bytedance Inc. (“Bytedance Inc.'s Modifications”). 
 * All Bytedance Inc.'s Modifications are Copyright (year) Bytedance Inc..  
 * 
 * This source code is licensed under the Apache license.
 * See LICENSE file in the project root for license information.
 *
 */
.@{ant-prefix}-pagination:not(.sp-null) {
  color: @color-text-icon-0;

  // 前面showTotal的文本
  .@{ant-prefix}-pagination-total-text {
    height: 20px;
    line-height: 19px;
    color: @color-text-icon-1;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: normal;
    font-size: @font-size-base;
    margin: 0 16px;
  }

  .@{ant-prefix}-pagination-jump-prev,
  .@{ant-prefix}-pagination-jump-next {
    .@{ant-prefix}-pagination-item-container .@{ant-prefix}-pagination-item-ellipsis {
      color: transparent;
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12a1 1 0 11-2 0 1 1 0 012 0zM13 12a1 1 0 11-2 0 1 1 0 012 0zM16 13a1 1 0 100-2 1 1 0 000 2z' fill='%23565960'/%3E%3C/svg%3E");
      background-size: 100%;
      background-repeat: no-repeat;
    }
  }

  .@{ant-prefix}-pagination-item-link-icon {
    font-size: 16px;
    margin: 4px;

    svg path {
      d: path(
        'M469.5 762.6a28.5 28.5 0 0040.3 0l228-228a28.5 28.5 0 000-40.2l-228-228a28.5 28.5 0 00-40.3 40.2l208 207.9-208 207.9a28.5 28.5 0 000 40.2zm-183.2 0a28.5 28.5 0 0040.3 0l228-228a28.5 28.5 0 000-40.2l-228-228a28.5 28.5 0 10-40.3 40.2l208 207.9-208 207.9a28.5 28.5 0 000 40.2z'
      );
    }
    @supports (d: path('')) {

      &.anticon-double-left {
        transform: rotate(180deg);
      }
    }
  }
  .@{ant-prefix}-pagination-item-link {
    border-color: @pagination-front-next-item-border-color;

    .anticon-right,
    .anticon-left {
      font-size: 16px;
      margin: 3px;

      svg path {
        d: path(
          'M652.9 771.8a29.8 29.8 0 01-42.2 0l-239-239a29.8 29.8 0 010-42.1l239-239a29.8 29.8 0 0142.2 42.2l-218 217.9 218 217.9a29.8 29.8 0 010 42.1z'
        );
      }
    }
    @supports (d: path('')) {

      .anticon-right {
        transform: rotate(180deg);
      }
    }
  }

  .@{ant-prefix}-pagination-options {
    display: inline-flex;
    align-items: center;
    .@{ant-prefix}-select-selection-item:not(.sp-null) {
      opacity: 1;
    }

    // 跳转的输入框
    .@{ant-prefix}-pagination-options-quick-jumper {
      margin: 0 8px;

      input {
        text-align: center;
        padding: 0 8px;
        height: @pagination-item-size;
        line-height: @pagination-item-size;
      }
    }
  }
}
// hover颜色
.@{ant-prefix}-pagination-item {
  background-color: @pagination-item-bg;
  border: 1px solid @pagination-item-border-color;

  a {
    padding: 0 4px;
    color: @color-text-icon-0;
  }

  &:focus-visible,
  &:focus,
  &:hover {
    border: 1px solid @pagination-item-border-color-hover;

    a {
      color: @color-primary-hover;
    }
  }
}

.@{ant-prefix}-pagination-disabled .@{ant-prefix}-pagination-item-link {
  background: @disabled-bg;
}

.@{ant-prefix}-pagination-item-active {
  background: @pagination-item-bg-active;
  border: 1px solid @pagination-item-border-color-active;

  a {
    color: @pagination-item-font-color-active;
  }

  &:focus,
  &:hover {
    border: 1px solid @pagination-item-border-color-active;

    a {
      color: @pagination-item-font-color-active;
    }
  }
}

.@{ant-prefix}-pagination-options-size-changer {
  .@{ant-prefix}-select-selector {
    min-width: @pagination-item-size;
    height: @pagination-item-size;
    line-height: @pagination-item-size;
  }
  .@{ant-prefix}-select-selection-selected-value {
    line-height: @pagination-item-size - 2px;
  }
}

.@{ant-prefix}-pagination:not(.sp-null) {
  .@{ant-prefix}-select-selection .@{ant-prefix}-select-selector__rendered {
    line-height: @pagination-item-size - 2px;
  }
  .@{ant-prefix}-select-selection-item:not(.sp-null),
  .@{ant-prefix}-select-selection-placeholder:not(.sp-null):not(.sp-null) {
    line-height: @pagination-item-size - 2px;
    height: @pagination-item-size;
    padding-right: 18px;
  }

  .@{ant-prefix}-select-single:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
    line-height: @pagination-item-size - 2px;
    height: @pagination-item-size;
  }
}

.@{ant-prefix}-pagination-options
.@{ant-prefix}-select-single.@{ant-prefix}-select-sm:not(.@{ant-prefix}-select-customize-input)
.@{ant-prefix}-select-selector
.@{ant-prefix}-select-selection-item {
  line-height: 23px;
}