.brand-logo-frame,
.footer-logo-frame,
.sidebar-brand,
.home-branding,
.auth-branding,
.application-branding {
  display: block;
  overflow: hidden;
  background: var(--champagne);
  border: 1px solid var(--champagne-dark);
  border-radius: 6px;
}

.brand-logo-frame {
  width: 156px;
  height: 58px;
  flex: 0 0 auto;
}

.brand-logo-frame img,
.footer-logo-frame img,
.sidebar-brand img,
.home-branding img,
.auth-branding img,
.application-branding img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 46%;
}

.footer-logo-frame {
  width: 180px;
  height: 67px;
}

.brand-small {
  display: block;
  line-height: 0;
}

.sidebar-brand {
  width: 156px;
  height: 58px;
  margin: 0 0 22px;
}

.home-branding {
  width: min(300px, 78vw);
  height: 140px;
  margin-bottom: 26px;
}

.auth-branding {
  width: min(280px, 100%);
  height: 130px;
  margin: 0 auto 28px;
}

.application-branding {
  width: 240px;
  height: 112px;
  margin-bottom: 28px;
}

@media (max-width: 780px) {
  .brand-logo-frame {
    width: 146px;
    height: 54px;
  }

  .footer-logo-frame {
    width: 170px;
    height: 63px;
  }

  .sidebar-brand {
    width: 146px;
    height: 54px;
    margin-bottom: 12px;
  }

  .home-branding {
    width: min(260px, 100%);
    height: 121px;
    margin-bottom: 22px;
  }

  .auth-branding {
    height: 120px;
    margin-bottom: 24px;
  }

  .application-branding {
    display: none;
  }
}