.pagination{--pagination-size:32px;--pagination-padding:8px;--pagination-border-radius:10px;--pagination-list-gap:8px;--pagination-font-size:.875rem;--pagination-line-height:1.5;--pagination-font-weight:500;justify-content:center;margin-top:16px;width:100%}.pagination,.pagination__list{align-items:center;display:inline-flex}.pagination__list{gap:var(--pagination-list-gap)}.pagination__btn{align-items:center;background:var(--dark-4);border:none;border-radius:var(--pagination-border-radius);color:var(--white);cursor:pointer;display:flex;font-size:var(--pagination-font-size);font-weight:var(--pagination-font-weight);height:var(--pagination-size);justify-content:center;line-height:var(--pagination-line-height);min-width:var(--pagination-size);padding:var(--pagination-padding);text-align:center;transition:all .3s ease}.pagination__btn:hover{background:var(--dark-4-o48);color:var(--main)}.pagination__btn--active{background:var(--main);box-shadow:0 4px 12px #52f9ff4d;color:var(--black-2);font-weight:600;pointer-events:none}.pagination__btn--next,.pagination__btn--prev{background:var(--dark-4);color:var(--white)}.pagination__btn--next .icon,.pagination__btn--prev .icon{height:16px;width:16px}.pagination__btn--next:hover,.pagination__btn--prev:hover{background:var(--dark-4-o48);color:var(--main)}.pagination__btn--next:disabled,.pagination__btn--prev:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.pagination__btn--next{margin-left:4px}.pagination__btn--prev{margin-right:4px}.pagination .select{width:100px}