.mareano-brand-symbol {
    display: inline-grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
}

.mareano-brand-symbol img {
    grid-area: 1 / 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

.mareano-brand-symbol[data-brand-variant="light"] .mareano-brand-symbol-light,
.mareano-brand-symbol[data-brand-variant="dark"] .mareano-brand-symbol-dark {
    display: block !important;
}

@media (prefers-color-scheme: dark) {
    .mareano-brand-symbol.auto-theme .mareano-brand-symbol-light {
        display: none;
    }

    .mareano-brand-symbol.auto-theme .mareano-brand-symbol-dark {
        display: block !important;
    }
}