:root {
  --admin-sidebar-logo-width: 96px;
  --admin-sidebar-logo-height: 96px;
  --admin-login-logo-width: 130px;
  --admin-login-logo-height: 130px;
  --payment-logo-width: 150px;
}

/* Новый квадратный SVG-логотип SmartCity */
.brand {
  justify-content: center;
}

.brand-logo {
  width: var(--admin-sidebar-logo-width);
  height: var(--admin-sidebar-logo-height);
  object-fit: contain;
  object-position: center;
  padding: 8px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .22);
}

#login:before {
  width: var(--admin-login-logo-width);
  height: var(--admin-login-logo-height);
  background-image: url('/assets/smartcity-logo.svg') !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

[data-theme="dark"] #login:before {
  background-image: url('/assets/smartcity-logo.svg') !important;
}

.payment-brand img {
  width: min(var(--payment-logo-width), 65vw);
  height: auto;
  object-fit: contain;
}

@media (max-width: 820px) {
  :root {
    --admin-sidebar-logo-width: 82px;
    --admin-sidebar-logo-height: 82px;
  }
}