:root {
    --md-admonition-icon--ucmdhelp: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm9 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM6.92 6.085c.081-.16.19-.299.34-.398.145-.097.371-.187.74-.187.28 0 .553.087.738.225A.613.613 0 0 1 9 6.25c0 .177-.04.264-.077.318a.956.956 0 0 1-.277.245c-.076.051-.158.1-.258.161l-.007.004a7.728 7.728 0 0 0-.313.195 2.416 2.416 0 0 0-.692.661.75.75 0 0 0 1.248.832.956.956 0 0 1 .276-.245 6.3 6.3 0 0 1 .26-.16l.006-.004c.093-.057.204-.123.313-.195.222-.149.487-.355.692-.662.214-.32.329-.702.329-1.15 0-.76-.36-1.348-.863-1.725A2.76 2.76 0 0 0 8 4c-.631 0-1.155.16-1.572.438-.413.276-.68.638-.849.977a.75.75 0 1 0 1.342.67z"/></svg>')
}

.md-typeset .admonition.ucmdhelp,
.md-typeset details.ucmdhelp {
    border-color: rgb(43, 155, 70);
}

.md-typeset .ucmdhelp>.admonition-title,
.md-typeset .ucmdhelp>summary {
    background-color: rgba(43, 155, 70, 0.1);
    border: rgb(43, 155, 70);
}

.md-typeset .ucmdhelp code {
    font-family: APL;
    font-size: 1.1em;
}

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