.dnb-brand {
    display: inline-grid;
    position: relative;
    line-height: 0;
}

.dnb-brand-asset {
    grid-area: 1 / 1;
    display: block;
    height: auto;
    object-fit: contain;
}

.dnb-brand .dnb-brand-asset--dark-surface {
    display: none !important;
}

html.theme-dark .dnb-brand .dnb-brand-asset--light-surface,
body.theme-dark .dnb-brand .dnb-brand-asset--light-surface {
    display: none !important;
}

html.theme-dark .dnb-brand .dnb-brand-asset--dark-surface,
body.theme-dark .dnb-brand .dnb-brand-asset--dark-surface {
    display: block !important;
}

@media (prefers-color-scheme: dark) {

    html.theme-auto .dnb-brand .dnb-brand-asset--light-surface,
    body.theme-auto .dnb-brand .dnb-brand-asset--light-surface {
        display: none !important;
    }

    html.theme-auto .dnb-brand .dnb-brand-asset--dark-surface,
    body.theme-auto .dnb-brand .dnb-brand-asset--dark-surface {
        display: block !important;
    }
}

.dnb-brand--login {
    display: grid;
    width: fit-content;
    margin-inline: auto;
}

.dnb-brand--login .dnb-brand-asset {
    width: min(220px, 100%);
    max-height: 64px;
}

.dnb-brand--login .dnb-brand-asset--light-surface {
    width: auto;
}

.dnb-brand--sidebar-full .dnb-brand-asset {
    width: 180px;
    max-height: 44px;
}

.dnb-brand--sidebar-mark .dnb-brand-asset {
    width: 36px;
    height: 36px;
}

.dnb-brand--auth-inline .dnb-brand-asset {
    width: 180px;
    max-height: 52px;
}