.tag-list{gap:var(--space-2xs);flex-wrap:wrap;align-self:flex-start;align-items:center;max-width:100%;display:flex}.tag{max-width:100%;padding:.31rem var(--space-sm) .3rem;letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;text-overflow:ellipsis;background-color:var(--tag-0-bg);color:var(--tag-0-fg);border:1px solid var(--tag-0-border);border-radius:var(--radius-pill);flex:none;align-items:center;font-size:.65rem;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.tag>i.tag-icon-trailing{margin-left:.35em;margin-right:0}.tag>i{margin-right:.35em}.tag[data-tag-color="0"]{background-color:var(--tag-0-bg);color:var(--tag-0-fg);border-color:var(--tag-0-border)}.tag[data-tag-color="1"]{background-color:var(--tag-1-bg);color:var(--tag-1-fg);border-color:var(--tag-1-border)}.tag[data-tag-color="2"]{background-color:var(--tag-2-bg);color:var(--tag-2-fg);border-color:var(--tag-2-border)}.tag[data-tag-color="3"]{background-color:var(--tag-3-bg);color:var(--tag-3-fg);border-color:var(--tag-3-border)}.tag[data-tag-color="4"]{background-color:var(--tag-4-bg);color:var(--tag-4-fg);border-color:var(--tag-4-border)}.tag[data-tag-color="5"]{background-color:var(--tag-5-bg);color:var(--tag-5-fg);border-color:var(--tag-5-border)}.tag[data-tag-color="6"]{background-color:var(--tag-6-bg);color:var(--tag-6-fg);border-color:var(--tag-6-border)}.tag[data-tag-color="7"]{background-color:var(--tag-7-bg);color:var(--tag-7-fg);border-color:var(--tag-7-border)}.tag--special{background-color:color-mix(in srgb, var(--color-brand) 12%, transparent);color:var(--color-brand);border-color:color-mix(in srgb, var(--color-brand) 35%, transparent)}.tag--removable{gap:var(--space-3xs);padding-right:.25rem}.tag-remove{border-radius:var(--radius-pill);width:1.1rem;height:1.1rem;min-height:0;color:inherit;font-size:var(--font-size-sm);cursor:pointer;opacity:.7;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.tag-remove:hover{opacity:1;background:color-mix(in srgb, currentcolor 18%, transparent)}.tag-input{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-border);background:var(--color-surface);cursor:text;border-radius:.4rem;flex-wrap:wrap;display:flex}.tag-input:focus-within{border-color:var(--color-brand);outline:2px solid color-mix(in srgb, var(--color-brand) 30%, transparent);outline-offset:0}.tag-input-field{min-width:6rem;padding:var(--space-2xs) var(--space-2xs);font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:6rem;min-height:0}.tag-input-field:focus{box-shadow:none;background:0 0;border:none}.tag-input-field[hidden]{display:none}