.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tabs-item{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid var(--line-divider);border-radius:var(--radius-large);background:var(--btn-regular-bg);color:var(--btn-content);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tabs-item svg{flex-shrink:0;opacity:.7;transition:opacity .2s ease}.filter-tabs-item:hover:not(.active){background:var(--btn-regular-bg-hover);border-color:var(--primary)}.filter-tabs-item:hover:not(.active) svg{opacity:1}.filter-tabs-item.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-tabs-item.active svg{opacity:1}.filter-tabs-count{opacity:.6;font-size:.8rem}.filtered-out{display:none !important}@media (max-width:768px){.filter-tabs{gap:.375rem}.filter-tabs-item{padding:.4rem .8rem;font-size:.8rem}.filter-tabs-count{display:none}}.filter-container{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{padding:.5rem 1rem;border:1px solid var(--line-divider);border-radius:var(--radius-large);background:var(--btn-regular-bg);color:var(--btn-content);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tag:hover:not(.active){background:var(--btn-hover-bg);border-color:var(--primary);transform:translateY(-1px)}.filter-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-tag.active:hover{background:var(--primary) !important;color:#fff !important;border-color:var(--primary) !important;transform:translateY(-1px)}