.pagination{position:relative;margin-top:2.5rem}.pagination__controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.pagination__status{position:absolute;right:0;bottom:calc(100% + .65rem);display:flex;align-items:center;gap:.5rem;margin:0;color:var(--main-color);font-size:14px;font-weight:600}.pagination__spinner{width:1rem;height:1rem;flex-shrink:0;border:2px solid;border-right:2px solid rgba(0,0,0,0);border-radius:50%;animation:pagination-spin .7s linear infinite}.pagination[data-pending=true]{cursor:progress}.pagination__arrow{display:flex;align-items:center;justify-content:center;padding:.25rem;color:#3b3b3b;transition:color .2s}.pagination__arrow:hover{color:var(--main-color)}.pagination__arrow[data-disabled=true]{pointer-events:none;opacity:.3}.pagination__arrow-icon{width:1rem;height:1rem}.pagination__ellipsis{padding-inline:.25rem}.pagination__ellipsis,.pagination__page{font-size:14px;font-weight:700;color:#3b3b3b}.pagination__page{padding:.25rem .5rem;transition:color .2s}.pagination__page:hover,.pagination__page[data-active=true]{color:var(--main-color)}.pagination__page[data-disabled=true]{pointer-events:none;opacity:.5}@keyframes pagination-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.pagination__spinner{animation:none}}