body {
    margin: 0;
    padding: 0;
    --color-primary: #2C2D70
}

redoc>div.redoc-wrap, redoc h2, redoc h1, redoc ul li label, redoc button > span, redoc input, redoc label {
    font-family: 'Work Sans'!important;
}

redoc .ps > div > a {
    background-color: var(--color-primary);
    color: white!important;
    border-top: none;
} 

redoc .ps > div > a:hover{
    color: rgb(184, 184, 184)!important;
}

redoc .menu-content, redoc .menu-content li label, redoc .menu-content input, redoc .menu-content input + div, redoc .menu-content input + div > div {
    background-color: var(--color-primary);
    color: white;
}

redoc .menu-content li label:hover {
    background-color: var(--color-primary)!important;
    filter: brightness(0.8);
    color: white;
}

redoc .menu-content input::placeholder{
    color: rgb(184, 184, 184);
}

redoc .menu-content input{
    font-weight: normal;
}

redoc .menu-content svg, redoc .ps > div > a > img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(102%) contrast(102%);
}

redoc .menu-content input + [data-role="search:results"] {
    padding-left: 20px;
}

redoc .api-content > div{
    padding-top: 20px;
}

redoc .api-content div:has(h1){
    padding-bottom: 0;
}

redoc .api-content div > h1{
    margin: 0;
    font-weight: 500;
    margin-bottom: -10px;
}