@layer veneer.components{:where([data-scope=tag]){border:var(--veneer-border-hairline) solid var(--_border,var(--veneer-color-border));border-radius:var(--veneer-radius-control);background:var(--veneer-color-surface-raised);block-size:24px;color:var(--veneer-color-text);font-size:var(--veneer-text-caption-size);align-items:center;gap:4px;padding-inline:8px 4px;display:inline-flex}:where([data-scope=tag]:not(:has([data-part=remove]))){padding-inline-end:8px}:where([data-scope=tag])>:where([data-part=swatch]){background:var(--_solid);border-radius:2px;block-size:8px;inline-size:8px}:where([data-scope=tag]) :where([data-part=remove]:not([data-scope=tag] :is([data-scope=kv]) :not([data-scope=tag] :is([data-scope=kv]) [data-scope=tag] *))){border-radius:var(--veneer-radius-mark);block-size:18px;inline-size:18px;color:var(--veneer-color-text-subtle);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}:where([data-scope=tag]) :where([data-part=remove]):after{content:"";inset:min(0px, calc((100% - var(--veneer-hit-min)) / 2));position:absolute}:where([data-scope=tag]) :where([data-part=remove]:hover:not([data-scope=tag] :is([data-scope=kv]) :not([data-scope=tag] :is([data-scope=kv]) [data-scope=tag] *))){background:color-mix(in oklab, currentColor 12%, transparent);color:var(--veneer-color-text)}:where([data-scope=tag]) :where([data-part=remove]:not([data-scope=tag] :is([data-scope=kv]) :not([data-scope=tag] :is([data-scope=kv]) [data-scope=tag] *))) :where(svg){block-size:12px;inline-size:12px}:where([data-scope=tag][data-state=removed]){animation:veneer-exit calc(var(--veneer-duration-fast) * var(--veneer-duration-exit-k)) var(--veneer-ease-in) forwards}}