@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");


[aria-label="Set light mode"] {
  display: none !important;
}

/* basic theme */
.dark-mode,
.light-mode .dark-mode,
.light-mode {
  --scalar-background-1: #fff;
  --scalar-background-2: #f6f6f6;
  --scalar-background-3: #e7e7e7;
  --scalar-background-accent: #8ab4f81f;

  --scalar-color-1: #2a2f45;
  --scalar-color-2: #757575;
  --scalar-color-3: #8e8e8e;

  --scalar-color-accent: #009fdf;
  --scalar-border-color: #dfdfdf;

  --scalar-color-green: #2cbba1;
  --scalar-color-red: #ed1944;
  --scalar-color-yellow: #ffd600;
  --scalar-color-blue: #009fdf;
  --scalar-color-orange: #fb892c;
  --scalar-color-purple: #485bc7;

  --scalar-button-1: #112c51;
  --scalar-button-1-hover: #0096d1;
  --scalar-button-1-color: rgba(255, 255, 255, 0.9);

  --scalar-color-danger: color-mix(
    in srgb,
    var(--scalar-color-red),
    var(--scalar-color-1) 20%
  );

  --scalar-background-alert: color-mix(
    in srgb,
    var(--scalar-color-orange),
    var(--scalar-background-1) 95%
  );
  --scalar-background-danger: color-mix(
    in srgb,
    var(--scalar-color-red),
    var(--scalar-background-1) 95%
  );
}
/* Document Sidebar */
.light-mode .t-doc__sidebar,
.dark-mode .t-doc__sidebar {
  --scalar-sidebar-background-1: var(--scalar-background-1);
  --scalar-sidebar-color-1: var(--scalar-color-1);
  --scalar-sidebar-color-2: var(--scalar-color-2);
  --scalar-sidebar-border-color: var(--scalar-border-color);

  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
  --scalar-sidebar-item-hover-color: currentColor;

  --scalar-sidebar-item-active-background: var(--scalar-background-2);
  --scalar-sidebar-color-active: var(--scalar-color-1);

  --scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);
  --scalar-sidebar-indent-border-hover: var(
    --scalar-sidebar-border-color
  );
  --scalar-sidebar-indent-border-active: var(
    --scalar-sidebar-border-color
  );

  --scalar-sidebar-search-background: transparent;
  --scalar-sidebar-search-color: var(--scalar-color-3);
  --scalar-sidebar-search-border-color: var(--scalar-border-color);
}
/* advanced */
/* custom stufff */
.section-container:has(.introduction-section):before {
  content: "";
  background-image: url("https://api.scalar.com/cdn/images/X0bvkMBghdqJCS0wkfeyS/7db2zWWYFFHUejUbzD06M.png");
  background-repeat: no-repeat;
  background-position: top right;
  width: 600px;
  height: 600px;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(180deg);
  background-size: 600px;
}
.section-container .introduction-section .introduction-card {
  background: transparent;
}
.introduction-card-item {
  background-color: var(--scalar-background-1);
}
.scalar-card.dark-mode,
.scalar-card {
  --scalar-background-2: #fff;
  --scalar-background-3: #fff;
}
.section-container h1,
.section-container h2,
.section-container h3,
.section-container h4,
.section-container h5,
.section-container h6 {
  color: rgb(17, 44, 81);
  font-family: "Raleway", sans-serif;
  font-weight: 700 !important;
}
.open-api-client-button + div {
  display: none !important;
}