@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(assets/fonts/inter-latin-ext.34b9c504ca.woff2) format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(assets/fonts/inter-latin.3100e775e8.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/open-sans-latin.d8e4fe0452.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --gm-primary: hsl(157 60% 36%);
  --gm-primary-text: hsl(157 62% 28%);
  --gm-navy: hsl(220 40% 18%);
  --gm-background: hsl(0 0% 99%);
  --gm-foreground: hsl(220 20% 14%);
  --gm-muted-foreground: hsl(220 10% 46%);
  --gm-muted: hsl(220 14% 96%);
  --gm-border: hsl(220 13% 91%);
  --gm-blue: hsl(217 91% 60%);
  --gm-header-height: 56px;
  --gm-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --gm-font-body: 'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --gm-font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --scalar-custom-header-height: var(--gm-header-height);
  color-scheme: light;
}

html,
body {
  margin: 0;
  background: var(--gm-background);
  color: var(--gm-foreground);
  font-family: var(--gm-font-body);
}

.gm-header {
  position: sticky;
  top: 0;
  z-index: 100;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 16px;
  height: var(--gm-header-height);
  padding: 0 24px;
  background: linear-gradient(160deg, var(--gm-navy) 0%, var(--gm-primary) 100%);
  color: #fff;
  font-family: var(--gm-font);
}
.gm-brand {
  display: flex;
  align-items: center;
}
.gm-brand img {
  display: block;
  height: 28px;
  width: auto;
}
.gm-divider {
  width: 1px;
  height: 24px;
  background: rgb(255 255 255 / 0.35);
}
.gm-title {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.gm-link {
  margin-left: auto;
  padding: 7px 14px;
  border: 1px solid rgb(255 255 255 / 0.85);
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.gm-link:hover,
.gm-link:focus-visible {
  background: rgb(255 255 255 / 0.14);
}
.gm-noscript {
  margin: 48px 24px;
  font-family: var(--gm-font-body);
  text-align: center;
}
@media (max-width: 600px) {
  .gm-header {
    padding: 0 16px;
    gap: 12px;
  }
  .gm-title {
    font-size: 14px;
  }
  .gm-link {
    display: none;
  }
}

html body.light-mode,
html body .light-mode,
html .scalar-app.light-mode {
  --scalar-font: var(--gm-font-body);
  --scalar-font-code: var(--gm-font-code);
  --scalar-radius: 6px;
  --scalar-radius-lg: 8px;
  --scalar-radius-xl: 12px;

  --scalar-background-1: var(--gm-background);
  --scalar-background-2: var(--gm-muted);
  --scalar-background-3: var(--gm-border);
  --scalar-background-accent: hsl(157 60% 36% / 0.09);
  --scalar-color-1: var(--gm-foreground);
  --scalar-color-2: var(--gm-muted-foreground);
  --scalar-color-3: hsl(220 10% 56%);
  --scalar-color-accent: var(--gm-primary-text);
  --scalar-border-color: var(--gm-border);

  --scalar-button-1: var(--gm-navy);
  --scalar-button-1-hover: hsl(220 40% 26%);
  --scalar-button-1-color: #fff;

  --scalar-color-green: var(--gm-primary-text);
  --scalar-color-blue: hsl(217 80% 46%);
  --scalar-color-red: hsl(0 72% 51%);
  --scalar-color-yellow: hsl(38 92% 42%);
  --scalar-color-orange: hsl(24 90% 48%);
  --scalar-color-purple: hsl(262 52% 47%);

  --scalar-sidebar-background-1: var(--gm-background);
  --scalar-sidebar-color-1: var(--gm-foreground);
  --scalar-sidebar-color-2: var(--gm-muted-foreground);
  --scalar-sidebar-color-active: var(--gm-primary-text);
  --scalar-sidebar-border-color: var(--gm-border);
  --scalar-sidebar-item-hover-background: var(--gm-muted);
  --scalar-sidebar-item-hover-color: var(--gm-foreground);
  --scalar-sidebar-item-active-background: hsl(157 60% 36% / 0.1);
  --scalar-sidebar-search-background: var(--gm-muted);
  --scalar-sidebar-search-border-color: var(--gm-border);
  --scalar-sidebar-search-color: var(--gm-muted-foreground);

  --scalar-link-color: var(--gm-primary-text);
  --scalar-link-color-hover: hsl(157 62% 22%);
}

html body .dark-mode,
html .scalar-app.dark-mode {
  --scalar-background-1: hsl(220 40% 13%);
  --scalar-background-2: var(--gm-navy);
  --scalar-background-3: hsl(220 34% 25%);
  --scalar-background-accent: hsl(157 55% 55% / 0.14);
  --scalar-color-1: hsl(220 20% 96%);
  --scalar-color-2: hsl(220 14% 76%);
  --scalar-color-3: hsl(220 12% 62%);
  --scalar-color-accent: hsl(157 55% 58%);
  --scalar-border-color: hsl(220 30% 27%);
  --scalar-color-green: hsl(157 55% 58%);
  --scalar-color-blue: hsl(217 91% 70%);
  --scalar-color-red: hsl(0 85% 70%);
  --scalar-color-yellow: hsl(38 92% 62%);
  --scalar-color-orange: hsl(24 92% 64%);
  --scalar-color-purple: hsl(262 80% 78%);
}

html body .scalar-app h1,
html body .scalar-app h2,
html body .scalar-app h3,
html body .scalar-app h4 {
  font-family: var(--gm-font);
  letter-spacing: -0.02em;
}

.gm-notfound {
  max-width: 560px;
  margin: 96px auto;
  padding: 0 24px;
  font-family: var(--gm-font-body);
  text-align: center;
}
.gm-notfound h1 {
  margin: 0 0 12px;
  letter-spacing: -0.02em;
}
.gm-notfound p {
  color: var(--gm-muted-foreground);
}
.gm-notfound a {
  color: var(--gm-primary-text);
}

html body .scalar-app .markdown th,
html body .scalar-app .markdown td {
  overflow-wrap: normal;
  word-break: normal;
}
html body .scalar-app .markdown td code {
  overflow-wrap: anywhere;
}