/* Branding follows the same expanded states as the navigation rail. */
body{--brand-width:44px;--card-elevation:0 2px 6px #48233709,0 9px 26px #48233716}
body[data-theme=dark]{--card-elevation:0 2px 7px #00000026,0 12px 28px #00000050}
body .topbar .brand{min-width:var(--brand-width);width:var(--brand-width);transition:width .22s ease,min-width .22s ease}
body .brand .original-brand{width:var(--brand-width);height:62px;justify-content:center}
body .original-brand img.brand-symbol{display:block;width:40px;height:40px;flex:none}
body .original-brand img.brand-wordmark{display:none;width:100%;height:100%}
body:has(.sidebar:is(:hover,.is-hovered,:has(:focus-visible),.open)){--brand-width:180px}
body:has(.sidebar:is(:hover,.is-hovered,:has(:focus-visible),.open)) .brand-wordmark{display:block}
body:has(.sidebar:is(:hover,.is-hovered,:has(:focus-visible),.open)) .original-brand .brand-symbol{display:none}
@media(max-width:800px){
 body:has(.sidebar:not(.open)){--brand-width:44px}
 body:has(.sidebar:not(.open)) .original-brand .brand-wordmark{display:none}
 body:has(.sidebar:not(.open)) .original-brand .brand-symbol{display:block}
 body:has(.sidebar.open){--brand-width:108px}
 body .brand .original-brand{height:48px}
}
body .content :is(.card,.standard-listing-card,.launch-discovery-card,.followed-launch-card,.fashion-cover,.fashion-story,.aq-detail,.aq-history,.plan-card){box-shadow:var(--card-elevation)}
@media(prefers-reduced-motion:reduce){body .topbar .brand{transition:none}}