/* This file contains styles definition for collapsible sections used to describe an API endpoints. 
It is widely used in API reference documentation, where each endpoint is described in a collapsible section. */

/* ########## GENERAL ########## */
.md-typeset details.post,
.md-typeset details.put,
.md-typeset details.delete,
.md-typeset details.get,
.md-typeset details.patch,
.md-typeset details.head,
.md-typeset details.options {
    font-size: inherit;
    padding: 0 1.2em;
}

.md-typeset details.post[open],
.md-typeset details.put[open],
.md-typeset details.delete[open],
.md-typeset details.get[open],
.md-typeset details.patch[open],
.md-typeset details.head[open],
.md-typeset details.options[open] {
    padding-bottom: 1em;
}

.md-typeset details.post summary,
.md-typeset details.put summary,
.md-typeset details.delete summary,
.md-typeset details.get summary,
.md-typeset details.patch summary,
.md-typeset details.head summary,
.md-typeset details.options summary {
    margin: 0 -1.2em;
    display: flex;
    align-items: center;
    justify-content: left;
}

.md-typeset details.post summary:before,
.md-typeset details.put summary:before,
.md-typeset details.delete summary:before,
.md-typeset details.get summary:before,
.md-typeset details.patch summary:before,
.md-typeset details.head summary:before,
.md-typeset details.options summary:before {
    position: relative;
    display: inline-block;
    margin-left: -2.75em;
    margin-right: 1.5em;
    margin-top: -1.25em;
    height: 100%;
    mask-image: unset;
    text-align: center;
    border-radius: 3px;
    width: 6em;
    color: #fff;
}

.md-typeset details.post[open] summary,
.md-typeset details.put[open] summary,
.md-typeset details.delete[open] summary,
.md-typeset details.get[open] summary,
.md-typeset details.patch[open] summary,
.md-typeset details.head[open] summary,
.md-typeset details.options[open] summary {
    margin-bottom: 1em;
}

.md-typeset details.post :nth-child(2),
.md-typeset details.put :nth-child(2),
.md-typeset details.delete :nth-child(2),
.md-typeset details.get :nth-child(2),
.md-typeset details.patch :nth-child(2),
.md-typeset details.head :nth-child(2),
.md-typeset details.options :nth-child(2) {
    margin-top: 0;
}

.md-typeset details.post :last-child:not(summary),
.md-typeset details.put :last-child:not(summary),
.md-typeset details.delete :last-child:not(summary),
.md-typeset details.get :last-child:not(summary),
.md-typeset details.patch :last-child:not(summary),
.md-typeset details.head :last-child:not(summary),
.md-typeset details.options :last-child:not(summary) {
    margin-bottom: 0;
}

/* ################## ENDPOINTS ##################  */
/* There are styles for each individual http method */
/* it defines light and dark mode styles, which are */
/* selected as data-md-color-scheme="slate"         */
/* ################## ENDPOINTS ##################  */

/* ########## POST ########## */
.md-typeset details.post {
    border-color: #49cc90;
}

.md-typeset details.post summary {
    background-color: #e8f6f0;
}

.md-typeset details.post[open] summary {
    border-bottom: 1px solid #49cc90;
}

.md-typeset details.post summary:before {
    background-color: #49cc90;
    content: "POST";
}

body[data-md-color-scheme="slate"] .md-typeset details.post {
    border-color: #2a9570;
}

body[data-md-color-scheme="slate"] .md-typeset details.post summary {
    background-color: #1c2926;
}

body[data-md-color-scheme="slate"] .md-typeset details.post[open] summary {
    border-bottom: 1px solid #2a9570;
}

body[data-md-color-scheme="slate"] .md-typeset details.post summary:before {
    background-color: #2a9570;
    content: "POST";
}

/* ########## PUT ########## */
.md-typeset details.put {
    border-color: #fca130;
}

.md-typeset details.put summary {
    background-color: #fbf1e6;
}

.md-typeset details.put[open] summary {
    border-bottom: 1px solid #fca130;
}

.md-typeset details.put summary:before {
    background-color: #fca130;
    content: "PUT";
}

body[data-md-color-scheme="slate"] .md-typeset details.put {
    border-color: #ae6203;
}

body[data-md-color-scheme="slate"] .md-typeset details.put summary {
    background-color: #2a241b;
}

body[data-md-color-scheme="slate"] .md-typeset details.put[open] summary {
    border-bottom: 1px solid #ae6203;
}

body[data-md-color-scheme="slate"] .md-typeset details.put summary:before {
    background-color: #ae6203;
    content: "PUT";
}

/* ########## DELETE ########## */
.md-typeset details.delete {
    border-color: #f93e3e;
}

.md-typeset details.delete summary {
    background-color: #fae7e7;
}

.md-typeset details.delete[open] summary {
    border-bottom: 1px solid #f93e3e;
}

.md-typeset details.delete summary:before {
    background-color: #f93e3e;
    content: "DELETE";
}

body[data-md-color-scheme="slate"] .md-typeset details.delete {
    border-color: #a50505;
}

body[data-md-color-scheme="slate"] .md-typeset details.delete summary {
    background-color: #291b1c;
}

body[data-md-color-scheme="slate"] .md-typeset details.delete[open] summary {
    border-bottom: 1px solid #a50505;
}

body[data-md-color-scheme="slate"] .md-typeset details.delete summary:before {
    background-color: #a50505;
    content: "DELETE";
}

/* ########## GET ########## */
.md-typeset details.get {
    border-color: #61affe;
}

.md-typeset details.get summary {
    background-color: #ebf3fb;
}

.md-typeset details.get[open] summary {
    border-bottom: 1px solid #61affe;
}

.md-typeset details.get summary:before {
    background-color: #61affe;
    content: "GET";
}

body[data-md-color-scheme="slate"] .md-typeset details.get {
    border-color: #014991;
}

body[data-md-color-scheme="slate"] .md-typeset details.get summary {
    background-color: #18212a;
}

body[data-md-color-scheme="slate"] .md-typeset details.get[open] summary {
    border-bottom: 1px solid #014991;
}

body[data-md-color-scheme="slate"] .md-typeset details.get summary:before {
    background-color: #014991;
    content: "GET";
}

/* ########## PATCH ########## */
.md-typeset details.patch {
    border-color: #50e3c2;
}

.md-typeset details.patch summary {
    background-color: #e9f8f5;
}

.md-typeset details.patch[open] summary {
    border-bottom: 1px solid #50e3c2;
}

.md-typeset details.patch summary:before {
    background-color: #50e3c2;
    content: "PATCH";
}

body[data-md-color-scheme="slate"] .md-typeset details.patch {
    border-color: #189580;
}

body[data-md-color-scheme="slate"] .md-typeset details.patch summary {
    background-color: #1a2928;
}

body[data-md-color-scheme="slate"] .md-typeset details.patch[open] summary {
    border-bottom: 1px solid #189580;
}

body[data-md-color-scheme="slate"] .md-typeset details.patch summary:before {
    background-color: #189580;
    content: "PATCH";
}

/* ########## HEAD ########## */
.md-typeset details.head {
    border-color: #9012fe;
}

.md-typeset details.head summary {
    background-color: #f0e3fb;
}

.md-typeset details.head[open] summary {
    border-bottom: 1px solid #9012fe;
}

.md-typeset details.head summary:before {
    background-color: #9012fe;
    content: "HEAD";
}

body[data-md-color-scheme="slate"] .md-typeset details.head {
    border-color: #6701c1;
}

body[data-md-color-scheme="slate"] .md-typeset details.head summary {
    background-color: #231a2f;
}

body[data-md-color-scheme="slate"] .md-typeset details.head[open] summary {
    border-bottom: 1px solid #6701c1;
}

body[data-md-color-scheme="slate"] .md-typeset details.head summary:before {
    background-color: #6701c1;
    content: "HEAD";
}

/* ########## OPTIONS ########## */
.md-typeset details.options {
    border-color: #0d5aa7;
}

.md-typeset details.options summary {
    background-color: #e2eaf2;
}

.md-typeset details.options[open] summary {
    border-bottom: 1px solid #0d5aa7;
}

.md-typeset details.options summary:before {
    background-color: #0d5aa7;
    content: "OPTIONS";
}

body[data-md-color-scheme="slate"] .md-typeset details.options {
    border-color: #0a4886;
}

body[data-md-color-scheme="slate"] .md-typeset details.options summary {
    background-color: #192129;
}

body[data-md-color-scheme="slate"] .md-typeset details.options[open] summary {
    border-bottom: 1px solid #0a4886;
}

body[data-md-color-scheme="slate"] .md-typeset details.options summary:before {
    background-color: #0a4886;
    content: "OPTIONS";
}