.pagination{justify-content:center;align-items:center;display:flex}.pagination__list{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.pagination__item{align-items:center;display:flex}.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);cursor:pointer;transition:all var(--transition-default);text-align:center;min-width:40px;font-weight:500}.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:#fff;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:#fff;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{font-size:var(--font-size-sm);min-width:32px;padding:4px 8px}.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{font-size:var(--font-size-sm);min-width:36px;padding:6px 8px}.pagination__button--nav{padding:6px 8px;font-size:12px}}