.app-brand > .routebridge-mark,
.brand > .routebridge-mark {
  flex-shrink: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.routebridge-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* Compensate for the transparent margins in the supplied square image. */
  transform: scale(1.3);
}
.app-bootstrap-loader > .app-bootstrap-mark {
  border: 0;
  background: transparent url('../images/routebridge-logo.png?v=20261005-brand') center / 130% 130% no-repeat;
  box-shadow: none;
  color: transparent;
  font-size: 0;
}

.auth-logo {
  display: block;
  padding: 0;
  margin-bottom: 24px;
}
.auth-logo > .routebridge-wordmark {
  display: block;
  width: 100%;
  height: auto;
}

.app-sidebar .sidebar-logo {
  display: flex;
  justify-content: center;
  min-height: 60px;
  padding: 0 4px 18px;
}
.sidebar-logo > .routebridge-wordmark {
  display: block;
  width: 100%;
  max-width: 220px;
  height: auto;
  aspect-ratio: 3 / 1;
  object-fit: contain;
}
@media (max-width: 760px) {
  .app-sidebar .sidebar-logo {
    justify-content: flex-start;
    min-height: 0;
  }
  .sidebar-logo > .routebridge-wordmark {
    width: 168px;
    max-width: 100%;
  }
}