.tag-group{gap:var(--space-1);flex-direction:column;display:flex}.tag-group__list{gap:var(--space-3);flex-wrap:wrap;display:flex}.tag-group__tag{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);height:var(--space-10);padding:0 var(--space-6);outline:none;align-items:center;font-weight:300;display:flex;position:relative;overflow:hidden}.tag-group__tag .ripple{background-color:var(--color-text-primary)}.tag-group__tag:not([data-pressed]){transition:background-color .2s,border-color .15s,color .15s}.tag-group__tag[data-focus-visible]{outline:1px solid var(--color-primary);outline-offset:2px}.tag-group__tag[data-selected]{background-color:var(--color-primary);border-color:var(--color-border-hover-primary);color:var(--color-text-primary)}@media (hover:hover){.tag-group__tag[data-hovered]:not([data-selected]){border:1px solid var(--color-border-hover-primary);color:var(--color-text-primary)}}.tag-group__tag[data-disabled]{color:var(--color-text-disabled);cursor:not-allowed;opacity:.5}.tag-group__tag[data-allows-removing]{border-color:rgb(from var(--color-primary) r g b / 30%);color:var(--color-primary-light);font-size:var(--font-size-xs);height:var(--space-8);padding:0 var(--space-8) 0 var(--space-4);text-transform:capitalize}[dir=rtl] .tag-group__tag[data-allows-removing]{padding:0 var(--space-4) 0 var(--space-8)}.tag-group__remove{color:inherit;cursor:pointer;padding:0 var(--space-3);z-index:1;background:0 0;border:none;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.tag-group__remove-icon{opacity:.6;transition:opacity .15s}.tag-group__remove:hover .tag-group__remove-icon{opacity:1}.tag-group__remove:focus-visible{outline:1px solid var(--color-primary);outline-offset:1px}