[data-fragment=Tag]{background:var(--bg-secondary,transparent);color:var(--text-secondary,currentColor);border-radius:var(--radius-full);font-family:var(--font-sans);vertical-align:middle;align-items:center;gap:0;padding:0;font-size:12px;font-weight:500;line-height:1;display:inline-flex}[data-fragment=Tag] .tag-body,[data-fragment=Tag]>.tag-icon,[data-fragment=Tag]>.tag-label{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;cursor:inherit;border-radius:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}[data-fragment=Tag] .tag-body{cursor:pointer;padding:5px 10px}[data-fragment=Tag] .tag-icon{color:var(--brand,currentColor);align-items:center;padding-right:0;display:inline-flex}[data-fragment=Tag].tag-interactive{cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}[data-fragment=Tag].tag-interactive:hover{background:var(--bg-tertiary,transparent);color:var(--text-primary,currentColor)}[data-fragment=Tag].tag-interactive:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=Tag].tag-active{background:var(--brand);color:var(--ink-text-on-brand)}[data-fragment=Tag].tag-active .tag-icon{color:currentColor}[data-fragment=Tag] .tag-remove{width:20px;height:20px;color:inherit;opacity:.6;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;margin-right:4px;font-family:inherit;display:inline-grid}[data-fragment=Tag] .tag-remove:hover{opacity:1;background:rgba(var(--text-primary-rgb), .08)}[data-fragment=Tag] .tag-remove:focus-visible{outline:2px solid var(--brand);outline-offset:1px;opacity:1}[data-fragment=Tag].tag-success{background:rgba(var(--success-rgb), .14);color:var(--success)}[data-fragment=Tag].tag-warning{background:rgba(var(--warning-rgb), .14);color:var(--warning)}[data-fragment=Tag].tag-error{background:rgba(var(--error-rgb), .14);color:var(--error)}[data-fragment=Tag].tag-info{background:rgba(var(--info-rgb), .14);color:var(--info)}[data-fragment=Tag].tag-brand{background:rgba(var(--brand-rgb), .14);color:var(--brand)}@media (prefers-reduced-motion:reduce){[data-fragment=Tag].tag-interactive,[data-fragment=Tag] .tag-remove{transition:none}}