.pagination{text-align:center}.pagination ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-xs);list-style:none;padding:0;margin:0}.pagination li{display:inline-block;list-style:none;margin:0}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:var(--space-xs)var(--space-sm);margin:0 var(--space-xs);border-radius:var(--border-radius-sm);border:none;color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.pagination a:hover{background-color:var(--color-primary-light);color:var(--color-surface);border:none}.pagination .active a,.pagination span[aria-current=page]{background-color:var(--color-primary-light);color:var(--color-surface);font-weight:var(--font-weight-semibold)}.pagination .disabled,.pagination .disabled a,.pagination .disabled span{opacity:.6;cursor:not-allowed}.pagination .disabled:hover,.pagination .disabled a:hover,.pagination .disabled span:hover{background-color:transparent;color:var(--color-text);opacity:.6}@media(max-width:850px){.pagination ul{flex-wrap:wrap}.pagination a,.pagination span{min-width:2rem;height:2rem;font-size:var(--font-size-sm)}}