/*
__________________________________ CONTENTS ___________________________________

   This is a style sheet for a "custom" admonition 'important' which effectively
   serves as a fix for the 'markdown-callouts' plugin since which is missing a
   style for one of the valid Github callouts (aka '> [!Important]') the icon
   and color are similarly to the original.
   
   See: https://squidfunk.github.io/mkdocs-material/reference/admonitions/#custom-admonitions
_______________________________________________________________________________
*/

:root {
  --md-admonition-icon--important: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3M11,14V16H13V14H11M11,12H13V6H11V12Z" /></svg>')
  /* 'materials/chat-alert' embedded as a raw SVG */
}
.md-typeset .admonition.important,
.md-typeset details.important {
  border-color: rgb(183, 107, 199);
}
.md-typeset .important > .admonition-title,
.md-typeset .important > summary {
  background-color: rgba(183, 107, 199, 0.1);
}
.md-typeset .important > .admonition-title::before,
.md-typeset .important > summary::before {
  background-color: rgb(183, 107, 199);
  -webkit-mask-image: var(--md-admonition-icon--important);
          mask-image: var(--md-admonition-icon--important);
}
