.filter-pill{display:inline-flex;align-items:center;gap:var(--spacing-20);border-radius:var(--radius-circular);border:none;background:var(--button-background-2-rest);color:var(--fg-neutral-3-rest);font-family:var(--font-family-base);font-size:var(--font-size-caption-1-strong);line-height:var(--line-height-caption-1-strong);font-weight:var(--font-weight-caption-1-strong);cursor:pointer;user-select:none;white-space:nowrap;text-align:start;box-shadow:none;transition:background .1s,color .1s,box-shadow .1s}.filter-pill-sm{height:var(--size-280);padding:var(--size-60) var(--spacing-80)}.filter-pill-sm .filter-pill-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.filter-pill-md{height:var(--size-360);padding:var(--spacing-80) var(--size-100);gap:var(--spacing-40);font-size:var(--font-size-body-1-strong);line-height:var(--line-height-body-1-strong);font-weight:var(--font-weight-body-1-strong)}.filter-pill-md .filter-pill-icon{width:var(--icon-size-md);height:var(--icon-size-md)}.filter-pill-lg{padding:var(--size-100);gap:var(--spacing-40);font-size:var(--font-size-subtitle-2);line-height:var(--line-height-subtitle-2);font-weight:var(--font-weight-subtitle-2)}.filter-pill-lg .filter-pill-icon{width:var(--icon-size-lg);height:var(--icon-size-lg)}.filter-pill-sm.filter-pill-icon-only{padding:var(--size-60)}.filter-pill-md.filter-pill-icon-only{padding:var(--spacing-80)}.filter-pill-icon{flex-shrink:0;fill:currentColor}.filter-pill .icon-filled,.filter-pill:hover .icon-rest,.filter-pill:active .icon-rest,.filter-pill.selected .icon-rest{display:none}.filter-pill:hover .icon-filled,.filter-pill:active .icon-filled,.filter-pill.selected .icon-filled{display:block}.filter-pill:hover:not(.selected){background:var(--button-background-2-hover);color:var(--fg-neutral-3-hover)}.filter-pill:active:not(.selected){background:var(--button-background-2-pressed);color:var(--fg-neutral-3-pressed)}.filter-pill:disabled,.filter-pill[disabled]{background:var(--button-background-2-disabled);color:var(--fg-neutral-disabled-1-rest);cursor:default;pointer-events:none;opacity:.4}.filter-pill.selected{background:var(--button-background-2-selected);box-shadow:inset 0 0 0 2px var(--stroke-brand-1-rest);color:var(--fg-neutral-1-rest)}.filter-pill.selected .filter-pill-icon{color:var(--fg-brand-1-rest)}.filter-pill.selected:hover{background:var(--bg-brand-2-hover);box-shadow:inset 0 0 0 2px var(--stroke-brand-1-rest);color:var(--fg-neutral-1-hover)}.filter-pill.selected:hover .filter-pill-icon{color:var(--fg-brand-1-rest)}.filter-pill.selected:active{background:var(--bg-brand-2-pressed);box-shadow:inset 0 0 0 2px var(--stroke-brand-1-rest);color:var(--fg-neutral-1-rest)}.filter-pill.selected:active .filter-pill-icon{color:var(--fg-brand-1-rest)}.filter-pill:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.filter-pill-dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--spacing-160);height:var(--spacing-160);margin-inline-start:var(--spacing-20)}.filter-pill-dismiss svg{width:var(--spacing-160);height:var(--spacing-160);fill:currentColor}