:root {
    --md-admonition-icon--chart: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M200-120q-33 0-56.5-23.5T120-200v-640h80v640h640v80H200Zm40-120v-360h160v360H240Zm200 0v-560h160v560H440Zm200 0v-200h160v200H640Z"/></svg>')
}

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