/* Custom "search" admonition, used by the examples gallery's tag index.
   Material has no magnifying-glass type, so this defines one following the
   standard custom-admonition recipe: an icon variable plus colour rules for
   both the static (.admonition) and collapsible (details) forms. */

:root {
  --md-admonition-icon--search: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>');
}

.md-typeset .admonition.search,
.md-typeset details.search {
  border-color: var(--md-default-fg-color--light);
}

.md-typeset .search > .admonition-title,
.md-typeset .search > summary {
  background-color: var(--md-default-fg-color--lightest);
}

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