.ty-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--ty-pagination-color, var(--ty-color-text-secondary));
  font-size: var(--ty-pagination-font-size, 14px);
  list-style: none;
}
.ty-pagination_left {
  text-align: left;
}
.ty-pagination_center {
  text-align: center;
}
.ty-pagination_right {
  text-align: right;
}
.ty-pagination_disabled .ty-pagination__item_active {
  background: var(--ty-pagination-disabled-active-bg, #dbdbdb) !important;
  border-color: transparent !important;
  color: var(--ty-pagination-disabled-active-color, #fff) !important;
}
.ty-pagination__item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: var(--ty-pagination-item-bg, var(--ty-color-bg-container));
  border-radius: var(--ty-pagination-item-radius, 2px);
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all var(--ty-pagination-item-transition-duration, 400ms);
}
.ty-pagination__item > button {
  background: none;
  border: none;
  padding: 0;
  color: inherit;
  font: inherit;
  cursor: inherit;
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ty-pagination__item_disabled {
  cursor: not-allowed;
}
.ty-pagination__item_ellipsis {
  color: var(--ty-pagination-item-color-ellipsis, var(--ty-color-text-quaternary));
}
.ty-pagination__item_ellipsis:hover {
  color: var(--ty-pagination-item-color-ellipsis-hover, var(--ty-color-primary));
}
.ty-pagination__left-arrow {
  transform: rotate(90deg);
}
.ty-pagination__right-arrow {
  transform: rotate(-90deg);
}
.ty-pagination_md .ty-pagination__item {
  min-width: var(--ty-pagination-item-size-md, 32px);
  height: var(--ty-pagination-item-size-md, 32px);
  margin-left: var(--ty-pagination-item-gap-md, 4px);
  margin-right: var(--ty-pagination-item-gap-md, 4px);
  line-height: var(--ty-pagination-item-line-height-md, 30px);
  border: 1px solid var(--ty-pagination-item-border-md, var(--ty-color-border));
}
.ty-pagination_md .ty-pagination__item_active {
  color: var(--ty-pagination-item-color-active, var(--ty-color-primary));
  border-color: var(--ty-pagination-item-border-active, var(--ty-color-primary));
}
.ty-pagination_md .ty-pagination__item:hover {
  border-color: var(--ty-pagination-item-border-hover, var(--ty-color-primary));
}
.ty-pagination_md .ty-pagination__item_disabled {
  color: var(--ty-pagination-disabled-color-md, var(--ty-color-text-tertiary));
  background: var(--ty-pagination-disabled-bg, var(--ty-color-fill-secondary));
  border-color: var(--ty-pagination-item-border-md, var(--ty-color-border));
}
.ty-pagination_md .ty-pagination__item_disabled:hover {
  border-color: var(--ty-pagination-item-border-md, var(--ty-color-border));
}
.ty-pagination_md .ty-pagination__item_ellipsis {
  border: 0;
}
.ty-pagination_sm .ty-pagination__item {
  min-width: var(--ty-pagination-item-size-sm, 24px);
  height: var(--ty-pagination-item-size-sm, 24px);
  margin-left: var(--ty-pagination-item-gap-sm, 0.5px);
  margin-right: var(--ty-pagination-item-gap-sm, 0.5px);
  line-height: var(--ty-pagination-item-line-height-sm, 22px);
  border-color: transparent;
}
.ty-pagination_sm .ty-pagination__item_active {
  color: var(--ty-pagination-item-color-active, var(--ty-color-primary));
  border: 1px solid var(--ty-pagination-item-border-active, var(--ty-color-primary));
}
.ty-pagination_sm .ty-pagination__item:hover {
  color: var(--ty-pagination-item-color-hover-sm, var(--ty-color-primary));
}
.ty-pagination_sm .ty-pagination__item_disabled {
  color: var(--ty-pagination-disabled-color-sm, #d9d9d9);
  border-color: var(--ty-pagination-disabled-color-sm, #d9d9d9);
}
.ty-pagination_sm .ty-pagination__item_disabled:hover {
  color: var(--ty-pagination-disabled-color-sm, #d9d9d9);
}