:root {
  --md-admonition-icon--info-block: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -4 24 24"><path d="M16 0H8C6.9 0 6 .9 6 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6l-6-6m4 18H8V2h7v5h5v11M4 4v18h16v2H4c-1.1 0-2-.9-2-2V4h2m6 6v2h8v-2h-8m0 4v2h5v-2h-5Z"/></svg>')
}

.md-typeset .admonition.info-block,
.md-typeset details.info-block {
  border-color: rgb(20, 21, 27);
}

.md-typeset .info-block > .admonition-title,
.md-typeset .info-block > summary {
  background-color: rgba(20, 21, 27, 0.1);
}

.md-typeset .info-block > .admonition-title::before,
.md-typeset .info-block > summary::before {
  background-color: rgb(20, 21, 27);
  -webkit-mask-image: var(--md-admonition-icon--info-block);
          mask-image: var(--md-admonition-icon--info-block);
}