:root {
    --md-admoniton-icon--lock: url("data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M4 4a4 4 0 0 1 8 0v2h.25c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 12.25 15h-8.5A1.75 1.75 0 0 1 2 13.25v-5.5C2 6.784 2.784 6 3.75 6H4Zm8.25 3.5h-8.5a.25.25 0 0 0-.25.25v5.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25ZM10.5 6V4a2.5 2.5 0 1 0-5 0v2Z"></path></svg>")
}
.md-typeset .admonition.lock,
.md-typeset details.lock {
  border-color: rgb(20, 198, 198);
}
.md-typeset .lock > .admonition-title,
.md-typeset .lock > summary {
  background-color: rgba(20, 198, 198, 0.1);
}
.md-typeset .lock > .admonition-title::before,
.md-typeset .lock > summary::before {
  background-color: rgb(20, 198, 198);
  -webkit-mask-image: var(--md-admonition-icon--lock);
          mask-image: var(--md-admonition-icon--lock);
}