:root {
    --md-primary-fg-color:        #0055B7;
    --md-primary-fg-color--light: #ECB7B7;
    --md-primary-fg-color--dark:  #90030C;
  }


:root {
  --md-admonition-icon--bchdp: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.38 8A9.502 9.502 0 0 1 12 2.5a9.502 9.502 0 0 1 9.215 7.182.75.75 0 1 0 1.456-.364C21.473 4.539 17.15 1 12 1a10.995 10.995 0 0 0-9.5 5.452V4.75a.75.75 0 0 0-1.5 0V8.5a1 1 0 0 0 1 1h3.75a.75.75 0 0 0 0-1.5H3.38Zm-.595 6.318a.75.75 0 0 0-1.455.364C2.527 19.461 6.85 23 12 23c4.052 0 7.592-2.191 9.5-5.451v1.701a.75.75 0 0 0 1.5 0V15.5a1 1 0 0 0-1-1h-3.75a.75.75 0 0 0 0 1.5h2.37A9.502 9.502 0 0 1 12 21.5c-4.446 0-8.181-3.055-9.215-7.182Z"/></svg>')
}
.md-typeset .admonition.bchdp,
.md-typeset details.bchdp {
  border-color: rgb(43, 155, 70);
}
.md-typeset .bchdp > .admonition-title,
.md-typeset .bchdp > summary {
  background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .bchdp > .admonition-title::before,
.md-typeset .bchdp > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--bchdp);
          mask-image: var(--md-admonition-icon--bchdp);
}