[data-md-color-scheme="computacenter"] {
    --md-primary-fg-color:        #009DDC;
    --md-primary-fg-color--light: #009DDC;
    --md-primary-fg-color--dark:  #24387F;
  }

  :root {
    --md-tooltip-width: 500px;
    --md-admonition-icon--thumbs-up: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.2.1 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 2022 Fonticons, Inc.--><path d="M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2h144c26.5 0 48 21.5 48 48 0 25.3-19.5 46-44.3 47.9 7.7 8.5 12.3 19.8 12.3 32.1 0 23.4-16.8 42.9-38.9 47.1 4.4 7.2 6.9 15.8 6.9 24.9 0 21.3-13.9 39.4-33.1 45.6.7 3.3 1.1 6.8 1.1 10.4 0 26.5-21.5 48-48 48h-73.5c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3V247.1c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7zM32 192h64c17.7 0 32 14.3 32 32v224c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V224c0-17.7 14.3-32 32-32z"/></svg>');
    --md-admonition-icon--thumbs-down: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.2.1 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 2022 Fonticons, Inc.--><path d="M313.4 479.1c26-5.2 42.9-30.5 37.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2h144c26.5 0 48-21.5 48-48 0-25.3-19.5-46-44.3-47.9 7.7-8.5 12.3-19.8 12.3-32.1 0-23.4-16.8-42.9-38.9-47.1 4.4-7.3 6.9-15.8 6.9-24.9 0-21.3-13.9-39.4-33.1-45.6.7-3.3 1.1-6.8 1.1-10.4 0-26.5-21.5-48-48-48h-73.5c-19 0-37.5 5.6-53.3 16.1l-38.5 25.7C176 91.6 160 121.6 160 153.7V264.9c0 29.2 13.3 56.7 36 75l7.4 5.9c26.5 21.2 44.6 51 51.2 84.2l2.3 11.4c5.2 26 30.5 42.9 56.5 37.7zM32 320h64c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64v224c0 17.7 14.3 32 32 32z"/></svg>');
  }

.md-typeset .admonition.good-practice-no-title,
.md-typeset details.good-practice-no-title {
  border-color: rgb(43, 155, 70);
  border-width: 2px;
}
.md-typeset .good-practice-no-title > .admonition-title,
.md-typeset .good-practice-no-title > summary {
  background-color: rgba(43, 155, 70, 0.1);
  border-width: 2px;
}
.md-typeset .good-practice-no-title > .admonition-title::before,
.md-typeset .good-practice-no-title > summary::before {
  background-color: rgb(43, 155, 70);
  border-width: 2px;
  -webkit-mask-image: var(--md-admonition-icon--thumbs-up);
          mask-image: var(--md-admonition-icon--thumbs-up);
}

.md-typeset .admonition.bad-practice-no-title,
.md-typeset details.bad-practice-no-title {
  border-color: rgb(255, 0, 0);
  border-width: 2px;
}
.md-typeset .bad-practice-no-title > .admonition-title,
.md-typeset .bad-practice-no-title > summary {
  background-color: rgba(255, 0, 0, 0.1);
  border-width: 2px;
}
.md-typeset .bad-practice-no-title > .admonition-title::before,
.md-typeset .bad-practice-no-title > summary::before {
  background-color: rgb(255, 0, 0);
  border-width: 2px;
  -webkit-mask-image: var(--md-admonition-icon--thumbs-down);
          mask-image: var(--md-admonition-icon--thumbs-down);
}

.md-typeset .admonition.good-practice,
.md-typeset details.good-practice {
  border-color: rgb(43, 155, 70);
}
.md-typeset .good-practice > .admonition-title,
.md-typeset .good-practice > summary {
  background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .good-practice > .admonition-title::before,
.md-typeset .good-practice > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--thumbs-up);
          mask-image: var(--md-admonition-icon--thumbs-up);
}

.md-typeset .admonition.bad-practice,
.md-typeset details.bad-practice {
  border-color: rgb(255, 0, 0);
}
.md-typeset .bad-practice > .admonition-title,
.md-typeset .bad-practice > summary {
  background-color: rgba(255, 0, 0, 0.1);
}
.md-typeset .bad-practice > .admonition-title::before,
.md-typeset .bad-practice > summary::before {
  background-color: rgb(255, 0, 0);
  -webkit-mask-image: var(--md-admonition-icon--thumbs-down);
          mask-image: var(--md-admonition-icon--thumbs-down);
}