.weshap-brand { display: inline-block; width: 100%; max-width: 240px; vertical-align: middle; background: #fff; border-radius: 8px; }
.weshap-brand img { width: 100%; height: auto; object-fit: contain; }
.weshap-brand .weshap-brand-light { display: block; }
.weshap-brand .weshap-brand-dark { display: none; }
@media (prefers-color-scheme: dark) {
    .weshap-brand { background: #101427; }
    .weshap-brand .weshap-brand-light { display: none; }
    .weshap-brand .weshap-brand-dark { display: block; }
}
:is([data-theme="light"], [data-bs-theme="light"], .light-mode) .weshap-brand { background: #fff; }
:is([data-theme="dark"], [data-bs-theme="dark"], .dark-mode) .weshap-brand { background: #101427; }
:is([data-theme="light"], [data-bs-theme="light"], .light-mode) .weshap-brand .weshap-brand-light { display: block; }
:is([data-theme="light"], [data-bs-theme="light"], .light-mode) .weshap-brand .weshap-brand-dark { display: none; }
:is([data-theme="dark"], [data-bs-theme="dark"], .dark-mode) .weshap-brand .weshap-brand-light { display: none; }
:is([data-theme="dark"], [data-bs-theme="dark"], .dark-mode) .weshap-brand .weshap-brand-dark { display: block; }