:is(.agent-instruction-composer__pill,.template-variable-pill){vertical-align:baseline;border:1px solid color-mix(in srgb, var(--reference-accent) 38%, var(--color-border));min-height:26px;color:var(--reference-accent);background:color-mix(in srgb, var(--reference-accent) 9%, var(--color-surface));text-indent:0;cursor:pointer;-webkit-user-select:all;user-select:all;border-radius:7px;align-items:center;gap:5px;margin:0 2px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:720;line-height:1;display:inline-flex}:is(.agent-instruction-composer__pill,.template-variable-pill):hover,:is(.agent-instruction-composer__pill,.template-variable-pill):focus-visible,:is(.agent-instruction-composer__pill,.template-variable-pill).is-active{border-color:color-mix(in srgb, var(--reference-accent) 66%, var(--color-border));background:color-mix(in srgb, var(--reference-accent) 14%, var(--color-surface));outline:0}:is(.agent-instruction-composer__pill,.template-variable-pill).is-active{box-shadow:0 0 0 3px color-mix(in srgb, var(--reference-accent) 15%, transparent)}:is(.agent-instruction-composer__pill,.template-variable-pill) svg{flex:none;width:13px;height:13px}:is(.agent-instruction-composer__pill,.template-variable-pill).is-agent{border-radius:8px}