.brand-logo {
  display: block;
  max-width: 150px;
  max-height: 42px;
  object-fit: contain;
}

.powered {
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
}

.branding-form {
  padding: 8px 0 16px;
}

@media (max-width: 760px) {
  .topbar {
    min-height: 68px;
    height: auto;
    padding-block: 10px;
    gap: 10px;
  }

  .topbar > div:first-child {
    min-width: 0;
    flex-wrap: wrap;
    gap: 6px 9px;
  }

  .brand-logo {
    max-width: min(96px, 28vw);
    max-height: 34px;
  }

  #brandName {
    max-width: 32vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .powered {
    flex-basis: 100%;
    padding-left: 47px;
  }
}