.tag-group{gap:var(--space-1);flex-direction:column;display:flex}.tag-group__list{gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.tag-group__tag{--cut:var(--cut-sm);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);height:var(--control-height);isolation:isolate;padding:0 var(--space-5);background-color:#0000;border:0;border-radius:0;outline:none;align-items:center;font-weight:400;display:flex;position:relative;overflow:hidden}.tag-group__tag:before{background-color:var(--color-primary);clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);content:"";transform-origin:0;z-index:-1;transition:transform .3s cubic-bezier(.2,0,0,1);position:absolute;inset:0;transform:scaleX(0)}[dir=rtl] .tag-group__tag:before{transform-origin:100%}.tag-group__tag .ripple{background-color:var(--color-text-primary)}.tag-group__tag:not([data-pressed]){transition:color .15s}.tag-group__tag[data-focus-visible]{outline:1px solid var(--color-primary);outline-offset:2px}.tag-group__tag[data-selected]{color:var(--color-text-on-primary)}.tag-group__tag[data-selected]:before{transform:scaleX(1)}@media (hover:hover){.tag-group__tag[data-hovered]:not([data-selected]){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]{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__tag[data-allows-removing]:before{background-color:rgb(from var(--color-primary) r g b / 16%);transform:none}.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}