.toc-toggle.svelte-xx3beg {
    display: inline-flex;
    flex: 0 0 auto;
    align-self: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }


  .overlay.svelte-122vfqz {
    position: fixed;
    z-index: 9;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background-color: rgba(0, 0, 0, 0.4);
  }


  .wrapper.svelte-80ixl9 {
    position: fixed;
    top: 28px;
    width: 74vw;
    left: 13vw; /* (100 - 74) / 2 */
    right: 13vw;

    border: 1px solid #aaaaaa;
    z-index: 25;

    /* min-height: 320px; */
    background-color: white;
  }

  .results.svelte-80ixl9 {
    max-height: 70vh;
    padding: 4px 8px;
    line-height: 1.3em;
    cursor: pointer;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .help.svelte-80ixl9 {
    color: #717274;
    background-color: #f9f9f9;
    padding: 8px 8px;
    font-size: 0.7em;
    padding-left: 10px;
  }

  .selected.svelte-80ixl9 {
    background-color: #eeeeee;
  }

  .no-results.svelte-80ixl9 {
    padding-top: 48px;
    padding-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    /* background-color: #dddddd; */
    text-align: center;
  }

  .in.svelte-80ixl9 {
    color: gray;
    font-size: 0.8em;
    float: right;
  }

  @media screen and (max-width: 500px) {
    .wrapper.svelte-80ixl9 {
      width: 90vw;
      left: 5vw; /* (100 - 90) / 2 */
      right: 5vw;
    }

    /* leave space for a on-screen keyboard. Tested on
     Android Pixel device */
    .results.svelte-80ixl9 {
      max-height: 70vh;
    }
  }

  /* higlight search results with yellow-ish background */
  .hili {
    /* font-weight: bold; */
    /*padding: 1px 2px; */
    /* background: #ffeb3b; */
    background: rgba(255, 235, 59, 0.6);
    /* border-radius: 2px; */
    /* font-weight: bold; */
    /* background-color: lightskyblue; */
  }


  input.svelte-dpkhin {
    width: 100%;
    font-size: 16px;
    padding: 2px 8px;
    background-color: white;
    /* filter: opacity(1); */
    /* border-color: #717274; */
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
    border: 1px solid silver;
    /* box-shadow: inset 0 0 0 0 transparent; */
    outline: 0;
    z-index: 25;
  }

  input.svelte-dpkhin:hover {
    border-color: #a0a0a0;
  }

  input.svelte-dpkhin::placeholder {
    color: #aaaaaa;
  }

  /* trick to make placeholder invisible when input field is focused */
  input.svelte-dpkhin:focus::placeholder {
    color: white;
  }

  /* no blue border when focused */
  input.svelte-dpkhin:focus {
    /* border: 1px solid lightskyblue; */
    /* border: 1px solid #aaaaaa; */
    border-color: #a0a0a0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }


  .chapter-toc.svelte-9p61qa {
    font-size: 0.9em;
  }


  .toc.svelte-pat3hc {
    /* font-size: 0.8em; */
    columns: 6; /* for sizes over 1200px */
  }

  /* TODO: possibly tweak those breakpoints e.g. add a column every 240px? */
  @media (max-width: 1600px) {
    .toc.svelte-pat3hc {
      columns: 5;
    }
  }

  @media (max-width: 1280px) {
    .toc.svelte-pat3hc {
      columns: 4;
    }
  }

  @media (max-width: 960px) {
    .toc.svelte-pat3hc {
      columns: 3;
    }
  }

  @media (max-width: 640px) {
    .toc.svelte-pat3hc {
      columns: 2;
    }
  }

  @media (max-width: 320px) {
    .toc.svelte-pat3hc {
      columns: 1;
    }
  }

  .no.svelte-pat3hc {
    color: lightslategray;
    display: inline-block;
    width: 2em;
  }

  .current.svelte-pat3hc {
    font-weight: bold;
  }

[data-syntax-theme=github]{--syntax-background: light-dark(#ffffff, #0d1117);--syntax-foreground: light-dark(#24292f, #c9d1d9);--syntax-comment: light-dark(#6e7781, #8b949e);--syntax-keyword: light-dark(#cf222e, #ff7b72);--syntax-operator: light-dark(#24292f, #c9d1d9);--syntax-string: light-dark(#0a3069, #a5d6ff);--syntax-constant: light-dark(#0550ae, #79c0ff);--syntax-function: light-dark(#8250df, #d2a8ff);--syntax-type: light-dark(#8250df, #d2a8ff);--syntax-variable: light-dark(#953800, #ffa657);--syntax-property: light-dark(#0550ae, #79c0ff);--syntax-tag: light-dark(#116329, #7ee787);--syntax-selector: light-dark(#8250df, #d2a8ff);--syntax-inserted: light-dark(#116329, #7ee787);--syntax-deleted: light-dark(#cf222e, #ff7b72);color-scheme:light dark}[data-syntax-theme=github] pre:has(code){background-color:var(--syntax-background);color:var(--syntax-foreground)}::highlight(comment),::highlight(quote){color:var(--syntax-comment)}::highlight(keyword),::highlight(storage),::highlight(at-rule),::highlight(doctype),::highlight(important),::highlight(section){color:var(--syntax-keyword)}::highlight(operator),::highlight(punctuation){color:var(--syntax-operator)}::highlight(string),::highlight(regexp),::highlight(attribute-value),::highlight(link),::highlight(raw){color:var(--syntax-string)}::highlight(numeric),::highlight(boolean),::highlight(constant),::highlight(symbol),::highlight(character-entity),::highlight(anchor),::highlight(entity){color:var(--syntax-constant)}::highlight(function),::highlight(decorator),::highlight(animation){color:var(--syntax-function)}::highlight(type),::highlight(support){color:var(--syntax-type)}::highlight(variable),::highlight(interpolation){color:var(--syntax-variable)}::highlight(property),::highlight(key),::highlight(attribute-name){color:var(--syntax-property)}::highlight(tag){color:var(--syntax-tag)}::highlight(selector){color:var(--syntax-selector)}::highlight(inserted){color:var(--syntax-inserted)}::highlight(deleted){color:var(--syntax-deleted)}