:root {
  --md-admonition-icon--admonish-technical: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'><g fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M6.818 22v-2.857C6.52 16.166 3 14.572 3 10c0-4.57 2.727-8.056 8.182-8c3.927.042 7.636 2.286 7.636 6.858L21 12.286c0 2.286-2.182 2.286-2.182 2.286s.546 5.714-4.364 5.714V22'/><path d='M11 12a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/><path stroke-dasharray='.3 2' d='M11 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6'/></g></svg>");
}

:is(.admonition):is(.admonish-technical) {
  border-color: #f458ea;
}

:is(.admonish-technical) > :is(.admonition-title, summary.admonition-title) {
  background-color: rgba(244, 88, 234, 0.1);
}
:is(.admonish-technical) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #f458ea;
  mask-image: var(--md-admonition-icon--admonish-technical);
  -webkit-mask-image: var(--md-admonition-icon--admonish-technical);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}