div.code-panel {
    font-family: Menlo,Consolas,monospace;
    margin: 20px 0;
    font-size: 9pt;
}

div.code-panel.request div.endpoint {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #3c4257;
    padding: 8px;
    color: #a3acb9;
}

div.code-panel.request div.endpoint span.method {
    color: #85d996;
}

div.code-panel.request div.payload {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #4f566b;
    padding: 8px;
    color: #f5fbff;
    white-space: pre-wrap;
    word-wrap: break-word;
}

div.code-panel.response div.description {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #e3e8ee;
    padding: 8px;
    color: #4f566b;
}

div.code-panel.response div.payload {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #f6fafc;
    padding: 8px;
    color: #4f566b;
    border: 1px solid #e3e8ee;
    white-space: pre-wrap;
    word-wrap: break-word;
}

h2 {
    font-size: x-large;
}

.monospace {
    font-family: Menlo,Consolas,monospace;
    font-size: 10pt;
}