: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;
}
:root {
  --md-admonition-icon--admonish-toc: url("data:image/svg+xml;charset=utf-8,<?xml version='1.0' encoding='UTF-8'?><svg width='39px' height='39px' stroke-width='0.8' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000000'><path d='M3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4Z' stroke='%23000000' stroke-width='0.8'></path><path d='M3 16.5H21' stroke='%23000000' stroke-width='0.8'></path><path d='M3 12H21' stroke='%23000000' stroke-width='0.8'></path><path d='M21 7.5H3' stroke='%23000000' stroke-width='0.8'></path><path d='M12 21V3' stroke='%23000000' stroke-width='0.8'></path></svg>");
}

:is(.admonition):is(.admonish-toc) {
  border-color: #b7b878;
}

:is(.admonish-toc) > :is(.admonition-title, summary.admonition-title) {
  background-color: rgba(183, 184, 120, 0.1);
}
:is(.admonish-toc) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #b7b878;
  mask-image: var(--md-admonition-icon--admonish-toc);
  -webkit-mask-image: var(--md-admonition-icon--admonish-toc);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

:is(.admonition):is(.admonish-toc) a {
  color: #f2f3a0a2;
  text-decoration: none;
  transition: color 0.2s ease;
  display: inline-flex;
  content: ''
}

:is(.admonition):is(.admonish-toc) a:hover {
  color: #f2f3a0f1; /* Slightly different color on hover */
}