/* Supplied KMB artwork: preserve its colors, square B, and aspect ratio.
   Keep the logo flat even inside raised buttons or animated page sections. */
.brand .kmb-logo,.brand .kmb-brand-icon{
 display:block;flex:none;object-fit:contain;max-width:100%;padding:0;
 height:auto;width:90px;aspect-ratio:355 / 142;
 border:0;border-radius:0;background:transparent;box-shadow:none;
 filter:none;transform:none;rotate:none;scale:none;animation:none;
}
.brand .kmb-brand-icon{display:none;width:26px;aspect-ratio:1}
.app-rail .rail-brand{gap:0}
.app-rail .rail-brand .kmb-logo{width:82px}
.footer .brand .kmb-logo{width:100px}
#app-dialog .small-brand .kmb-logo{width:90px}
.brand-asset>div{background:var(--theme-background)}
.brand-asset img{object-fit:contain;transform:none;filter:none;border-radius:0;box-shadow:none;max-width:100%;max-height:100%}
.brand-asset[data-brand-background=light]>div{background:#F4F4EF}
.brand-asset[data-brand-background=green]>div{background:#00C805}
@media(min-width:1100px){
 .rail-compact .app-rail .rail-brand .kmb-logo{display:none}
 .rail-compact .app-rail .rail-brand .kmb-brand-icon{display:block}
}
@media(max-width:600px){
 .header .brand .kmb-logo,.bb-header .brand .kmb-logo{width:75px}
 #app-dialog .small-brand .kmb-logo{width:80px}
}
@media(prefers-reduced-motion:no-preference){.brand .kmb-logo,.brand .kmb-brand-icon{transition:none}}