[data-md-color-scheme="default"] {
    --code-panel-bg: #E0ECF8;
    --code-default-color: rgba(255, 255, 255, 0.82);
    --response-success-color: rgb(31, 115, 35);
    --response-success-bg-color: rgba(31, 115, 35, 0.05);
    --response-error-color: rgb(255, 15, 39);
    --response-error-bg-color: rgba(255, 15, 39, 0.05);
}

[data-md-color-scheme="slate"] {
    --code-panel-bg: #424242;
    --code-default-color: rgba(213, 216, 226, 0.82);
    --response-success-color: rgb(221, 255, 222);
    --response-success-bg-color: rgba(110, 255, 117, 0.241);
    --response-error-color: rgb(247, 231, 235);
    --response-error-bg-color: rgba(170, 13, 24, 0.621);
}

#redoc {
    --code-span-bg-color: #111719;

    /* ===== CONTENT BLOCK CONFIGURATION ===== */
    width:100%; margin-top: -1.5rem;
    /* left pannel mobile */
    .menu-content { margin-left: .2rem; width: var(--md-sidebar-width); }
    /* content and code mobile */ 
    .sc-fqkvVR, .sc-iGgWBj { padding-left: .8rem; padding-right: .8rem; }
    @media screen and (min-width:60em) { 
        .api-content { 
            /* line to separate navigation pannel */
            border-left: 1px solid var(--md-typeset-table-color); 
            /* correcting right panel width */
            width: calc(100% - 12rem - .2rem); 
        }
    } 
    @media screen and (min-width:76.25em) { 
        /* left pannel wide screen */
        .menu-content { margin-left: var(--md-container-padding); } 
        /* content and code wide screen */
        .sc-fqkvVR, .sc-iGgWBj { padding-left: calc(.6rem + var(--md-container-padding)); padding-right: calc(.6rem + var(--md-container-padding)); } 
        /* correcting right panel width */
        .api-content { width: calc(100% - 12rem - var(--md-container-padding)); }
    }
    /* code panel width for three-panel view */
    /* !!! Percents should be equal to width from the redocly.yaml config file */
    .redoc-wrap > :last-child { width: calc(45% - (var(--md-sidebar-width) / 2)); }  
    /* hide redoc logo */
    .scrollbar-container > div { display: none; }



    /* ============================ NAV PANEL STYLES ============================ */
    .menu-content { padding-top: 1.2rem; margin-top: 1.5rem; background-color: var(--md-default-bg-color); }
    .scrollbar-container { margin: 0 .2rem; }
    
    /* menu items */
    .menu-content label {
        padding: 1em .6rem 0 .6rem;
        font-size: .7rem; line-height: 1.3;
        color: var(--md-default-fg-color); transition: color 125ms ease-in-out; 
        background-color: transparent;
    }
    .menu-content label:hover, .menu-content label.active { color: var(--md-accent-fg-color); background-color: transparent;}
    /* .menu-content label.-depth1 { font-weight: 600; } */
    .menu-content label > span.operation-type { height: 100%; line-height: .6rem; }
    .menu-content > .scrollbar-container > ul:first-of-type::before {
        content: "Table of contents";
        display: block;
        padding-left: .6rem; padding-right: .6rem;
        color: var(--md-default-fg-color--light); font-weight: 700; font-size: .7rem; line-height: 1.3;
    }
    /* Hide SVG icons in menu */
    .menu-content svg { display: none; }



    /* ============================== BODY STYLES =============================== */
    .api-content {
        color: var(--md-default-fg-color); font-size: .8rem; line-height: 1.6;
        
        /* API Info Section */
        > div:first-child { padding-top: 1.5rem;}
        div::after { border-color: var(--md-typeset-table-color);}
        .api-info {
            padding-top: 0; padding-bottom: 0; 
            h1 span { display: none; } /* hide API version */
            div {display: none; } /* hide additional docs link */
            /* Download button */
            p a { border-radius: 15px; padding-left: 1rem; padding-right: 1rem; margin-bottom: 0.5rem; font-weight: bold; }
            p a:hover { background-color: var(--md-accent-fg-color); border-color: var(--md-accent-fg-color); color: var(--md-accent-bg-color); }
        }

        /* Headers */
        h1 { font-size: 2em; font-weight: 300; line-height: 1.3; margin: 1rem 0 1.25em; color: var(--md-default-fg-color--light); } /* <h1> */
        h2 { font-size: 1.5625em; font-weight: 300; line-height: 1.4; margin: 1.6em 0 .64em; color: var(--md-default-fg-color); } /* <h2> */
        h2 a::before { display: none;}
        h3 { font-size: 1.25em; font-weight: 400; line-height: 1.5; margin: 1.6em 0 .8em; color: var(--md-default-fg-color); } /* <h3> */
        h5, .sc-dAlyuH { color: var(--md-default-fg-color--light); border-color: var(--md-typeset-table-color);}
        h5 span { color: var(--md-default-fg-color); }
        
        /*  Links */
        a { color: var(--md-typeset-a-color); border-color: var(--md-typeset-a-color); }
        a:hover { color: var(--md-accent-fg-color);}
        
        /* Blockquote */
        .redoc-markdown blockquote { color: var(--md-default-fg-color--light); border-left: .2rem solid var(--md-default-fg-color--lighter);}
        
        /* Tables */
        table th, tr, td { border-color: var(--md-typeset-table-color); }
        .redoc-markdown table { 
            border-radius: .1rem; font-size: .64rem; border-color: var(--md-typeset-table-color);
            tr { background-color: transparent; transition: background-color 125ms; }
            tbody tr:hover { background-color: rgba(136, 136, 136, 0.1); }
            th:not(:last-child), td:not(:last-child) { border-right: none; }
            th:not(:first-child), td:not(:first-child) { border-left: none; }
        }

        /* Code blocks */
        code { text-shadow: none; border: none; }
        .redoc-markdown code, .sc-eBMEME code, .sc-ddjGPC, .sc-fxwrCY { 
            padding: .15em .35em; border-radius: .4em; 
            color: var(--md-code-fg-color); background-color: var(--md-code-bg-color); 
            border: none;
        }
        pre { background-color: var(--code-span-bg-color); border-radius: .5rem;}
        .redoc-markdown pre code, .sc-eBMEME pre code { color: var(--code-default-color); background-color: transparent; padding: 0;}

        /* Properties */
        .eDeqKW button, .RfCTX {color: var(--md-default-fg-color); }
        button.jXRCRV, button.bItXex:hover { background-color: var(--md-primary-fg-color); color: var(--md-primary-bg-color); border-color: transparent; border-radius: .5rem; }
        button.bItXex { background-color: transparent; border-color: var(--md-primary-fg-color); color: var(--md-primary-fg-color); border-radius: .5rem; }
        .sc-ikkxIA { background-color: var(--md-default-bg-color); }
        /* .sc-fPXMVe { font-size: .85em; } */

        /* Properties - Responses */
        button.sc-kzqdkY { font-size: .7rem; display: flex; gap: .5em; }
        button.fZRtWb { color: var(--response-success-color); background-color: var(--response-success-bg-color); polygon { fill: var(--response-success-color); }}
        button.kokIwB { color: var(--response-error-color); background-color: var(--response-error-bg-color); polygon { fill: var(--response-error-color); }}
        

        /* Properties decorative borders */
        .gbahSJ::before, .gbahSJ::after { background-color: var(--md-primary-fg-color); }
        .kpwdaH { border-left-color: var(--md-primary-fg-color); }
        tr.last:first-child > .sc-dLMFU {
            background-image: none;
            background-color: transparent;
            border-left-color: transparent;
        }
        tr.last > .sc-dLMFU { background-image: linear-gradient(var(--md-primary-fg-color) 0%, var(--md-primary-fg-color) 21px, transparent 21px, transparent 100%); }
        tr:first-of-type > .sc-dLMFU { background-image: linear-gradient(transparent 0%, transparent 21px, var(--md-primary-fg-color) 21px, var(--md-primary-fg-color) 100%);}
        @media (max-width: 60rem) {
            .iDXOFp { border-left-color: var(--md-primary-fg-color); }
            tr.last > .sc-fPXMVe {
                border-left-style: none;
                border-left-color: currentcolor;
            }
        }
        tr.last + tr > .sc-dLMFU { border-left-color: transparent; }
        /* .bvNJXm { border-left-color: var(--md-primary-fg-color); } */
    }
    
    
    /* ========================== COODE PANEL STYLES ============================ */
    
    .redoc-wrap > :last-child, .sc-iGgWBj { background-color: var(--code-panel-bg);}
    .sc-iGgWBj {
        > * { margin: 0; }
        > :first-child button { border-top-left-radius: .5rem; border-top-right-radius: .5rem; }
        > :last-child { border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem; overflow: hidden; }
        .sc-iEXKAA { font-size: medium; background-color: var(--code-span-bg-color); padding-top: 1rem; padding-bottom: 1rem; padding-right: 2.5rem; }
        .sc-EgOXT {padding-right: 40px;}
        h3 { font-size: medium; color: var(--code-default-color); margin: 0; padding: 20px; background-color: var(--code-span-bg-color); }
        .react-tabs__tab-list { background-color: var(--code-span-bg-color); padding-left: 20px; padding-right: 20px;  margin-left: 0; margin-right: 0; }
        .cJteCP > ul > li { background-color: rgba(255, 255, 255, 0.1); }
        .cJteCP > ul > li:first-child { margin-left: 0; }
        .cJteCP > ul > li:last-child { margin-right: 0; }
        .cJteCP > ul > li:hover { background-color: rgba(255, 255, 255, 0.2); }
        .cJteCP > ul > li.react-tabs__tab--selected { background-color: rgba(255, 255, 255, 0.9);}
        .cJteCP > ul > li.react-tabs__tab--selected:focus { outline-style: none;}
        .react-tabs__tab-panel button { font-size: x-small; }
        
        .sc-bbSZdi { display: flex; align-items: center; gap: 1rem; justify-content: flex-end; } .sc-bbSZdi span { display: block; position: static; } .sc-JrDLc { background-color: transparent; margin-bottom: 0; padding: 0; }
        code { font-size: small; line-height: 2; color: var(--code-default-color); background-color: var(--code-span-bg-color); padding-left: 0; padding-right: 0; }
        pre { background-color: var(--code-span-bg-color); padding-bottom: 1.5rem !important;}
        .redoc-json { padding-bottom: 1.5rem; }
        .collapser:hover { background-color: transparent; }
    }


}