/* Show the supplied logo at its natural proportions while hiding its wide canvas margins. */
.brand-logo {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 176px;
  height: 52px;
  overflow: hidden;
  background: #fff;
}

.brand-logo img {
  position: absolute;
  display: block;
  width: 360px;
  height: 144px;
  max-width: none;
  max-height: none;
  left: -37px;
  top: -49px;
}

.brand-logo.large {
  width: 246px;
  height: 74px;
  margin-bottom: 20px;
}

.brand-logo.large img {
  width: 504px;
  height: 202px;
  left: -52px;
  top: -69px;
}

.loading-screen .brand-mark {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.loading-screen .brand-mark img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
}