.badge{border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface-subtle);height:1.25rem;color:var(--color-on-surface-variant);font-family:inherit;font-size:var(--type-ui-xs-size);font-weight:var(--font-weight-label);line-height:var(--type-ui-xs-line);white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.badge-pill{border-radius:var(--radius-full)}.badge--success{background:var(--color-success-subtle);color:var(--color-success);border-color:var(--color-success)}.badge--warning{background:var(--color-warning-subtle);color:var(--color-warning);border-color:var(--color-warning)}.badge--error{background:var(--color-error-subtle);color:var(--color-error);border-color:var(--color-error)}.badge--primary{background:var(--color-primary-subtle);color:var(--color-on-surface);border-color:var(--color-primary)}.chip{align-items:center;gap:var(--space-xs);border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface-subtle);height:1.5rem;color:var(--color-on-surface-variant);cursor:pointer;font-family:inherit;font-size:var(--type-ui-xs-size);font-weight:var(--font-weight-label);line-height:var(--type-ui-xs-line);white-space:nowrap;padding:2px 10px;display:inline-flex}.chip:hover:not(:disabled),.chip[data-control-state=hover],.chip:active:not(:disabled),.chip[data-control-state=active]{background:var(--color-surface-subtle);color:var(--color-on-surface)}.chip.active,.chip[aria-pressed=true]{background:var(--color-surface-subtle);color:var(--color-on-surface);font-weight:var(--font-weight-heading)}.chip:focus-visible,.chip[data-control-state=focus]{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.badge:disabled,.chip:disabled,.badge[data-control-state=disabled],.chip[data-control-state=disabled]{opacity:var(--opacity-disabled);cursor:default}.chip--removable{padding-right:2px}.chip-dismiss{border-radius:var(--radius-sm);width:auto;height:auto;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;opacity:.65;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;line-height:1;display:inline-flex}.chip-dismiss:hover:not(:disabled){opacity:1}.chip-dismiss:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.chip-dismiss:disabled{opacity:var(--opacity-disabled);cursor:default}