:root {
    --md-admonition-icon--json-spec: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 2H3c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 18H3V6h18v14M9 8c-1.1 0-2 .9-2 2s-.9 2-2 2v2c1.1 0 2 .9 2 2s.9 2 2 2h2v-2H9v-1c0-1.1-.9-2-2-2 1.1 0 2-.9 2-2v-1h2V8m4 0c1.1 0 2 .9 2 2s.9 2 2 2v2c-1.1 0-2 .9-2 2s-.9 2-2 2h-2v-2h2v-1c0-1.1.9-2 2-2-1.1 0-2-.9-2-2v-1h-2V8h2Z"/></svg>');
}

.md-typeset .admonition.json-spec,
.md-typeset details.json-spec {
    border-color: rgb(76, 174, 79);
}

.md-typeset .json-spec>.admonition-title,
.md-typeset .json-spec>summary {
    background-color: rgba(76, 174, 79, 0.1);
}

.md-typeset .json-spec>.admonition-title::before,
.md-typeset .json-spec>summary::before {
    background-color: rgb(76, 174, 79);
    -webkit-mask-image: var(--md-admonition-icon--json-spec);
    mask-image: var(--md-admonition-icon--json-spec);
}