/* Self-contained vector lettering keeps the brand consistent without a font dependency. */
.brand-logo{display:inline-flex;width:177px;max-width:100%;flex:none;vertical-align:middle;line-height:0;direction:ltr}
.brand-logo img.brand-logo-image{display:block;width:100%;height:auto;margin:0;border-radius:0}
.brand-logo-auto img.brand-logo-dark{display:none}
html[data-theme=dark] .brand-logo-auto img.brand-logo-light{display:none}
html[data-theme=dark] .brand-logo-auto img.brand-logo-dark{display:block}
.site-header .logo,.footer-top .logo{line-height:0}
.shell-brand-row .brand{min-width:0}
.shell-brand-row .brand-logo{width:177px}
.login-brand .brand-logo{width:212px;margin-bottom:26px}
@media(max-width:760px){.site-header .brand-logo{width:156px}}
@media(max-width:520px){.site-header .brand-logo{width:148px}}
@media(max-width:370px){.site-header .brand-logo{width:134px}}