/* Uses the same original raster silhouette in an SVG container as the client panel. */
.wordmark.site-brand{position:relative;display:inline-block;flex:0 0 auto;width:166px;height:38px;padding:0;background:none;border:0;border-radius:0;line-height:0;letter-spacing:normal;vertical-align:middle}
.wordmark.site-brand img{display:block;width:100%;height:100%;opacity:0}
.wordmark.site-brand::after{content:"";position:absolute;inset:0;background:#625238;-webkit-mask:url("assets/brand/menu-in-logo.svg") center/contain no-repeat;mask:url("assets/brand/menu-in-logo.svg") center/contain no-repeat;pointer-events:none}
html[data-appearance=dark] .wordmark.site-brand::after{background:#efe0c8}
@media(max-width:1200px){.header .wordmark.site-brand{width:148px;height:34px}}
@media(max-width:600px){.header .wordmark.site-brand,.auth-header .wordmark.site-brand{width:135px;height:31px}.footer-top .wordmark.site-brand{width:153px;height:35px}}
@media(max-width:360px){.header .wordmark.site-brand,.auth-header .wordmark.site-brand{width:122px;height:28px}}