@font-face {
  font-family: "Manrope";
  src: url("/assets/manrope-v4.504-wght.ttf?v=d0639be45d0a") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

.mizan-platform-brand {
  align-items: center;
  column-gap: 11px;
}

.mizan-platform-logo {
  width: auto;
  height: 31px;
  object-fit: contain;
  flex: 0 0 auto;
}

.mizan-platform-wordmark {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  font-synthesis: none;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #082840;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dark .mizan-platform-wordmark,
[data-theme="dark"] .mizan-platform-wordmark {
  color: #f4f8fb;
}

.mizan-platform-fallback {
  position: fixed;
  top: 24px;
  left: 28px;
  z-index: 2147483647;
  display: flex;
  align-items: center;
  column-gap: 11px;
  pointer-events: none;
}

@media (max-width: 640px) {
  .mizan-platform-fallback {
    top: 14px;
    left: 16px;
  }

  .mizan-platform-fallback .mizan-platform-logo { height: 26px; }
  .mizan-platform-fallback .mizan-platform-wordmark { font-size: 17px; }
}