@layer components{.filter-pill{background:var(--color-surface);min-height:36px;color:var(--color-ink);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out);border:0;border-radius:9999px;flex-shrink:0;align-items:center;font-size:.9375rem;display:inline-flex}button.filter-pill{gap:.375rem;padding:0 .875rem}.filter-pill:hover,.filter-pill[data-open=true]{background:#efede8}.filter-pill:active{background:#e7e5e0}.filter-pill[data-active=true]{background:var(--color-ink);color:#fff}.filter-pill[data-active=true]:hover{background:#333}.filter-pill[data-active=true]:active{background:#444}.filter-pill-placeholder{padding-inline:.875rem}.filter-pill-trigger{border-radius:inherit;min-width:0;min-height:36px;color:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.375rem;padding:0 .75rem 0 .875rem;font-size:.9375rem;display:inline-flex}.filter-pill[data-clearable=true] .filter-pill-trigger{padding-right:.375rem}.filter-pill-label[data-truncate=true]{text-overflow:ellipsis;max-width:140px;display:block;overflow:hidden}.filter-pill-count{min-width:1.25rem;height:1.25rem;color:var(--color-ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:9999px;justify-content:center;align-items:center;padding-inline:.3125rem;font-size:.8125rem;font-weight:500;line-height:1;display:inline-flex}.filter-pill:not([data-active=true]) .filter-pill-count{background:var(--color-ink);color:#fff}.filter-pill-clear{width:24px;height:24px;min-height:24px;color:inherit;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;margin-right:.375rem;padding:0;display:flex}.filter-pill-clear:hover{background:#fff3}.filter-pill-clear:active{background:#ffffff4d}.filter-pill-caret{transition:transform var(--duration-fast) var(--ease-out);display:flex}.filter-pill[data-open=true] .filter-pill-caret{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.filter-pill,.filter-pill-clear,.filter-pill-caret{transition:none}}}