.content-filter{display:flex;align-items:center}.content-filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.filter-chip{position:relative;display:inline-flex;align-items:center;padding:10px 24px;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);font-family:var(--font-family);color:var(--text-secondary);background:var(--bg-surface-2);border:1px solid var(--border-muted);border-radius:var(--radius-full);cursor:pointer;transition:all .5s var(--ease-out-quart);min-height:44px;min-width:44px}.filter-chip:hover{color:var(--text-primary);border-color:var(--accent-primary);background:var(--accent-primary-muted);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.filter-chip:active{transform:translateY(0) scale(.98);transition-duration:var(--duration-fast)}.filter-chip.is-active{color:var(--accent-primary-hover);border-color:var(--accent-primary);background:var(--accent-primary-muted)}.filter-chip.is-active:hover{background:rgba(16,185,129,.25)}.filter-chip:focus-visible{outline:none}.filter-chip:focus-visible .focus-ring{opacity:1}.filter-chip:focus-visible .focus-ring rect{animation:marchingAnts var(--focus-animation-duration) linear infinite}@media (prefers-reduced-motion:reduce){.filter-chip{transition-duration:.1s}.filter-chip:active,.filter-chip:hover{transform:none}.filter-chip:focus-visible .focus-ring rect{animation:none;stroke-dasharray:none}}