.list-pagination{justify-content:center;align-items:center;gap:var(--space-2);padding-top:var(--space-6);display:flex}.list-pagination--top{padding-top:0;padding-bottom:var(--space-4)}.list-pagination__btn{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-card);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) ease;justify-content:center;align-items:center;display:flex}@media (hover:hover){.list-pagination__btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--color-accent)}}.list-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.list-pagination__info{font-size:var(--text-sm);color:var(--text-secondary);padding:0 var(--space-2);font-variant-numeric:tabular-nums}.list-page{padding-inline:var(--page-gutter)}.list-filter-btn{border:var(--border-width) solid var(--color-primary);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease, translate var(--transition-fast) ease;align-self:self-start;width:7.5rem;padding:0;position:relative}@media (hover:hover){.list-filter-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-card);translate:-1px -1px}}.list-filter-btn__count{right:var(--space-2);min-width:1.125rem;height:1.125rem;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-primary-text);font-size:var(--text-xs);font-weight:var(--font-bold);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.list-main{padding-block:var(--space-4);box-sizing:border-box;width:100%;animation:fade-slide-in var(--transition-base) ease;will-change:opacity;transition:opacity var(--transition-base) ease-in-out}.list-main--syncing{opacity:.6;pointer-events:none}.list-grid{grid-template-columns:repeat(auto-fill, minmax(var(--list-grid-min,280px), 1fr));gap:var(--space-3);list-style:none;display:grid}@media (width>=640px){.list-main{padding-block:var(--space-6)}.list-grid{gap:var(--space-4)}}@media (width>=1024px){.list-main{width:100%;max-width:56rem;margin-inline:auto}}