.logo{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:clamp(10px,8%,18px);flex-shrink:0}.logo,.logo__mark{min-width:0;min-height:0}.logo__mark{display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:auto;flex-shrink:1}img.logo__mark{-o-object-fit:contain;object-fit:contain}.logo--fill{width:100%;height:100%;padding:0;flex:1 1 100%;align-self:stretch}.logo--fill .logo__mark{flex:0 0 auto;margin:0;height:auto;max-height:calc(var(--logo-fill, .8) * 100%)}.logo--fill .logo__mark,.logo--fill svg.logo__mark{width:auto;max-width:calc(var(--logo-fill, .8) * 100%)}.logo--fill svg.logo__mark{height:calc(var(--logo-fill, .8) * 100%)}.logo--fill img.logo__mark,img.logo__mark.logo__mark--fill{-o-object-fit:contain;object-fit:contain}