.badge{--badge-bg: transparent;--badge-color: var(--color-text-default);--badge-border: transparent;display:inline-flex;align-items:center;gap:var(--space-1);height:42px;padding-inline:var(--space-4);background-color:var(--badge-bg);color:var(--badge-color);border:1px solid var(--badge-border);border-radius:200px;font-family:var(--font-body);font-size:var(--text-sm);text-align:left;font-weight:var(--font-book);line-height:130%;letter-spacing:var(--tracking-normal);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--tertiary{--badge-bg: var(--color-bg-subtle);--badge-color: var(--color-text-default)}.badge--outline{--badge-border: var(--color-text-default);--badge-color: var(--color-text-default)}.badge--error{--badge-bg: var(--color-supporting-skin);--badge-color: var(--color-supporting-poop-brown)}.badge--warning{--badge-bg: var(--color-supporting-yellow);--badge-color: var(--color-text-default)}.badge--dropdown{--badge-bg: var(--color-bg-subtle);--badge-color: var(--color-text-default);cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.badge--dropdown:hover{--badge-bg: color-mix(in srgb, var(--color-border-default) 60%, #f0f0f0)}.badge--dropdown--active:hover{--badge-bg: color-mix(in srgb, var(--color-action) 25%, transparent)}.badge--dropdown[data-state=open] .badge__chevron{opacity:.6}.badge--dropdown--active{--badge-bg: color-mix(in srgb, var(--color-action) 18%, #f0f0f0);--badge-border: color-mix(in srgb, var(--color-action) 40%, transparent)}.badge--dropdown-pill{--badge-bg: color-mix(in srgb, var(--color-action) 18%, #f0f0f0);--badge-color: var(--color-text-default);--badge-border: color-mix(in srgb, var(--color-action) 40%, transparent);gap:var(--space-1);padding-inline-end:var(--space-2)}.badge__trailing{display:inline-flex;align-items:center;color:var(--color-text-subtle);font-size:inherit;font-weight:inherit;line-height:inherit}.badge__chevron{color:var(--color-text-subtle);flex-shrink:0;transition:transform .2s ease-in-out}.badge-dropdown__pill-remove{display:inline-flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;border-radius:200px;cursor:pointer;color:var(--color-text-subtle);transition:color .15s ease-in-out,background-color .15s ease-in-out;line-height:0}.badge-dropdown__pill-remove:hover{color:var(--color-text-default);background-color:#ffffff1a}.badge-dropdown__trigger-label{overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.badge-dropdown__trigger-label>*{grid-area:1 / 1}.badge-dropdown__trigger-icon{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:12px;height:12px;flex-shrink:0;color:var(--color-text-subtle)}.badge-dropdown__trigger-icon>*{grid-area:1 / 1}.badge-dropdown__root{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-1)}.badge-dropdown__content{min-width:160px;background-color:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--space-2);z-index:30;overflow:hidden;box-shadow:0 8px 24px #0000003d,0 1px 4px #0000001f;outline:none}.badge-dropdown__content[data-state=open]{animation:badge-dropdown-open .2s ease-out forwards}.badge-dropdown__content[data-state=closed]{display:none}@keyframes badge-dropdown-open{0%{opacity:0;filter:blur(4px);transform:translateY(-6px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes badge-dropdown-close{0%{opacity:1;filter:blur(0);transform:translateY(0)}to{opacity:0;filter:blur(4px);transform:translateY(-6px)}}.badge-dropdown__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding-inline:var(--space-3);padding-block:7px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-book);line-height:130%;color:var(--color-text-default);text-align:left;transition:background-color .12s ease-in-out}.badge-dropdown__item:hover{background-color:var(--color-bg-subtle)}.badge-dropdown__item--selected{color:var(--color-text-default);background-color:transparent}.badge-dropdown__item--selected:hover{background-color:var(--color-bg-subtle)}.badge-dropdown__item:focus-visible{outline:2px solid var(--color-action);outline-offset:-2px}.badge-dropdown__item-check{display:inline-flex;align-items:center;justify-content:center;width:14px;flex-shrink:0;color:var(--color-action)}