@font-face {
  font-family: "Bevellier";
  src: url("fonts/Bevellier-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Bevellier";
  src: url("fonts/Bevellier-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

.t-doc__sidebar::before,
.t-doc__header > header::after {
  content: "API";
  display: block;
  flex-shrink: 0;
  height: 26px;
  padding-left: 134px;
  font-family: "Bevellier", "Raleway", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #ffb719;
  background:
    url("logo-light.svg") no-repeat 0 50% / auto 26px,
    linear-gradient(rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.18)) no-repeat 120px 50% / 1px 26px;
}

.t-doc__sidebar::before {
  margin: 22px 16px 10px;
}

@media (max-width: 999px) {
  .t-doc__sidebar::before {
    display: none;
  }

  .scalar-app .t-doc__header {
    --scalar-background-1: #112024;
    --scalar-border-color: rgba(255, 255, 255, 0.08);
    --scalar-color-1: #ffffff;
    --scalar-color-2: rgba(255, 255, 255, 0.85);
    --scalar-color-3: rgba(255, 255, 255, 0.6);
  }

  .t-doc__header > header > span {
    display: none;
  }

  .t-doc__header > header::after {
    margin-left: 8px;
  }

  .scalar-app .markdown.markdown table {
    display: block;
    table-layout: auto;
    max-width: calc(100vw - 48px);
    overflow-x: auto;
  }

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

  .scalar-app .markdown.markdown th,
  .scalar-app .markdown.markdown td code {
    white-space: nowrap;
  }

  .scalar-app .markdown.markdown td:last-child {
    min-width: 280px;
  }
}