:root { --scalar-custom-header-height: 57px; }
body { margin: 0; }
.light-mode, .dark-mode {
  --scalar-font: var(--itk-font);
  --scalar-font-code: var(--itk-mono);
  --scalar-color-1: var(--itk-ink);
  --scalar-color-2: var(--itk-ink-2);
  --scalar-color-3: var(--itk-muted);
  --scalar-color-accent: var(--itk-accent);
  --scalar-background-1: var(--itk-surface);
  --scalar-background-2: var(--itk-band);
  --scalar-background-3: var(--itk-sunken);
  --scalar-background-accent: var(--itk-accent-soft);
  --scalar-border-color: var(--itk-line);
  --scalar-color-green: var(--itk-ok);
  --scalar-color-red: var(--itk-bad);
  --scalar-color-yellow: var(--itk-claim);
  --scalar-color-blue: var(--itk-accent);
  --scalar-color-orange: var(--itk-dispute);
  --scalar-color-purple: #5b3fd1;
  --scalar-button-1: var(--itk-ink);
  --scalar-button-1-color: #fff;
  --scalar-button-1-hover: #1f2a3d;
  --scalar-radius: var(--itk-radius);
  --scalar-radius-lg: var(--itk-radius-lg);
  --scalar-radius-xl: 12px;
}
.light-mode .t-doc__sidebar, .light-mode .sidebar {
  --scalar-sidebar-background-1: var(--itk-bg);
  --scalar-sidebar-color-1: var(--itk-ink);
  --scalar-sidebar-color-2: var(--itk-ink-2);
  --scalar-sidebar-border-color: var(--itk-line);
  --scalar-sidebar-item-hover-background: var(--itk-sunken);
  --scalar-sidebar-item-active-background: var(--itk-accent-soft);
  --scalar-sidebar-color-active: var(--itk-accent);
  --scalar-sidebar-search-background: var(--itk-surface);
  --scalar-sidebar-search-border-color: var(--itk-line);
}
.noscript { padding: 20px; }