@layer components{.tag{--btn--padding:0;--btn--mh:none;justify-content:center;align-items:center;gap:var(--s-spacing-1);max-width:100%;color:var(--tag--color,var(--s-color-text-subtle));background-color:var(--tag--bgc,var(--s-color-surface-neutral));border-radius:var(--s-radius-tag);flex-shrink:0;display:inline-flex}.tag.tag-variant--outlined{border:var(--s-border-width-default) solid var(--tag--border-color,var(--s-color-border-default))}.tag.tag-variant--outlined.tag-state--default{--tag--bgc:var(--s-color-surface-default)}.tag.tag-size--small{padding:var(--s-spacing-1) var(--s-spacing-2)}.tag.tag-size--large{padding:var(--s-spacing-2) var(--s-spacing-3)}a.tag.tag-state--hover.tag-variant--outlined,a.tag:hover.tag-variant--outlined,button.tag.tag-state--hover.tag-variant--outlined,button.tag:hover.tag-variant--outlined{--tag--bgc:var(--s-color-surface-subtle-hover)}a.tag.tag-state--hover.tag-variant--filled,a.tag:hover.tag-variant--filled,button.tag.tag-state--hover.tag-variant--filled,button.tag:hover.tag-variant--filled{--tag--bgc:var(--s-color-surface-subtle-pressed)}a.tag.tag-state--active,button.tag.tag-state--active{--tag--color:var(--s-color-text-inverted);--tag--border-color:var(--s-color-surface-accent-dark)}a.tag.tag-state--active.tag-variant--filled,a.tag.tag-state--active.tag-variant--outlined,button.tag.tag-state--active.tag-variant--filled,button.tag.tag-state--active.tag-variant--outlined{--tag--bgc:var(--s-color-surface-accent-dark)}.tag-group{align-items:center;gap:var(--s-spacing-2);display:flex}.tag-group button{white-space:nowrap;flex-shrink:0}}