/*
 * INPLUG brand logo — единый компонент.
 * Assets: /assets/brand/INPLUG_logo_{dark|light}_transparent.png
 * Использование:
 *   <span class="inplug-logo" role="img" aria-label="INPLUG"></span>
 *   Варианты размера: .inplug-logo--sm | .inplug-logo--md | .inplug-logo--lg
 */
.inplug-logo {
  --inplug-logo-height: 28px;
  display: inline-block;
  width: calc(var(--inplug-logo-height) * 3.13);
  height: var(--inplug-logo-height);
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  background-image: url("/assets/brand/INPLUG_logo_dark_transparent.png");
}

html[data-theme="light"] .inplug-logo {
  background-image: url("/assets/brand/INPLUG_logo_light_transparent.png");
}

.inplug-logo--sm {
  --inplug-logo-height: 22px;
}

.inplug-logo--md {
  --inplug-logo-height: 32px;
}

.inplug-logo--lg {
  --inplug-logo-height: 40px;
}

.inplug-logo--block {
  display: block;
}

a.site-brand .inplug-logo,
.brand .inplug-logo,
.footer-brand .inplug-logo,
.auth-brand .inplug-logo {
  margin: 0;
}