:root {
  --md-admonition-icon--draft: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M441 58.9 453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2 344 121.9l46.1 46.1-134.3 134.2c-2.9 2.9-6.5 5-10.4 6.1L186.9 325l16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25 175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25c-28.1-28.1-73.7-28.1-101.8 0M88 64c-48.6 0-88 39.4-88 88v272c0 48.6 39.4 88 88 88h272c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24v112c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40h112c13.3 0 24-10.7 24-24s-10.7-24-24-24z"/></svg>');
  --md-admonition-icon--wip: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M441 58.9 453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2 344 121.9l46.1 46.1-134.3 134.2c-2.9 2.9-6.5 5-10.4 6.1L186.9 325l16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25 175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25c-28.1-28.1-73.7-28.1-101.8 0M88 64c-48.6 0-88 39.4-88 88v272c0 48.6 39.4 88 88 88h272c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24v112c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40h112c13.3 0 24-10.7 24-24s-10.7-24-24-24z"/></svg>');
  --md-admonition-icon--done: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512m84.4-299.3-80 128c-4.2 6.7-11.4 10.9-19.3 11.3s-15.5-3.2-20.2-9.6l-48-64c-8-10.6-5.8-25.6 4.8-33.6s25.6-5.8 33.6 4.8l27 36 61.4-98.3c7-11.2 21.8-14.7 33.1-7.6s14.7 21.8 7.6 33.1z"/></svg>');

}

/* Admonition style for draft status */
.md-typeset .admonition.draft,
.md-typeset details.draft {
  border-color: rgb(216, 22, 22);
}
.md-typeset .draft > .admonition-title,
.md-typeset .draft > summary {
  background-color: rgb(216, 22, 22, 0.1);
  border-color: rgb(216, 22, 22);
}
.md-typeset .draft > .admonition-title::before,
.md-typeset .draft > summary::before {
  background-color: rgb(216, 22, 22);
  -webkit-mask-image: var(--md-admonition-icon--draft);
          mask-image: var(--md-admonition-icon--draft);
}
.md-status--draft {
  margin-right: 0;
  margin-left: auto;
  background-color: rgb(216, 22, 22);
  -webkit-mask-image: var(--md-admonition-icon--draft);
          mask-image: var(--md-admonition-icon--draft);
}

/* Admonition style for wip status */
.md-typeset .admonition.wip,
.md-typeset details.wip {
  border-color: rgb(255, 165, 0);
}
.md-typeset .wip > .admonition-title,
.md-typeset .wip > summary {
  background-color: rgb(255, 165, 0, 0.1);
  border-color: rgb(255, 165, 0);
}
.md-typeset .wip > .admonition-title::before,
.md-typeset .wip > summary::before {
  background-color: rgb(255, 165, 0);
  -webkit-mask-image: var(--md-admonition-icon--wip);
          mask-image: var(--md-admonition-icon--wip);
}
.md-status--wip {
  margin-right: 0;
  margin-left: auto;
  background-color: rgb(255, 165, 0);
  -webkit-mask-image: var(--md-admonition-icon--wip);
          mask-image: var(--md-admonition-icon--wip);
}

/* Admonition style for done status */
.md-typeset .admonition.done,
.md-typeset details.done {
  border-color: rgb(0, 128, 0);
}
.md-typeset .done > .admonition-title,
.md-typeset .done > summary {
  background-color: rgb(0, 128, 0, 0.1);
  border-color: rgb(0, 128, 0);
}
.md-typeset .done > .admonition-title::before,
.md-typeset .done > summary::before {
  background-color: rgb(0, 128, 0);
  -webkit-mask-image: var(--md-admonition-icon--done);
          mask-image: var(--md-admonition-icon--done);
}
.md-status--done {
  margin-right: 0;
  margin-left: auto;
  background-color: rgb(0, 128, 0);
  -webkit-mask-image: var(--md-admonition-icon--done);
          mask-image: var(--md-admonition-icon--done);
}