.dx-tag{align-items:center;gap:var(--space-1);max-width:12rem;min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-tag);background-color:var(--tag-fill);color:var(--tag-ink);font-size:.875rem;line-height:var(--leading-body);white-space:nowrap;display:inline-flex}.dx-tag-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.dx-tag-dot{display:none}.dx-tag-remove{min-width:var(--space-5);min-height:var(--space-6);margin-right:calc(-1 * var(--space-1));border-radius:var(--radius-tag);color:inherit;opacity:.75;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.dx-tag-remove:hover{opacity:1}.dx-tag-remove:focus-visible{outline:2px solid var(--accent);outline-offset:1px;opacity:1}.dx-tag-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width>=48rem){.dx-tag-bar{gap:calc(var(--space-1) + var(--space-1) / 2)}}@media (width<48rem){.dx-tag-remove:after{content:"";inset:calc((var(--target) - var(--space-6)) / -2) calc((var(--target) - var(--space-5)) / -2);position:absolute}}@media (width>=48rem){.dx-tag-add{min-height:var(--space-6)}}.dx-tag-add{border:1px dashed var(--line-control);border-radius:var(--radius-tag);color:var(--ink-muted)}.dx-tag-panel{gap:var(--space-1);flex-direction:column;width:16rem;max-height:20rem;display:flex}.dx-tag-swatch{border-radius:calc(var(--radius-tag) + var(--space-1));cursor:pointer;border:2px solid transparent;padding:2px;display:inline-flex}@media (width<48rem){.dx-tag-swatch{padding:calc((var(--target) - var(--space-6)) / 2 - 2px)}}.dx-tag-swatch:has(input:checked){border-color:var(--accent-strong)}.dx-tag-swatch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.dx-tag[data-colour=gray]{--tag-fill:var(--tag-gray-fill);--tag-ink:var(--tag-gray-ink)}.dx-tag[data-colour=red]{--tag-fill:var(--tag-red-fill);--tag-ink:var(--tag-red-ink)}.dx-tag[data-colour=orange]{--tag-fill:var(--tag-orange-fill);--tag-ink:var(--tag-orange-ink)}.dx-tag[data-colour=yellow]{--tag-fill:var(--tag-yellow-fill);--tag-ink:var(--tag-yellow-ink)}.dx-tag[data-colour=green]{--tag-fill:var(--tag-green-fill);--tag-ink:var(--tag-green-ink)}.dx-tag[data-colour=teal]{--tag-fill:var(--tag-teal-fill);--tag-ink:var(--tag-teal-ink)}.dx-tag[data-colour=blue]{--tag-fill:var(--tag-blue-fill);--tag-ink:var(--tag-blue-ink)}.dx-tag[data-colour=purple]{--tag-fill:var(--tag-purple-fill);--tag-ink:var(--tag-purple-ink)}