.filters-menu{overflow-x:auto;display:flex;align-items:center;gap:.5rem;padding:.25rem .25rem .5rem;background-color:transparent;border:0;>[data-filter-group]{display:grid;gap:.33em;&:is(fieldset){border:none;display:flex;align-items:center;gap:.33em}>legend{display:contents;text-transform:uppercase;letter-spacing:.05em;font-size:.75em;color:var(--app-foreground-muted);>span{white-space:nowrap}}>.group{display:flex;gap:.4rem;font-size:.8em}>select[multiple]{min-height:8em;padding:.25em;border:1px solid rgba(255,255,255,.2);border-radius:.375em;background-color:rgba(0,0,0,.2);color:inherit;font-size:.875em;option{padding:.25em;background-color:var(--app-background-color);color:inherit}}}[data-filter],button[type=reset],option{cursor:pointer;display:inline-grid;align-items:center;grid-auto-flow:column;gap:.4rem;padding:.3rem .5rem;border-radius:.5rem;white-space:nowrap;background-color:var(--app-card-bg);transition-property:background-color,border-color,color;&:hover:not(.disabled){filter:brightness(1.1)}&.disabled{cursor:not-allowed;opacity:.4}&:has(input:checked){background-color:var(--app-accent);border-color:var(--app-accent);color:var(--base-gray-100)}&:has(input:focus){border-color:var(--base-gray-0);color:var(--base-gray-100)}.label{text-align:left}}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;position:fixed!important;opacity:0;pointer-events:none;zoom:0;content-visibility:hidden;width:0;height:0}[data-filter],option{grid-auto-flow:column}button[type=reset]{margin-inline-start:auto;margin-block:-1em;position:sticky;right:0;aspect-ratio:1;font-size:smaller;backdrop-filter:blur(1em)}scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.icon{font-size:smaller;mix-blend-mode:luminosity}.count{font-size:.7em;display:inline-flex;align-items:center;justify-content:center;background-color:var(--base-gray-60);color:var(--base-gray-0);border-radius:9999px;padding:.15rem .3rem;line-height:1;label:has(input:checked) &,option:checked &{background-color:var(--base-gray-80);color:var(--base-gray-10)}}}.filters-menu:not(:has(:is(input[type=checkbox],input[type=radio]):is([checked]:not(:checked),:not([checked]):checked),select option:is([selected]:not(:checked),:not([selected]):checked))) button[type=reset]{display:none;opacity:0}