.navbar {
    background: #10154b;
}

.nav {
    background: #ffff;
}

.toolbar {
    background: #ffff;
    box-shadow: none;
}

.nav-panel-explore {
    background: #ffff;
}

.doc {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #4d54a2;
    }
}

main > .content {
    justify-content: center;
}

.doc > h1.page:first-child {
    margin: 1.5rem 0 !important;
}

.banner.warning {
    background: #fff3cd;
    color: #856404;
    padding: .75rem;
    margin-bottom: 1rem;
    border: 1px solid #ffeeba;
}

body {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

body.open-api-desc article {
    ul, ol {
        list-style: revert !important;
    }
}

body.open-api-desc article .hljs-string {
    /*   TODO: Change to tailwind value*/
    color: rgb(34, 197, 94);
}

body.open-api-desc article .hljs-number {
    /*   TODO: Change to tailwind value*/
    color: rgb(59, 130, 246)
}

body.open-api-desc article pre:has(code) {
    /*   TODO: Change to tailwind value*/
    background-color: rgb(31, 41, 55);
    color: var(--sl-color-black);
    padding: 15px;
    overflow: auto;
    border-radius: 8px;
    margin: 6px;
    font-size: 14px;
    font-family: ui-monospace, monospace;
}

body.open-api-desc table {
    text-align: left;
    border: 1px solid;
    width: 100%;
}

body.open-api-desc {
    th, td {
        text-align: left;
        border: 1px solid;
        padding: 8px;
    }
}

body.open-api-desc tr:nth-child(even) {
    background-color: var(--sl-color-gray-6);
}


body.open-api article.doc {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 95% !important;
    font-size: 16px;
}

body.open-api article.doc div.doc {
    padding: 0 1rem !important;
}

body.open-api article.doc > h1 {
    max-width: 46rem;
    margin: 0 2rem;
    padding: 0 1rem;
}

body.open-api article.doc nav.pagination {
    display: none;
}

body.open-api-desc article.doc nav.pagination {
    display: none;
}

:root {
    --sl-color-white: #17181c;
    --sl-nav-height: 110px;
    --sl-color-text-accent: #1e50ff;
    --sl-color-gray-2: #353841;
    --sl-color-gray-3: #545861;
    --sl-color-gray-6: #eceef2;
    --sl-color-text: var(--sl-color-gray-2);
    --sl-color-bg: var(--sl-color-black);
    --sl-color-black: #fff;
}

.api-operation .api-md ul {
    list-style: disc
}

.doc details > summary.flex {
    display: flex;
}

summary.no-expand {
    cursor: default !important;
}

.doc details > summary.no-expand::before {
    content: "-";
    position: absolute;
    left: -1rem;
    -webkit-transform: translateX(15%);
    transform: translateX(15%);
    border: 0;
    top: 0;
    font-weight: bold;
}

/* Put search input back to its original form on api pages */
#search-input {
    background-color: white;
}