.px-pagination {
  display: inline-flex;
  align-items: center;
  flex-direction: wrap;
  color: var(--px-neutral-10);
}
.px-pagination > .px-pagination-page,
.px-pagination > .px-pagination-select,
.px-pagination > .px-pagination-jumper,
.px-pagination > .px-pagination-total {
  margin-right: 16px;
}
.px-pagination > .px-pagination-page:last-child,
.px-pagination > .px-pagination-select:last-child,
.px-pagination > .px-pagination-jumper:last-child,
.px-pagination > .px-pagination-total:last-child {
  margin-right: 0;
}
.px-pagination-page {
  display: inline-flex;
  align-items: center;
  flex-direction: wrap;
}
.px-pagination-page > .px-pagination-page-item,
.px-pagination-page > .px-pagination-page-simple-control {
  margin-right: 4px;
}
.px-pagination-page > .px-pagination-page-item:last-child,
.px-pagination-page > .px-pagination-page-simple-control:last-child {
  margin-right: 0;
}
.px-pagination-page-simple-control {
  display: flex;
  align-items: center;
}
.px-pagination-page-simple-control .px-pagination-input {
  margin-right: 4px;
}
.px-pagination-page-item {
  text-align: center;
  border-width: var(--px-bit);
  border-color: transparent;
  border-style: solid;
  transition: 0.25s;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  clip-path: polygon(var(--px-bit) 0%, calc(100% - var(--px-bit)) 0%, calc(100% - var(--px-bit)) var(--px-bit), 100% var(--px-bit), 100% calc(100% - var(--px-bit)), calc(100% - var(--px-bit)) calc(100% - var(--px-bit)), calc(100% - var(--px-bit)) 100%, var(--px-bit) 100%, var(--px-bit) calc(100% - var(--px-bit)), 0% calc(100% - var(--px-bit)), 0% var(--px-bit), var(--px-bit) var(--px-bit));
}
.px-pagination-page-item:focus {
  outline: none;
}
.px-pagination-page-item svg {
  fill: currentColor;
  width: 1em;
  height: 1em;
}
.px-pagination-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.px-pagination.px-pagination__small {
  font-size: 12px;
  line-height: var(--px-small-compat-base-size);
  height: var(--px-small-compat-size);
}
.px-pagination.px-pagination__small .px-pagination-icon-wrapper {
  height: 12px;
  width: 12px;
}
.px-pagination.px-pagination__small .px-pagination-page-item {
  height: var(--px-small-compat-size);
  min-width: var(--px-small-compat-size);
  line-height: var(--px-small-compat-base-size);
}
.px-pagination.px-pagination__small .px-pagination-select {
  height: var(--px-small-compat-size);
  min-height: var(--px-small-compat-size);
}
.px-pagination.px-pagination__small .px-pagination-select .px-select-label,
.px-pagination.px-pagination__small .px-pagination-select .px-select-content,
.px-pagination.px-pagination__small .px-pagination-select .px-select-placeholder {
  min-height: var(--px-small-compat-base-size);
  height: var(--px-small-compat-base-size);
}
.px-pagination.px-pagination__small .px-pagination-input {
  height: var(--px-small-compat-size);
}
.px-pagination.px-pagination__medium {
  font-size: 14px;
  line-height: var(--px-medium-compat-base-size);
  height: var(--px-medium-compat-size);
}
.px-pagination.px-pagination__medium .px-pagination-icon-wrapper {
  height: 14px;
  width: 14px;
}
.px-pagination.px-pagination__medium .px-pagination-page-item {
  height: var(--px-medium-compat-size);
  min-width: var(--px-medium-compat-size);
  line-height: var(--px-medium-compat-base-size);
}
.px-pagination.px-pagination__medium .px-pagination-select {
  height: var(--px-medium-compat-size);
  min-height: var(--px-medium-compat-size);
}
.px-pagination.px-pagination__medium .px-pagination-select .px-select-label,
.px-pagination.px-pagination__medium .px-pagination-select .px-select-content,
.px-pagination.px-pagination__medium .px-pagination-select .px-select-placeholder {
  min-height: var(--px-medium-compat-base-size);
  height: var(--px-medium-compat-base-size);
}
.px-pagination.px-pagination__medium .px-pagination-input {
  height: var(--px-medium-compat-size);
}
.px-pagination.px-pagination__large {
  font-size: 15px;
  line-height: var(--px-large-compat-base-size);
  height: var(--px-large-compat-size);
}
.px-pagination.px-pagination__large .px-pagination-icon-wrapper {
  height: 15px;
  width: 15px;
}
.px-pagination.px-pagination__large .px-pagination-page-item {
  height: var(--px-large-compat-size);
  min-width: var(--px-large-compat-size);
  line-height: var(--px-large-compat-base-size);
}
.px-pagination.px-pagination__large .px-pagination-select {
  height: var(--px-large-compat-size);
  min-height: var(--px-large-compat-size);
}
.px-pagination.px-pagination__large .px-pagination-select .px-select-label,
.px-pagination.px-pagination__large .px-pagination-select .px-select-content,
.px-pagination.px-pagination__large .px-pagination-select .px-select-placeholder {
  min-height: var(--px-large-compat-base-size);
  height: var(--px-large-compat-base-size);
}
.px-pagination.px-pagination__large .px-pagination-input {
  height: var(--px-large-compat-size);
}
.px-pagination-select .px-select-label,
.px-pagination-select .px-select-content,
.px-pagination-select .px-select-placeholder {
  flex-basis: 88px;
}
.px-pagination-input {
  width: 72px;
}
.px-pagination-jumper {
  display: flex;
  align-items: center;
}
.px-pagination-jumper-label {
  margin-right: 8px;
}
.px-pagination-page__ghost .px-pagination-page-item {
  color: var(--px-neutral-10);
}
.px-pagination-page__ghost .px-pagination-page-item:hover,
.px-pagination-page__ghost .px-pagination-page-item:focus {
  color: var(--px-primary-5);
}
.px-pagination-page__ghost .px-pagination-page-item:active {
  color: var(--px-primary-7);
}
.px-pagination-page__ghost .px-pagination-page-item__active {
  color: var(--px-primary-6);
  border-color: var(--px-primary-6);
}
.px-pagination-page__ghost .px-pagination-page-item__active:hover,
.px-pagination-page__ghost .px-pagination-page-item__active:focus {
  color: var(--px-primary-5);
  border-color: var(--px-primary-5);
}
.px-pagination-page__ghost .px-pagination-page-item__active:active {
  color: var(--px-primary-7);
  border-color: var(--px-primary-7);
}
.px-pagination-page__ghost .px-pagination-page-item__disabled {
  cursor: not-allowed;
  color: var(--px-neutral-7);
}
.px-pagination-page__ghost .px-pagination-page-item__disabled:hover,
.px-pagination-page__ghost .px-pagination-page-item__disabled:focus {
  color: var(--px-neutral-7);
}
.px-pagination-page__ghost .px-pagination-page-item__disabled:active {
  color: var(--px-neutral-7);
}
.px-pagination-page__ghost .px-pagination-page-item__disabled.px-pagination-page-item__active {
  color: var(--px-primary-2);
  border-color: var(--px-primary-2);
}
.px-pagination-page__ghost .px-pagination-page-item__disabled.px-pagination-page-item__active:hover,
.px-pagination-page__ghost .px-pagination-page-item__disabled.px-pagination-page-item__active:focus {
  color: var(--px-primary-2);
  border-color: var(--px-primary-2);
}
.px-pagination-page__ghost .px-pagination-page-item__disabled.px-pagination-page-item__active:active {
  color: var(--px-primary-2);
  border-color: var(--px-primary-2);
}
.px-pagination-page__text .px-pagination-page-item {
  color: var(--px-neutral-10);
}
.px-pagination-page__text .px-pagination-page-item:hover,
.px-pagination-page__text .px-pagination-page-item:focus {
  color: var(--px-primary-5);
}
.px-pagination-page__text .px-pagination-page-item:active {
  color: var(--px-primary-7);
}
.px-pagination-page__text .px-pagination-page-item__active {
  color: var(--px-primary-6);
}
.px-pagination-page__text .px-pagination-page-item__active:hover,
.px-pagination-page__text .px-pagination-page-item__active:focus {
  color: var(--px-primary-5);
}
.px-pagination-page__text .px-pagination-page-item__active:active {
  color: var(--px-primary-7);
}
.px-pagination-page__text .px-pagination-page-item__disabled {
  cursor: not-allowed;
  color: var(--px-neutral-7);
}
.px-pagination-page__text .px-pagination-page-item__disabled:hover,
.px-pagination-page__text .px-pagination-page-item__disabled:focus {
  color: var(--px-neutral-7);
}
.px-pagination-page__text .px-pagination-page-item__disabled:active {
  color: var(--px-neutral-7);
}
.px-pagination-page__text .px-pagination-page-item__disabled.px-pagination-page-item__active {
  color: var(--px-primary-2);
}
.px-pagination-page__text .px-pagination-page-item__disabled.px-pagination-page-item__active:hover,
.px-pagination-page__text .px-pagination-page-item__disabled.px-pagination-page-item__active:focus {
  color: var(--px-primary-2);
}
.px-pagination-page__text .px-pagination-page-item__disabled.px-pagination-page-item__active:active {
  color: var(--px-primary-2);
}
.px-pagination-page__outline .px-pagination-page-item {
  color: var(--px-neutral-8);
  border-color: var(--px-neutral-6);
}
.px-pagination-page__outline .px-pagination-page-item:hover,
.px-pagination-page__outline .px-pagination-page-item:focus {
  color: var(--px-primary-5);
  border-color: var(--px-primary-5);
}
.px-pagination-page__outline .px-pagination-page-item:active {
  color: var(--px-primary-7);
  border-color: var(--px-primary-7);
}
.px-pagination-page__outline .px-pagination-page-item__active {
  color: var(--px-primary-6);
  border-color: var(--px-primary-6);
}
.px-pagination-page__outline .px-pagination-page-item__active:hover,
.px-pagination-page__outline .px-pagination-page-item__active:focus {
  color: var(--px-primary-5);
  border-color: var(--px-primary-5);
}
.px-pagination-page__outline .px-pagination-page-item__active:active {
  color: var(--px-primary-7);
  border-color: var(--px-primary-7);
}
.px-pagination-page__outline .px-pagination-page-item__disabled {
  cursor: not-allowed;
  color: var(--px-neutral-6);
  border-color: var(--px-neutral-6);
}
.px-pagination-page__outline .px-pagination-page-item__disabled:hover,
.px-pagination-page__outline .px-pagination-page-item__disabled:focus {
  color: var(--px-neutral-6);
  border-color: var(--px-neutral-6);
}
.px-pagination-page__outline .px-pagination-page-item__disabled:active {
  color: var(--px-neutral-6);
  border-color: var(--px-neutral-6);
}
.px-pagination-page__outline .px-pagination-page-item__disabled.px-pagination-page-item__active {
  color: var(--px-primary-2);
  border-color: var(--px-primary-2);
}
.px-pagination-page__outline .px-pagination-page-item__disabled.px-pagination-page-item__active:hover,
.px-pagination-page__outline .px-pagination-page-item__disabled.px-pagination-page-item__active:focus {
  color: var(--px-primary-2);
  border-color: var(--px-primary-2);
}
.px-pagination-page__outline .px-pagination-page-item__disabled.px-pagination-page-item__active:active {
  color: var(--px-primary-2);
  border-color: var(--px-primary-2);
}
.px-pagination-page__solid .px-pagination-page-item {
  color: var(--px-neutral-10);
  background: var(--px-neutral-6);
}
.px-pagination-page__solid .px-pagination-page-item:hover,
.px-pagination-page__solid .px-pagination-page-item:focus {
  color: var(--px-neutral-1);
  background-color: var(--px-primary-5);
}
.px-pagination-page__solid .px-pagination-page-item:active {
  color: var(--px-neutral-1);
  background-color: var(--px-primary-7);
}
.px-pagination-page__solid .px-pagination-page-item__active {
  color: var(--px-neutral-1);
  background-color: var(--px-primary-6);
}
.px-pagination-page__solid .px-pagination-page-item__active:hover,
.px-pagination-page__solid .px-pagination-page-item__active:focus {
  color: var(--px-neutral-1);
  background-color: var(--px-primary-5);
}
.px-pagination-page__solid .px-pagination-page-item__active:active {
  color: var(--px-neutral-1);
  background-color: var(--px-primary-7);
}
.px-pagination-page__solid .px-pagination-page-item__disabled {
  cursor: not-allowed;
  color: var(--px-neutral-7);
  background-color: var(--px-neutral-4);
}
.px-pagination-page__solid .px-pagination-page-item__disabled:hover,
.px-pagination-page__solid .px-pagination-page-item__disabled:focus {
  color: var(--px-neutral-7);
  background-color: var(--px-neutral-4);
}
.px-pagination-page__solid .px-pagination-page-item__disabled:active {
  color: var(--px-neutral-7);
  background-color: var(--px-neutral-4);
}
.px-pagination-page__solid .px-pagination-page-item__disabled.px-pagination-page-item__active {
  color: var(--px-neutral-1);
  background-color: var(--px-primary-2);
}
.px-pagination-page__solid .px-pagination-page-item__disabled.px-pagination-page-item__active:hover,
.px-pagination-page__solid .px-pagination-page-item__disabled.px-pagination-page-item__active:focus {
  color: var(--px-neutral-1);
  background-color: var(--px-primary-2);
}
.px-pagination-page__solid .px-pagination-page-item__disabled.px-pagination-page-item__active:active {
  color: var(--px-neutral-1);
  background-color: var(--px-primary-2);
}