:root {
  --md-admonition-icon--admonish-concept: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='currentColor' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/></svg>");
}

:is(.admonition):is(.admonish-concept) {
  border-color: #2980b9;
}

:is(.admonish-concept) > :is(.admonition-title, summary.admonition-title) {
  background-color: rgba(41, 128, 185, 0.1);
}
:is(.admonish-concept) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #2980b9;
  mask-image: var(--md-admonition-icon--admonish-concept);
  -webkit-mask-image: var(--md-admonition-icon--admonish-concept);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
:root {
  --md-admonition-icon--admonish-wip: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='currentColor' d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/></svg>");
}

:is(.admonition):is(.admonish-wip) {
  border-color: #e6a817;
}

:is(.admonish-wip) > :is(.admonition-title, summary.admonition-title) {
  background-color: rgba(230, 168, 23, 0.1);
}
:is(.admonish-wip) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #e6a817;
  mask-image: var(--md-admonition-icon--admonish-wip);
  -webkit-mask-image: var(--md-admonition-icon--admonish-wip);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
:root {
  --md-admonition-icon--admonish-pattern: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='currentColor' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>");
}

:is(.admonition):is(.admonish-pattern) {
  border-color: #27ae60;
}

:is(.admonish-pattern) > :is(.admonition-title, summary.admonition-title) {
  background-color: rgba(39, 174, 96, 0.1);
}
:is(.admonish-pattern) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #27ae60;
  mask-image: var(--md-admonition-icon--admonish-pattern);
  -webkit-mask-image: var(--md-admonition-icon--admonish-pattern);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}