.tag-list{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:.3rem;max-width:100%;display:flex}.tag{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background-color:var(--tag-0-bg);max-width:100%;color:var(--tag-0-fg);border:1px solid var(--tag-0-border);border-radius:999px;flex:none;align-items:center;padding:.31rem .55rem .3rem;font-size:.65rem;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.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:.15rem;padding-right:.25rem}.tag-remove{width:1.1rem;height:1.1rem;min-height:0;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;font-size:.85rem;line-height:1;display:inline-flex}.tag-remove:hover{opacity:1;background:color-mix(in srgb, currentcolor 18%, transparent)}.tag-input{border:1px solid var(--color-border,#ccc);background:var(--color-surface,#fff);cursor:text;border-radius:.4rem;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.3rem .4rem;display:flex}.tag-input:focus-within{border-color:var(--color-brand,#4f46e5);outline:2px solid color-mix(in srgb, var(--color-brand,#4f46e5) 30%, transparent);outline-offset:0}.tag-input-field{min-width:6rem;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:6rem;min-height:0;padding:.2rem .1rem}.tag-input-field:focus{box-shadow:none;background:0 0;border:none}.tag-input-field[hidden]{display:none}