/* Logo typography is outlined Aller in the central SVGs; never recreate it in CSS. */
.brand,.lf-logo{display:flex;align-items:center;gap:10px}
.brand::before,.lf-logo::before{content:none!important;display:none!important}
.product-logo{display:inline-block;width:180px;max-width:100%;aspect-ratio:3/1;vertical-align:middle;flex-shrink:0;line-height:0}
.product-logo img{display:block;width:100%!important;height:auto!important;max-width:100%;object-fit:contain;aspect-ratio:3/1;filter:none;box-shadow:none}
.product-logo .product-logo-white{display:none}
:root[data-theme="dark"] .product-logo .product-logo-dark{display:none}
:root[data-theme="dark"] .product-logo .product-logo-white{display:block}
.product-logo-on-dark .product-logo-dark,[data-day-theme="dark"] .day-brand .product-logo-dark{display:none}
.product-logo-on-dark .product-logo-white,[data-day-theme="dark"] .day-brand .product-logo-white{display:block}
.header-brand .product-logo{width:168px}
.day-brand .product-logo{width:174px}
.login-card>.brand{margin-bottom:16px}
.login-card>.brand .product-logo{width:210px}
.header-brand>img{object-fit:contain;flex-shrink:0}
.brand .tenant-brand-logo{width:auto;max-width:180px;height:48px;object-fit:contain}
@media(max-width:380px){.header-brand .product-logo{width:135px}.day-brand .product-logo{width:150px}.site-header .product-logo{width:156px}}