@layer components{.chip{font-size:var(--s-type-label-small-font-size,.875rem);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--s-spacing-1);height:32px;color:var(--tag--color,var(--s-color-text-subtle));background-color:var(--tag--bgc,var(--s-color-surface-subtle));padding:var(--s-spacing-1) var(--s-spacing-2);border-radius:var(--s-radius-tag);border:var(--s-border-width-default) solid var(--tag--border-color,var(--s-color-border-default));display:inline-flex}.chip.chip--active{--tag--color:var(--s-color-text-active);--tag--border-color:var(--s-color-border-active);background-color:var(--s-color-surface-primary-subtle)}.chip.chip--hovered{background-color:var(--s-color-surface-hover,#d5d5d5)}.chip--with-avatar{min-height:-moz-fit-content;min-height:fit-content;padding:0 8px 0 0}.chip--filled{background-color:var(--s-color-surface-neutral,#e0e0e0)}.chip--filled,.chip--outlined{color:var(--s-color-text-default,#000)}.chip--outlined{border-color:var(--s-color-border-default,#ccc);background-color:#0000}.chip--clickable{cursor:pointer}.chip--disabled{opacity:.6;pointer-events:none}.chip .chip__avatar{justify-content:center;align-items:center;-webkit-margin-end:8px;margin-inline-end:8px;display:flex}.chip .chip__icon{align-items:center;-webkit-margin-end:4px;margin-inline-end:4px;display:inline-flex}.chip .chip__label{white-space:nowrap}.chip .chip__delete{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;-webkit-margin-start:4px;margin-inline-start:4px;line-height:1;display:inline-flex}.chip .chip__delete:hover{opacity:.8}.chip .chip__delete:disabled{cursor:not-allowed;opacity:.5}}