/* Transparent brand artwork has its own inverse version for dark surfaces. */
.brand-art{display:block;position:relative;flex:none}
.brand-art>img{display:block;width:100%;height:100%;object-fit:contain}
.brand-art>.brand-art-inverse{display:none}
html[data-color-mode=dark] .brand-art.has-inverse>.brand-art-main,
html[data-admin-mode=dark] .brand-art.has-inverse>.brand-art-main{display:none}
html[data-color-mode=dark] .brand-art.has-inverse>.brand-art-inverse,
html[data-admin-mode=dark] .brand-art.has-inverse>.brand-art-inverse{display:block}
html[data-color-mode=dark] .brand-art.auto-inverse>.brand-art-main,
html[data-admin-mode=dark] .brand-art.auto-inverse>.brand-art-main{filter:brightness(0) invert(1)}
.brand.custom-brand{align-items:center;line-height:1}
.brand.custom-brand>.brand-art{width:180px;height:59px}
.footer-brand .brand.custom-brand>.brand-art{width:190px;height:63px}
.franchise{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:112px;height:49px;padding-left:15px;border-left:1px solid var(--line);border-radius:0;background:transparent;overflow:visible}
.franchise>.brand-art{position:relative;inset:auto;z-index:auto;width:100%;height:25px;font-size:inherit;letter-spacing:normal;line-height:1;color:inherit}
.franchise-caption{display:block;font-size:7px;font-weight:600;letter-spacing:1.9px;color:var(--muted);line-height:1.3}
.footer-franchise{width:142px;max-width:142px;padding:0;gap:10px;background:transparent;border-radius:0;align-items:flex-start}
.footer-franchise>.brand-art{width:142px;height:36px;font-size:inherit;letter-spacing:normal;line-height:1;color:inherit}
.footer-franchise .franchise-caption{font-size:8px;letter-spacing:2px}
.editor-brand-art{width:127px;height:43px}
.editor-brand{align-items:center}
@media(max-width:1199px){.brand.custom-brand>.brand-art{width:157px;height:52px}.franchise{width:96px;padding-left:12px;height:43px}.franchise>.brand-art{height:22px}.header .header-inner{gap:19px}}
@media(max-width:680px){
  .brand.custom-brand>.brand-art{width:117px;height:42px}
  .header .header-inner{gap:8px}
  .franchise{width:68px;height:36px;padding-left:8px;gap:4px}
  .franchise>.brand-art{height:16px}
  .franchise-caption{font-size:5px;letter-spacing:1px}
  .footer-brand .brand.custom-brand>.brand-art{width:180px;height:60px}
  .footer-franchise{width:142px;max-width:142px}
  .editor-brand-art{width:111px;height:37px}
  .editor-header .brand-label{display:none}
}
@media(max-width:360px){.franchise{display:none}.brand.custom-brand>.brand-art{width:113px;height:40px}.editor-brand-art{width:91px;height:34px}}