/* keeshi wordmark: preserve the supplied artwork proportions. */
.supplied-brand {
  --brand-width: 174px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  max-width: 100%;
  gap: 0;
  line-height: 1;
}
.supplied-brand .brand-full {
  display: block;
  position: relative;
  width: var(--brand-width);
  max-width: 100%;
  aspect-ratio: 1660 / 670;
  flex: 0 0 auto;
}
.supplied-brand .brand-full img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
}
.supplied-brand .brand-full .brand-on-light,
:root[data-theme="light"] .supplied-brand .brand-full .brand-on-dark {
  display: none;
}
:root[data-theme="light"] .supplied-brand .brand-full .brand-on-light {
  display: block;
}
.supplied-brand .brand-symbol {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 11px;
}
.supplied-brand:focus-visible {
  outline: 2px solid var(--ft-accent-text, #756000);
  outline-offset: 7px;
  border-radius: 4px;
}
.landing-page .header-inner {
  min-height: 94px;
  height: auto;
}
.footer-top .supplied-brand { --brand-width: 190px; }
.demo-brand.supplied-brand { --brand-width: 128px; margin-bottom: 25px; }
.sidebar > .supplied-brand {
  --brand-width: 190px;
  margin: 0 auto 27px;
}
.auth-brand > .supplied-brand { --brand-width: 220px; }
.app-body .mobile-brand.supplied-brand { display: none; }
@media (min-width: 701px) {
  :root[data-sidebar-collapsed="true"] .sidebar > .supplied-brand {
    width: 100%;
    justify-content: center;
    margin: 2px 0 24px;
  }
  :root[data-sidebar-collapsed="true"] .sidebar .supplied-brand .brand-full { display: none; }
  :root[data-sidebar-collapsed="true"] .sidebar .supplied-brand .brand-symbol { display: block; }
}
@media (max-width: 1000px) {
  .landing-page .header-inner { min-height: 88px; }
  .landing-page .header-inner .supplied-brand { --brand-width: 158px; }
}
@media (max-width: 700px) {
  .landing-page .header-inner { min-height: 84px; gap: 12px; }
  .landing-page .header-inner .supplied-brand { --brand-width: 138px; }
  .landing-page .hero { padding-top: 130px; }
  .auth-brand > .supplied-brand { --brand-width: 180px; }
  .landing-page .footer-top { grid-template-columns: minmax(0, 1fr) auto; }
  .landing-page .footer-top > div { min-width: 0; }
  .footer-top .supplied-brand { --brand-width: 190px; }
  .app-body .mobile-brand.supplied-brand { --brand-width: 128px; display: inline-flex; }
  .app-body .app-topbar { min-height: 84px; }
}