@layer components{.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-4) 0;margin-top:var(--space-2);position:relative}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding-inline:var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.pagination-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-number.active{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-semibold)}.pagination-number:hover:not(.active):not(:disabled){background:var(--color-surface-hover)}.pagination-first,.pagination-last{font-weight:var(--font-semibold)}.pagination-next,.pagination-prev{font-weight:var(--font-semibold);font-size:var(--text-xl)}.pagination-numbers{display:flex;align-items:center;gap:var(--space-1)}.pagination-ellipsis{padding-inline:var(--space-2);color:var(--color-text-tertiary)}.pagination .pagination-info{position:absolute;right:0;font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width:639px){.pagination{gap:var(--space-0-5);flex-wrap:nowrap}.pagination-first,.pagination-last{display:none}.pagination-btn{min-width:2.75rem;height:2.75rem}.pagination .pagination-info{display:none}}}