.filter-button,.custom-button.filter-button{background-color:var(--surface-inverse);color:var(--text);border:1px solid var(--border-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 10px 12px;display:flex}.filter-button.selected,.custom-button.filter-button.selected{border-color:var(--primary)}.filter-button.skeleton,.custom-button.filter-button.skeleton{border:1px solid #0000;width:125px;height:100%}.filter-button.skeleton:hover,.custom-button.filter-button.skeleton:hover{border-color:#0000}.filter-button .filter-button-content,.custom-button.filter-button .filter-button-content{align-items:center;gap:8px;display:flex}.filter-button:hover,.custom-button.filter-button:hover{border-color:var(--border)}.filter-button .arrow-icon,.custom-button.filter-button .arrow-icon{margin-left:14px}.filter-button p.custom,.custom-button.filter-button p.custom{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:4ch;max-width:8ch;overflow:hidden}.filter-button.clear-filters-button,.custom-button.filter-button.clear-filters-button{background:radial-gradient(120% 120% at 50% 25%, var(--primary-alpha-15), transparent 62%),linear-gradient(color-mix(in srgb, var(--white) 8%, transparent), color-mix(in srgb, var(--white) 2%, transparent)),color-mix(in srgb, var(--ink) 18%, transparent);color:var(--text);box-shadow:inset 1px 2px 5px 0 color-mix(in srgb, var(--text-white) 20%, transparent),inset 1px 1px 2px 0 color-mix(in srgb, var(--surface-inverse) 20%, transparent),inset -1px -1px 1px 0px color-mix(in srgb, var(--surface-inverse) 15%, transparent),0 10px 18px color-mix(in srgb, var(--ink) 15%, transparent);border:1px solid #0000;padding:10px 10px 10px 12px}