.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:var(--border-width-hairline) 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):not(.is-locked),.filter-pill[data-force=active]:not(.is-locked){background:rgba(var(--color-snow-rgb),.2)}.filter-pill:focus-visible:not([data-force]),.filter-pill[data-force=focus]{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 6px var(--color-midnight)}.filter-pill.is-selected{background:rgba(var(--color-primary-rgb),.12);border-color:var(--color-primary);color:var(--color-primary)}.filter-pill.is-locked{cursor:default}.filter-pill:disabled{opacity:.5;cursor:not-allowed}.filter-pill--lg{height:var(--control-height-sm);padding:0 var(--space-5);background:var(--color-card);font-weight:var(--text-body-weight)}.filter-pill--solid.is-selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:var(--text-weight-semibold)}