/* icon: wip-icon.svg */
:root {
  --md-admonition-icon--admonish-wip: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%2021h22L12%202%201%2021zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%0A%3C%2Fsvg%3E");
}

: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-size: contain;
}

/* icon: art/type-icons/pattern.svg */
:root {
  --md-admonition-icon--admonish-pattern: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Art%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpolygon%20points%3D%2250%20.48%2063.2%2032.31%2097.54%2035.03%2071.36%2057.41%2079.38%2090.92%2050%2072.93%2020.62%2090.92%2028.64%2057.41%202.45%2035.03%2036.8%2032.31%2050%20.48%22%2F%3E%3C%2Fsvg%3E");
}

: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-size: contain;
}

/* icon: art/type-icons/antipattern.svg */
:root {
  --md-admonition-icon--admonish-antipattern: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Art%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpolygon%20points%3D%2295.19%2024.49%2075.52%204.81%2050%2030.33%2024.48%204.81%204.81%2024.49%2030.32%2050%204.81%2075.52%2024.48%2095.2%2050%2069.68%2075.52%2095.2%2095.19%2075.52%2069.68%2050%2095.19%2024.49%22%2F%3E%3C%2Fsvg%3E");
}

:is(.admonition):is(.admonish-antipattern) {
  border-color: #c0392b;
}

:is(.admonish-antipattern) > :is(.admonition-title, summary.admonition-title) {
  background-color: rgba(192, 57, 43, 0.1);
}
:is(.admonish-antipattern) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #c0392b;
  mask-image: var(--md-admonition-icon--admonish-antipattern);
  -webkit-mask-image: var(--md-admonition-icon--admonish-antipattern);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}

/* icon: art/type-icons/concept.svg */
:root {
  --md-admonition-icon--admonish-concept: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Art%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.5%22%2F%3E%3C%2Fsvg%3E");
}

: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-size: contain;
}

/* icon: art/type-icons/decision.svg */
:root {
  --md-admonition-icon--admonish-decision: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Art%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20id%3D%22decision%22%20d%3D%22M99%2C50l-49%2C37.15L1%2C50%2C50%2C12.85l49%2C37.15Z%22%2F%3E%3C%2Fsvg%3E");
}

:is(.admonition):is(.admonish-decision) {
  border-color: #f1c40f;
}

:is(.admonish-decision) > :is(.admonition-title, summary.admonition-title) {
  background-color: rgba(241, 196, 15, 0.1);
}
:is(.admonish-decision) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #f1c40f;
  mask-image: var(--md-admonition-icon--admonish-decision);
  -webkit-mask-image: var(--md-admonition-icon--admonish-decision);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}

/* icon: image-pending-icon.svg */
:root {
  --md-admonition-icon--admonish-image-pending: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%20%20%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%221.5%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.7%22%20stroke-dasharray%3D%222.4%201.7%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%228.5%22%20cy%3D%229%22%20r%3D%221.5%22%20fill%3D%22currentColor%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.5%2017.2l4.6-5.6%203.1%203.6%202.7-2.6L19.5%2017.2z%22%20opacity%3D%220.6%22%2F%3E%0A%3C%2Fsvg%3E");
}

:is(.admonition):is(.admonish-image-pending) {
  border-color: #9b8b6b;
}

:is(.admonish-image-pending) > :is(.admonition-title, summary.admonition-title) {
  background-color: rgba(155, 139, 107, 0.1);
}
:is(.admonish-image-pending) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #9b8b6b;
  mask-image: var(--md-admonition-icon--admonish-image-pending);
  -webkit-mask-image: var(--md-admonition-icon--admonish-image-pending);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}

/* icon: audio-pending-icon.svg */
:root {
  --md-admonition-icon--admonish-audio-pending: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%20%20%3Cpath%20d%3D%22M4%2013a8%208%200%200%201%2016%200%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.7%22%20stroke-dasharray%3D%222.4%201.7%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%3Crect%20x%3D%223%22%20y%3D%2212.5%22%20width%3D%223.6%22%20height%3D%226.6%22%20rx%3D%221.4%22%20fill%3D%22currentColor%22%20opacity%3D%220.85%22%2F%3E%0A%20%20%3Crect%20x%3D%2217.4%22%20y%3D%2212.5%22%20width%3D%223.6%22%20height%3D%226.6%22%20rx%3D%221.4%22%20fill%3D%22currentColor%22%20opacity%3D%220.85%22%2F%3E%0A%3C%2Fsvg%3E");
}

:is(.admonition):is(.admonish-audio-pending) {
  border-color: #9b8b6b;
}

:is(.admonish-audio-pending) > :is(.admonition-title, summary.admonition-title) {
  background-color: rgba(155, 139, 107, 0.1);
}
:is(.admonish-audio-pending) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #9b8b6b;
  mask-image: var(--md-admonition-icon--admonish-audio-pending);
  -webkit-mask-image: var(--md-admonition-icon--admonish-audio-pending);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}