/* Shared storefront and admin preview brand component. */
.ws-brand{--ws-brand-mark:56px;--ws-brand-width:220px;display:flex;align-items:center;gap:12px;max-width:100%;min-width:0;height:var(--ws-brand-mark);color:inherit;text-decoration:none;line-height:1.2}
.ws-brand[data-brand-size=large]{--ws-brand-mark:64px;--ws-brand-width:244px}
.ws-brand .ws-brand-img{display:block;width:auto!important;height:var(--ws-brand-mark)!important;max-width:min(var(--ws-brand-width),100%)!important;max-height:var(--ws-brand-mark)!important;object-fit:contain!important;object-position:left center;flex-shrink:1;border:0}
.ws-brand .ws-brand-name{display:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:23px;font-weight:700;line-height:1.2;color:inherit}
.ws-brand[data-brand-layout=brand] .ws-brand-img{width:var(--ws-brand-mark)!important;flex:0 0 var(--ws-brand-mark)}
.ws-brand[data-brand-layout=brand] .ws-brand-name,.ws-brand[data-brand-layout=text] .ws-brand-name{display:block}
.ws-brand[data-brand-layout=text] .ws-brand-img,.ws-brand .ws-brand-img[hidden]{display:none!important}
body[data-ws-theme] .heads .header .logo_box.ws-logo-shell{width:auto;height:auto;max-width:252px;min-width:0;flex:0 1 auto;padding:0;box-sizing:border-box}
body[data-ws-theme] .heads .header .ws-brand-fallback{display:block;max-width:252px;min-width:0}
body[data-ws-theme] .heads .header .ws-brand-fallback :is(h1,.seo-wordmark){font:700 24px/1.2 Manrope,"Microsoft YaHei",sans-serif;color:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.ws-logo-preview-box{max-width:100%;width:320px;min-height:88px;padding:16px;border:1px solid #dce2e5;border-radius:6px;background:#fff;color:#17252d;box-sizing:border-box}
.ws-logo-preview-box .ws-brand{max-width:100%}.ws-logo-preview-note{font-size:13px;line-height:1.6;margin-top:8px;color:#53616a}
@media(max-width:767px){.ws-brand{--ws-brand-mark:44px;--ws-brand-width:178px;gap:9px}.ws-brand[data-brand-size=large]{--ws-brand-mark:48px;--ws-brand-width:192px}.ws-brand .ws-brand-name{font-size:20px}body[data-ws-theme] .heads .header .logo_box.ws-logo-shell{max-width:calc(100% - 64px);flex:0 1 220px}body[data-ws-theme] .heads .header .ws-brand-fallback{max-width:100%}}