.filter-pill{display:inline-flex;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:rgba(var(--color-snow-rgb),.1);color:var(--color-foreground);font-family:var(--font-roboto);font-weight:500;font-size:14px;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.filter-pill:hover:not([data-force]):not(:disabled):not(.is-selected),.filter-pill[data-force=hover]:not(.is-selected){border-color:rgba(var(--color-snow-rgb),.4);background:rgba(var(--color-snow-rgb),.15)}.filter-pill:active:not([data-force]):not(:disabled),.filter-pill[data-force=active]{background:rgba(var(--color-snow-rgb),.2)}.filter-pill:focus-visible:not([data-force]),.filter-pill[data-force=focus]{outline:2px solid var(--color-witchy);outline-offset:3px;box-shadow:0 0 0 4px rgba(var(--color-witchy-rgb),.2)}.filter-pill.is-selected{background:rgba(var(--color-lime-rgb),.12);border-color:var(--color-lime);color:var(--color-lime)}.filter-pill:disabled{opacity:.5;cursor:not-allowed}