@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
  --scalar-font: 'Inter', sans-serif;
  --scalar-semibold: 600;
}

.subheading {
  display: none
}

/* basic theme */
.light-mode {
  --scalar-color-brand: #720793;
  --scalar-color-brand-light: #72079333;
  --scalar-color-1: #2a2f45;
  --scalar-color-2: #757575;
  --scalar-color-3: #8e8e8e;
  --scalar-color-accent: var(--scalar-color-brand);

  --scalar-background-1: #fff;
  --scalar-background-2: #f6f6f6;
  --scalar-background-3: #e7e7e7;
  --scalar-background-accent: rgb(162, 139, 167, 0.1);

  --scalar-border-color: rgba(0, 0, 0, 0.1);
}

.dark-mode {
  --scalar-color-brand: #b098b6;
  --scalar-color-brand-light: #6e587477;
  --scalar-color-1: rgba(255, 255, 255, 0.9);
  --scalar-color-2: rgba(255, 255, 255, 0.62);
  --scalar-color-3: rgba(255, 255, 255, 0.44);
  --scalar-color-accent: var(--scalar-color-brand);

  --scalar-background-1: #251f26;
  --scalar-background-2: #312a32;
  --scalar-background-3: #3c333d;
  --scalar-background-accent: var(--scalar-color-brand-light);

  --scalar-border-color: rgba(255, 255, 255, 0.1);
}

.t-editor__heading {
  font-family: 'Montserrat';
}

h2.t-editor__heading {
  font-weight: 700 !important;
  border-bottom: var(--scalar-border);
}

.t-doc__toc .anchor {
  font-weight: 300;
}

.t-doc__toc .active .anchor {
  font-weight: 500;
}

.t-editor__callout {
  margin: 24px 0;
}

.t-editor__inline-code {
  color: var(--scalar-color-brand);
  box-shadow: 0 0 0 1px var(--scalar-color-brand-light);
  white-space: nowrap;
}

.light-mode .t-editor__callout {
  --callout-info-primary: var(--scalar-color-brand);
  --callout-info-secondary: var(--scalar-background-accent);
  --callout-info-svg: var(--scalar-color-brand);
}

.dark-mode .t-editor__callout {
  --callout-info-primary: var(--scalar-color-brand);
  --callout-info-secondary: var(--scalar-background-accent);
  --callout-info-svg: var(--scalar-color-brand);
}

.t-editor__image figcaption {
  font-style: italic;
}

.t-editor__image {
  margin: 18px auto;