@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@500&display=swap');

/* Synthius: Scientific capitals wordmark. The original symbol is preserved. */
.synthius-wordmark.synthius-wordmark {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: var(--wordmark-gap, 12px);
  color: var(--wordmark-color, var(--text, #1a1a1a));
  text-decoration: none;
  letter-spacing: normal;
  white-space: nowrap;
}
.synthius-wordmark .synthius-wordmark-icon {
  display: block;
  flex-shrink: 0;
  width: var(--wordmark-icon-size, 28px);
  height: var(--wordmark-icon-size, 28px);
  margin: 0;
  object-fit: contain;
  border-radius: 6px;
  filter: var(--wordmark-filter, brightness(.24) saturate(.7) contrast(1.15));
}
.synthius-wordmark .synthius-wordmark-divider {
  display: block;
  flex-shrink: 0;
  width: 1px;
  height: var(--wordmark-divider-height, 21px);
  background: var(--wordmark-divider-color, #babdaf);
}
.synthius-wordmark .synthius-wordmark-name {
  display: block;
  font-family: var(--font-ibm-plex-sans, "IBM Plex Sans"), sans-serif;
  font-size: var(--wordmark-font-size, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .105em;
  text-transform: uppercase;
  color: inherit;
}
.synthius-wordmark--compact {
  --wordmark-icon-size: 24px;
  --wordmark-font-size: 16px;
  --wordmark-divider-height: 18px;
  --wordmark-gap: 10px;
}
.synthius-wordmark--light,
[data-theme="dark"] .synthius-wordmark {
  --wordmark-color: #f0eee9;
  --wordmark-filter: none;
  --wordmark-divider-color: #59604f;
}
@media (prefers-color-scheme: dark) {
  .legal-brand.synthius-wordmark {
    --wordmark-color: #f0eee9;
    --wordmark-filter: none;
    --wordmark-divider-color: #59604f;
  }
}
@media (max-width: 480px) {
  .synthius-wordmark {
    --wordmark-icon-size: 26px;
    --wordmark-font-size: 16px;
    --wordmark-divider-height: 19px;
    --wordmark-gap: 10px;
  }
}
@media (max-width: 360px) {
  .synthius-wordmark {
    --wordmark-icon-size: 24px;
    --wordmark-font-size: 15px;
    --wordmark-divider-height: 18px;
    --wordmark-gap: 8px;
  }
}