.brand-mark {
    overflow: hidden;
    background: transparent !important;
    color: transparent !important;
}

.brand-mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.brand-logo-dark {
    display: none !important;
}

:root[data-theme="dark"] .brand-logo-light {
    display: none !important;
}

:root[data-theme="dark"] .brand-logo-dark {
    display: block !important;
}

.brand-banner {
    display: block;
    width: min(230px, 58vw);
    height: auto;
}

@media (max-width: 640px) {
    .brand-banner {
        width: min(190px, 68vw);
    }
}