[data-component-id="ui_suite_olivero:pill"] {
  display: inline-block;
  margin-inline-end: 0.25em;
  padding: 0.25em 0.7em;
  border-radius: 0.7em;
  background-color: color-mix(in lch, black 8%, CurrentColor 8%);
  /* Brightens the CurrentColor by mixing 25% white, ensuring the lightness change is perceptually accurate. */
  color: color-mix(in lch, white 30%, CurrentColor);
}
[data-component-id="ui_suite_olivero:pill"] svg {
  display: inline-block;
  vertical-align: bottom;
  height: 1.5em;
  width: 1.5em;
  margin-inline-end: 0.35em;
}