/* :root {
    --md-admonition-icon--post-endpoint: 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="#e8eaed"><path d="M280-120 80-320l200-200 57 56-104 104h607v80H233l104 104-57 56Zm400-320-57-56 104-104H120v-80h607L623-784l57-56 200 200-200 200Z"/></svg>');
} */

:root {
    --post-color: rgb(63, 120, 76);
    --post-background-color: rgba(63, 120, 76, 0.1);
    --get-color: rgb(18, 78, 120);
    --get-background-color: rgba(18, 78, 120, 0.1);
    --put-color: rgb(242, 187, 5);
    --put-background-color: rgba(242, 187, 5, 0.1);
    --delete-color: rgb(215, 78, 9);
    --delete-background-color: rgba(215, 78, 9, 0.1);
}

/*
POST Endpoint Admonition
*/

.md-typeset .admonition.post-endpoint,
.md-typeset details.post-endpoint {
    border-color: var(--post-color);
}
.md-typeset .post-endpoint > .admonition-title,
.md-typeset .post-endpoint > summary {
    background-color: var(--post-background-color);
}
.md-typeset .post-endpoint > .admonition-title::before,
.md-typeset .post-endpoint > summary::before {
    background-color: var(--post-color);
    /*-webkit-mask-image: var(--md-admonition-icon--post-endpoint);
    mask-image: var(--md-admonition-icon--post-endpoint);*/
}

/*
GET Endpoint Admonition
*/

.md-typeset .admonition.get-endpoint,
.md-typeset details.get-endpoint {
    border-color: var(--get-color);
}
.md-typeset .get-endpoint > .admonition-title,
.md-typeset .get-endpoint > summary {
    background-color: var(--get-background-color);
}
.md-typeset .get-endpoint > .admonition-title::before,
.md-typeset .get-endpoint > summary::before {
    background-color: var(--get-color);
}

/*
PUT Endpoint Admonition
*/

.md-typeset .admonition.put-endpoint,
.md-typeset details.put-endpoint {
    border-color: var(--put-color);
}
.md-typeset .put-endpoint > .admonition-title,
.md-typeset .put-endpoint > summary {
    background-color: var(--put-background-color);
}
.md-typeset .put-endpoint > .admonition-title::before,
.md-typeset .put-endpoint > summary::before {
    background-color: var(--put-color);
}

/*
DELETE Endpoint Admonition
*/

.md-typeset .admonition.delete-endpoint,
.md-typeset details.delete-endpoint {
    border-color: var(--delete-color);
}
.md-typeset .delete-endpoint > .admonition-title,
.md-typeset .delete-endpoint > summary {
    background-color: var(--delete-background-color);
}
.md-typeset .delete-endpoint > .admonition-title::before,
.md-typeset .delete-endpoint > summary::before {
    background-color: var(--delete-color);
}