/* One admonition type of the docs' own: `!!! agents`, the pointer to the page
   written for a language model rather than a person.

   The theme draws an admonition as a tinted block with a masked icon in the
   title, so a new type needs three rules and an icon. Both colours are the
   theme's accent, which is what makes the block follow the palette toggle
   instead of holding one colour through both. */

:root {
  --md-admonition-icon--agents: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.5 15.5c0 1.11-.89 2-2 2s-2-.89-2-2 .9-2 2-2 2 .9 2 2m-9-2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.89 2-2-.89-2-2-2M23 15v3c0 .55-.45 1-1 1h-1v1c0 1.11-.89 2-2 2H5a2 2 0 0 1-2-2v-1H2c-.55 0-1-.45-1-1v-3c0-.55.45-1 1-1h1c0-3.87 3.13-7 7-7h1V5.73c-.6-.34-1-.99-1-1.73 0-1.1.9-2 2-2s2 .9 2 2c0 .74-.4 1.39-1 1.73V7h1c3.87 0 7 3.13 7 7h1c.55 0 1 .45 1 1m-2 1h-2v-2c0-2.76-2.24-5-5-5h-4c-2.76 0-5 2.24-5 5v2H3v1h2v3h14v-3h2z"/></svg>');
}

.md-typeset .admonition.agents,
.md-typeset details.agents {
  background-color: var(--md-accent-fg-color--transparent);
}

.md-typeset .agents > .admonition-title::before,
.md-typeset .agents > summary::before {
  background-color: var(--md-accent-fg-color);
  -webkit-mask-image: var(--md-admonition-icon--agents);
          mask-image: var(--md-admonition-icon--agents);
}

.md-typeset .agents > .admonition-title::after,
.md-typeset .agents > summary::after {
  color: var(--md-accent-fg-color);
}