.pagination{align-items:center}.pagination,.pagination__list{display:flex;justify-content:center}.pagination__list{list-style:none;margin:0;padding:0;gap:var(--space-xs);flex-wrap:wrap}.pagination__item{display:flex;align-items:center}.pagination__button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-default);min-width:40px;text-align:center}.pagination__button:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-hover-bg) 86%,var(--color-text-primary) 14%);color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-border-light) 76%,var(--color-text-primary) 24%)}.pagination__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination__button--active{background-color:var(--color-primary);color:white;border-color:var(--color-primary)}.pagination__button--active:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 84%,var(--color-text-primary) 16%);color:white;border-color:color-mix(in srgb,var(--color-primary) 86%,var(--color-text-primary) 14%)}.pagination__button:disabled{cursor:not-allowed;opacity:.5}.pagination__button--nav{min-width:auto;padding:var(--space-sm) var(--space-md)}.pagination__ellipsis{padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.pagination--sm .pagination__button{padding:4px 8px;font-size:var(--font-size-sm);min-width:32px}.pagination--lg .pagination__button{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg);min-width:48px}[data-theme=dark] .pagination__button{background-color:var(--color-bg-primary);border-color:var(--color-border-dark)}[data-theme=dark] .pagination__button:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-hover-bg) 84%,var(--color-text-primary) 16%);border-color:color-mix(in srgb,var(--color-border-dark) 70%,var(--color-text-primary) 30%);color:var(--color-text-primary)}@media (max-width:576px){.pagination__list{gap:4px}.pagination__button{padding:6px 8px;font-size:var(--font-size-sm);min-width:36px}.pagination__button--nav{font-size:12px;padding:6px 8px}}