@import url("./controls-flat.css");

.rebrand-logo {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 2172 / 724;
  overflow: hidden;
  flex: 0 0 auto;
}

.rebrand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.brand .rebrand-logo {
  width: 196px;
}

.footer .rebrand-logo {
  width: 180px;
}

.admin-brand .rebrand-logo {
  width: 158px;
  padding: 4px;
  border-radius: 5px;
  background: #fff;
}

.admin-brand .rebrand-logo img {
  width: 100%;
  filter: none;
}

@media (max-width: 1050px) {
  .brand .rebrand-logo {
    width: 176px;
  }
}

@media (max-width: 760px) {
  .brand .rebrand-logo {
    width: 132px;
  }
}

@media (max-width: 700px) {
  .admin-brand .rebrand-logo {
    width: 46px;
    aspect-ratio: 1;
  }

  .admin-brand .rebrand-logo img {
    height: 100%;
    object-fit: cover;
    object-position: left center;
  }
}

@media (max-width: 380px) {
  .brand .rebrand-logo {
    width: 100px;
  }
}