body{
  position:relative;
  isolation:isolate;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  right:-32px;
  bottom:-42px;
  z-index:0;
  width:clamp(220px,30vw,420px);
  aspect-ratio:645/1004;
  background:url("/assets/images/bib-logo.svg") center/contain no-repeat;
  filter:invert(1);
  opacity:.36;
  pointer-events:none;
  user-select:none;
}

#app,
noscript{
  position:relative;
  z-index:1;
}

.brand-mark{
  display:inline-flex;
  align-items:center;
  min-width:0;
}

.brand-logo{
  display:block;
  width:150px;
  height:auto;
  object-fit:contain;
  filter:none;
}

.brand-mark-small .brand-logo{
  width:112px;
  height:auto;
}

.home-brand{
  margin-bottom:26px;
}

.home-brand .brand-logo{
  width:min(72vw,360px);
  height:auto;
}

.login-brand .brand-logo{
  width:min(62vw,240px);
  height:auto;
}

@media (max-width:680px){
  body::before{
    right:-48px;
    bottom:-34px;
    width:clamp(190px,58vw,290px);
  }

  .brand-logo{
    width:132px;
  }

  .brand-mark-small .brand-logo{
    width:98px;
  }
}