.swagger-ui .topbar {
    background: #ffffff;
    border-bottom: 1px solid #dce4eb;
}

.swagger-ui .topbar .select-label,
.swagger-ui .topbar .download-url-wrapper .select-label span {
    color: #062544;
}

.swagger-ui .topbar .download-url-wrapper .select-label select {
    background: #ffffff;
    border-color: #00bfb8;
    color: #062544;
}

.swagger-ui .topbar .dark-mode-toggle button svg {
    fill: #062544;
}

.swagger-ui .topbar .link {
    align-items: center;
    min-width: 176px;
}

.eikonek-brand {
    display: block;
    width: 176px;
    height: 40px;
    margin-right: 24px;
}

.eikonek-brand img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.eikonek-brand-light {
    display: block;
}

.eikonek-brand-dark {
    display: none;
}

html.dark-mode .swagger-ui .topbar {
    background: #2a2e30;
    border-color: #40494f;
}

html.dark-mode .swagger-ui .topbar .select-label,
html.dark-mode .swagger-ui .topbar .download-url-wrapper .select-label span {
    color: #ffffff;
}

html.dark-mode .swagger-ui .topbar .download-url-wrapper .select-label select {
    background: #1b1f21;
    color: #ffffff;
}

html.dark-mode .swagger-ui .topbar .dark-mode-toggle button svg {
    fill: #e4e6e6;
}

html.dark-mode .eikonek-brand-light {
    display: none;
}

html.dark-mode .eikonek-brand-dark {
    display: block;
}

@media (max-width: 640px) {
    .swagger-ui .topbar .topbar-wrapper {
        flex-wrap: wrap;
        gap: 12px;
    }

    .swagger-ui .topbar .download-url-wrapper {
        min-width: 0;
    }
}

@media (forced-colors: active) {
    .swagger-ui .topbar .dark-mode-toggle button svg {
        fill: ButtonText;
    }
}