:root {
    --moments-black: black;
    --moments-purple: #6342e8;
    --moments-white: white;
    --moments-citron: #e4ff77;
}

html {
    background-color: var(--moments-black);
}

.swagger-ui {
    background-color: var(--moments-black);
}

.swagger-ui .topbar {
    background-color: var(--moments-black);
}

.topbar-wrapper {
    content: url('https://assets.momentslab.com/apiv3-swagger-ui/ML-logo.svg');
    width: 242px;
    height: auto;
    min-height: 100px;
}

.topbar-wrapper svg {
    visibility: hidden;
}

.swagger-ui .info .title {
    color: var(--moments-white);
}

.swagger-ui .scheme-container {
    background-color: var(--moments-black);
}

.swagger-ui .btn.authorize {
    border-color: var(--moments-citron);
    background-color: var(--moments-citron);
    color: var(--moments-black);
}

.swagger-ui .btn.authorize svg {
    fill: var(--moments-black);
}

.swagger-ui .opblock-tag {
    color: var(--moments-white);
}

.swagger-ui .description {
    display: none;
}

.opblock {
    background-color: var(--moments-white) !important;
}

.models {
    background-color: var(--moments-white);
}

/* Hide scopes because their are not well defined in the wellknown from auth0 */
.scopes, .scope-def {
    display: none;
}

/* Hide the second auth-container which is the implicit flow and is not necessary (make it easier to use auth) */
.auth-container:last-of-type {
    display: none;
}

/* Hide client id and client secret */
div.wrapper:has(input#client_id_authorization_code, input#client_secret_authorization_code) {
    display: none;
}