.filter-btn.filter-empty{
display:none;
}
.filter-btn svg{
width:16px;
height:16px;
flex-shrink:0;
fill:currentColor;
}
.filter-count{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:22px;
height:22px;
padding:0 6px;
border-radius:11px;
background:rgba(255,255,255,0.1);
color:rgba(255,255,255,0.55);
font-size:var(--fz5);
font-weight:700;
line-height:1;
}
.filter-btn.active .filter-count{
background:rgba(0,0,0,0.2);
color:var(--ooo);
}
body.filter-active .gal .clip{
cursor:default;
}
body.filter-active .gal .clip .move-handle{
cursor:default;
}
body.filter-active .gal .clip .bundle-body{
cursor:default;
}
.filter-bar-search{
margin-top:var(--gap);
margin-bottom:var(--gap);
}
body.list-mode .filter-btn .filter-label{
display:none;
}
body.list-mode .filter-btn{
padding:0 10px;
}