.chip{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);max-width:100%;font-family:var(--font-sans);letter-spacing:normal;text-transform:none;white-space:nowrap;vertical-align:middle;border:1px solid #0000;margin:0;font-weight:500;line-height:1.2;display:inline-flex}.chip--sm{padding:3px var(--spacing-sm);font-size:var(--text-xs)}.chip--md{font-size:var(--text-sm);padding:5px 12px}.chip__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.chip__icon{flex:none;display:inline-flex}.chip__icon>svg{width:1em;height:1em}.chip--neutral{background:var(--ground-2);border-color:var(--edge);color:var(--text-2)}.chip--brand{background:var(--brand-soft);border-color:color-mix(in srgb, var(--brand) 30%, transparent);color:var(--brand-on-soft)}.chip--rise{background:var(--banner-success);color:var(--signal-rise-on-soft)}.chip--fall{background:var(--banner-error);color:var(--signal-fall-on-soft)}.chip--warn{background:var(--banner-warn);border-color:var(--banner-warn-edge);color:var(--text)}.hearth-panel:not(.hearth-panel--paper) .chip--fall{color:color-mix(in srgb, var(--signal-fall-on-soft) 60%, var(--text))}.chip--selected{background:var(--ink-card);border-color:var(--ink-card);color:var(--ink-card-text)}button.chip{appearance:none;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-ember)}.chip__main{appearance:none;align-items:center;gap:var(--spacing-xs);min-width:0;font:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0;display:inline-flex}button.chip__main{cursor:pointer}button.chip:disabled,button.chip__main:disabled{cursor:default;opacity:.5}button.chip:hover:not(.chip--selected):not(:disabled){border-color:color-mix(in srgb, var(--text) 24%, transparent)}.chip--removable:not(.chip--selected):has(>button.chip__main:hover){border-color:color-mix(in srgb, var(--text) 24%, transparent)}.chip--removable{padding-right:var(--spacing-2xs)}.chip__remove{appearance:none;width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:inline-grid}.chip__remove:hover{background:color-mix(in srgb, currentColor 14%, transparent)}button.chip:focus-visible,.chip__main:focus-visible,.chip__remove:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.chip--explain{cursor:help}