.custom-button.filter-button,.filter-button{display:flex;align-items:center;justify-content:space-between;gap:8px;background-color:#fff;color:var(--text);padding:10px 10px 10px 12px;border:1px solid #ebebeb;border-radius:10px}.custom-button.filter-button.selected,.filter-button.selected{border-color:#32d066}.custom-button.filter-button.skeleton,.filter-button.skeleton{width:125px;height:100%;border:1px solid rgba(0,0,0,0)}.custom-button.filter-button .filter-button-content,.filter-button .filter-button-content{display:flex;align-items:center;gap:8px}.custom-button.filter-button:hover,.filter-button:hover{border-color:#d1d1d1}.custom-button.filter-button .arrow-icon,.filter-button .arrow-icon{margin-left:14px}.custom-button.filter-button p.custom,.filter-button p.custom{min-width:4ch;max-width:8ch;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-button.filter-button.clear-filters-button,.filter-button.clear-filters-button{background:radial-gradient(120% 120% at 50% 25%,rgba(50,208,102,.15),transparent 62%),linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(0,0,0,.18);color:var(--text);box-shadow:inset 1px 2px 5px 0 hsla(0,0%,100%,.2),inset 1px 1px 2px 0 hsla(0,0%,100%,.2),inset -1px -1px 1px 0 hsla(0,0%,100%,.15),0 10px 18px rgba(0,0,0,.2);padding:10px 10px 10px 12px}