.topbar .office-brand.is-collapsible{--brand-h:46px;--brand-pad:24px;z-index:6;box-sizing:content-box;width:auto;padding:0 var(--brand-pad);justify-content:flex-start;position:relative;overflow:visible}.office-brand.is-collapsible .brand-mark{width:calc(var(--brand-h)*.94);height:var(--brand-h);background:#fff;border-radius:10px;flex:none;transition:width .42s cubic-bezier(.22,.8,.24,1),padding .42s;display:block;overflow:hidden}.topbar .office-brand.is-collapsible img{height:var(--brand-h);width:auto;max-width:none}.office-brand.is-collapsible:is(:hover,:focus-visible) .brand-mark{width:calc(var(--brand-h)*715/138 + 14px);padding-right:14px}.office-brand.is-collapsible:focus-visible{outline:none}.office-brand.is-collapsible:focus-visible .brand-mark{outline:3px solid var(--lime);outline-offset:3px}@media (max-width:1440px){.topbar .office-brand.is-collapsible{--brand-h:40px;--brand-pad:18px}}@media (max-width:1320px){.topbar .office-brand.is-collapsible{--brand-h:36px}}@media (max-width:980px){.topbar .office-brand.is-collapsible{--brand-h:38px;--brand-pad:0px}}@media (max-width:680px){.topbar .office-brand.is-collapsible{--brand-h:28px}}@media (prefers-reduced-motion:reduce){.office-brand.is-collapsible .brand-mark{transition:none}}