:root { --pagination-font-size: var(--font-size-md); --pagination-active-color: #fff; --pagination-active-bg-color: var(--color-primary); --pagination-hover-bg-color: #f5f5f5; --pagination-total-margin: 0 6px 0 0; --pagination-item-width: 32px; --pagination-item-height: 32px; --pagination-item-margin: 0 4px; --pagination-item-border-radius: 4px; --pagination-size-padding: 0 6px; --pagination-list-bg-color: #fff; --pagination-list-active-bg-color: #dbe4fd; --pagination-list-active-color: var(--color-primary); --pagination-input-width: 36px; --pagination-input-margin: 0 6px;}.pagination-flex-nowrap { display: flex; white-space: nowrap; align-items: center;}.ppsv-pagination { display: flex; list-style: none; margin: 0; font-size: var(--pagination-font-size); padding: 0;}.ppsv-pagination__total { margin: var(--pagination-total-margin); display: flex; white-space: nowrap; align-items: center;}.ppsv-pagination__item { display: inline-flex; min-width: var(--pagination-item-width); align-items: center; justify-content: center; margin: var(--pagination-item-margin); height: var(--pagination-item-height); cursor: pointer; border-radius: var(--pagination-item-border-radius); outline: none; transition: all 0.3s; user-select: none;}.ppsv-pagination__item:hover { background-color: var(--pagination-hover-bg-color);}.ppsv-pagination__item-active { color: var(--pagination-active-color); background-color: var(--pagination-active-bg-color) !important;}.ppsv-pagination__item-hide { display: none;}.ppsv-pagination__item-disabled { cursor: default !important; opacity: 0.5;}.ppsv-pagination__item-disabled:hover { background-color: unset;}.ppsv-pagination__size { display: flex; white-space: nowrap; align-items: center; padding: var(--pagination-size-padding); cursor: pointer;}.ppsv-pagination__list { background-color: var(--pagination-list-bg-color); cursor: pointer;}.ppsv-pagination__list:hover { background-color: var(--pagination-hover-bg-color);}.ppsv-pagination__list-active { background-color: var(--pagination-list-active-bg-color) !important; color: var(--pagination-list-active-color);}.ppsv-pagination__quickly,.ppsv-pagination__simple { display: flex; white-space: nowrap; align-items: center;}.ppsv-pagination__quickly [ppsv-pagination-cover],.ppsv-pagination__simple [ppsv-pagination-cover] { width: var(--pagination-input-width); margin: var(--pagination-input-margin);}.ppsv-pagination__quickly [ppsv-pagination-cover] .ppsv-input__wrap,.ppsv-pagination__simple [ppsv-pagination-cover] .ppsv-input__wrap { padding: 0;}.ppsv-pagination__quickly [ppsv-pagination-cover] .ppsv-input__input,.ppsv-pagination__simple [ppsv-pagination-cover] .ppsv-input__input { height: auto; text-align: center;}