.brand-logo {
    display: inline-flex;
    align-items: center;
}

.brand-logo__img {
    display: block;
    max-width: 100%;
    height: auto;
}

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

body.theme-dark .brand-logo__img--light,
.dark-style .brand-logo__img--light {
    display: none;
}

body.theme-dark .brand-logo__img--dark,
.dark-style .brand-logo__img--dark {
    display: block;
}

body.theme-light .brand-logo__img--dark {
    display: none;
}

@media (prefers-color-scheme: dark) {
    body:not(.theme-light) .brand-logo__img--light {
        display: none;
    }

    body:not(.theme-light) .brand-logo__img--dark {
        display: block;
    }
}