ohex/doc/odoc.support/odoc.css

@charset "UTF-8";
/* Copyright (c) 2016 The odoc contributors. All rights reserved.
   Distributed under the ISC license, see terms at the end of the file.
   odoc 2.4.1 */

/* Fonts */
/* noticia-text-regular - latin */
@font-face {
  font-family: 'Noticia Text';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noticia-text-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noticia-text-italic - latin */
@font-face {
  font-family: 'Noticia Text';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/noticia-text-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noticia-text-700 - latin */
@font-face {
  font-family: 'Noticia Text';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noticia-text-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-mono-regular - latin */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/fira-mono-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-mono-500 - latin */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/fira-mono-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/fira-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/fira-sans-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/fira-sans-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-500italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/fira-sans-v17-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/fira-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-700italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/fira-sans-v17-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root,
.light:root {

  scroll-padding-top: calc(var(--search-bar-height) + var(--search-padding-top) + 1em);

  --main-background: #FFFFFF;

  --color: #333333;
  --link-color: #2C94BD;
  --source-color: grey;
  --anchor-hover: #555;
  --anchor-color: #d5d5d5;
  --xref-shadow: #cc6666;
  --header-shadow: #ddd;
  --by-name-version-color: #aaa;
  --by-name-nav-link-color: #222;
  --target-background: rgba(187, 239, 253, 0.3);
  --target-shadow: rgba(187, 239, 253, 0.8);
  --pre-border-color: #eee;
  --code-background: #f6f8fa;

  --li-code-background: #f6f8fa;
  --li-code-color: #0d2b3e;
  --toc-color: #1F2D3D;
  --toc-before-color: #777;
  --toc-background: #f6f8fa;
  --toc-background-emph: #ecf0f5;
  --toc-list-border: #ccc;

  --spec-summary-border-color: #5c9cf5;
  --spec-label-color: green;
  --spec-summary-background: var(--code-background);
  --spec-summary-hover-background: #ebeff2;
  --spec-details-after-background: rgba(0, 4, 15, 0.05);
  --spec-details-after-shadow: rgba(204, 204, 204, 0.53);

  --search-results-border: #bbb;
  --search-results-shadow: #bbb;

  --search-snake: #82aaff;

}

.dark:root {
  --main-background: #202020;
  --code-background: #222;
  --line-numbers-background: rgba(0, 0, 0, 0.125);
  --navbar-background: #202020;

  --color: #bebebe;
  --dirname-color: #666;
  --underline-color: #444;
  --visited-color: #002800;
  --visited-number-color: #252;
  --unvisited-color: #380000;
  --unvisited-number-color: #622;
  --somevisited-color: #303000;
  --highlight-color: #303e3f;
  --line-number-color: rgba(230, 230, 230, 0.3);
  --unvisited-margin-color: #622;
  --border: #333;
  --navbar-border: #333;
  --code-color: #ccc;

  --li-code-background: #373737;
  --li-code-color: #999;
  --toc-color: #777;
  --toc-background: #252525;
  --toc-background-emph: #2a2a2a;

  --hljs-link: #999;
  --hljs-keyword: #cda869;
  --hljs-regexp: #f9ee98;
  --hljs-title: #dcdcaa;
  --hljs-type: #ac885b;
  --hljs-meta: #82aaff;
  --hljs-variable: #cf6a4c;

  --spec-label-color: lightgreen;

  --search-results-border: #505050;
  --search-results-shadow: #404040;

}

@media (prefers-color-scheme: dark) {
  :root {
    --main-background: #202020;
    --code-background: #333;
    --line-numbers-background: rgba(0, 0, 0, 0.125);
    --navbar-background: #202020;

    --meter-unvisited-color: #622;
    --meter-visited-color: #252;
    --meter-separator-color: black;

    --color: #bebebe;
    --dirname-color: #666;
    --underline-color: #444;
    --visited-color: #002800;
    --visited-number-color: #252;
    --unvisited-color: #380000;
    --unvisited-number-color: #622;
    --somevisited-color: #303000;
    --highlight-color: #303e3f;
    --line-number-color: rgba(230, 230, 230, 0.3);
    --unvisited-margin-color: #622;
    --border: #333;
    --navbar-border: #333;
    --code-color: #ccc;
    --by-name-nav-link-color: var(--color);

    --li-code-background: #373737;
    --li-code-color: #999;
    --toc-color: #777;
    --toc-before-color: #777;
    --toc-background: #252525;
    --toc-background-emph: #2a2a2a;
    --toc-list-border: #ccc;
    --spec-summary-hover-background: #ebeff2;
    --spec-details-after-background: rgba(0, 4, 15, 0.05);
    --spec-details-after-shadow: rgba(204, 204, 204, 0.53);

    --hljs-link: #999;
    --hljs-keyword: #cda869;
    --hljs-regexp: #f9ee98;
    --hljs-title: #dcdcaa;
    --hljs-type: #ac885b;
    --hljs-meta: #82aaff;
    --hljs-variable: #cf6a4c;

    --spec-label-color: lightgreen;

    --search-results-border: #505050;
    --search-results-shadow: #404040;

  }
}

/* Reset a few things. */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;

}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

html {
  font-size: 15px;
  scroll-behavior: smooth;
}

body {
  text-align: left;
  background: #FFFFFF;
  color: var(--color);
  background-color: var(--main-background);
  font-family: "Noticia Text", Georgia, serif;
  line-height: 1.5;
}

body {
  margin-left: auto;
  margin-right: auto;
  padding: 0 4ex;
}

body.odoc {
  max-width: 132ex;
  display: grid;
  grid-template-columns: min-content 1fr;
  column-gap: 4ex;
  row-gap: 2ex;
}

body.odoc-src {
  margin-right: calc(10vw + 20ex);
}

.odoc-content {
  grid-row: 4;
  grid-column: 2;
}

.odoc-preamble > *:first-child {
  /* This make the first thing in the preamble align with the sidebar */
  padding-top: 0;
  margin-top: 0;
}

header {
  margin-bottom: 30px;
}

header.odoc-preamble {
  grid-column: 2;
  grid-row: 3;
}

nav {
  font-family: "Fira Sans", sans-serif;
}

nav.odoc-nav {
  grid-column: 2;
  grid-row: 2;
}

/* Basic markup elements */

b, strong {
  font-weight: bold;
}

i {
  font-style: italic;
}

em, i em.odd{
  font-style: italic;
}

em.odd, i em {
  font-style: normal;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

sup, sub {
  font-size: 12px;
  line-height: 0;
  margin-left: 0.2ex;
}

ul, ol {
  list-style-position: outside
}

ul>li {
  margin-left: 22px;
}

ol>li {
  margin-left: 27.2px;
}

li>*:first-child {
  margin-top: 0
}

/* Text alignements, this should be forbidden. */

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

/* Links and anchors */

a {
  text-decoration: none;
  color: var(--link-color);
}

.odoc-src pre a {
  color: inherit;
}

a:hover {
  box-shadow: 0 1px 0 0 var(--link-color);
}

/* Linked highlight */
*:target {
  background-color: var(--target-background) !important;
  box-shadow: 0 0px 0 1px var(--target-shadow) !important;
  border-radius: 1px;
}

*:hover > a.anchor {
  visibility: visible;
}

a.anchor:before {
  content: "#";
}

a.anchor:hover {
  box-shadow: none;
  text-decoration: none;
  color: var(--anchor-hover);
}

a.anchor {
  visibility: hidden;
  position: absolute;
  /* top: 0px; */
  /* margin-left: -3ex; */
  margin-left: -1.3em;
  font-weight: normal;
  font-style: normal;
  padding-right: 0.4em;
  padding-left: 0.4em;
  /* To remain selectable */
  color: var(--anchor-color);
}

.spec > a.anchor {
  margin-left: -2.3em;
  padding-right: 0.9em;
}

.xref-unresolved {
  color: #2C94BD;
}
.xref-unresolved:hover {
  box-shadow: 0 1px 0 0 var(--xref-shadow);
}

/* Source links float inside preformated text or headings. */
a.source_link {
  float: right;
  color: var(--source-color);
  font-family: "Fira Sans", sans-serif;
  font-size: initial;
}

/* Section and document divisions.
   Until at least 4.03 many of the modules of the stdlib start at .h7,
   we restart the sequence there like h2  */

h1, h2, h3, h4, h5, h6, .h7, .h8, .h9, .h10 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  padding-top: 0.1em;
  line-height: 1.2;
  overflow-wrap: break-word;
}

.odoc-preamble h1 {
  margin-top: 10px;
}

h1 {
  font-weight: 500;
  font-size: 2.441em;
}

h1 {
  font-weight: 500;
  font-size: 1.953em;
  box-shadow: 0 1px 0 0 var(--header-shadow);
}

h2 {
  font-size: 1.563em;
}

h3 {
  font-size: 1.25em;
}

small, .font_small {
  font-size: 0.8em;
}

h1 code, h1 tt {
  font-size: inherit;
  font-weight: inherit;
}

h2 code, h2 tt {
  font-size: inherit;
  font-weight: inherit;
}

h3 code, h3 tt {
  font-size: inherit;
  font-weight: inherit;
}

h3 code, h3 tt {
  font-size: inherit;
  font-weight: inherit;
}

h4 {
  font-size: 1.12em;
}

/* Comment delimiters, hidden but accessible to screen readers and
   selected for copy/pasting */

/* Taken from bootstrap */
/* See also https://stackoverflow.com/a/27769435/4220738 */
.comment-delim {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Preformatted and code */

tt, code, pre {
  font-family: "Fira Mono", monospace;
  font-weight: 400;
}

.odoc pre {
  padding: 0.1em;
  border: 1px solid var(--pre-border-color);
  border-radius: 5px;
  overflow-x: auto;
}

.odoc p code,
.odoc li code {
  background-color: var(--li-code-background);
  color: var(--li-code-color);
  border-radius: 3px;
  padding: 0 0.3ex;
}

p a > code, li a > code {
  color: var(--link-color);
}

.odoc code {
  white-space: pre-wrap;
}

/* Code blocks (e.g. Examples) */

.odoc pre code {
  font-size: 0.893rem;
}

/* Code lexemes */

.keyword {
  font-weight: 500;
}

.arrow { white-space: nowrap }

/* Module member specification */

.spec {
  background-color: var(--spec-summary-background);
  border-radius: 3px;
  border-left: 4px solid var(--spec-summary-border-color);
  border-right: 5px solid transparent;
  padding: 0.35em 0.5em;
}

.spec .label, .spec .optlabel {
  color: var(--spec-label-color);
}

li:not(:last-child) > .def-doc {
  margin-bottom: 15px;
}

/* Spacing between items */
div.odoc-spec,.odoc-include {
  margin-bottom: 2em;
}

.spec.type .variant p, .spec.type .record p {
  margin: 5px;
}

.spec.type .variant, .spec.type .record {
  margin-left: 2ch;
}

.spec.type li.variant, .spec.type li.record {
  list-style: none;
}

.spec.type .record > code, .spec.type .variant > code {
  min-width: 40%;
}

.spec.type > ol {
  margin-top: 0;
  margin-bottom: 0;
}

.spec.type .record > .def-doc, .spec.type .variant > .def-doc {
  min-width:50%;
  padding: 0.25em 0.5em;
  margin-left: 10%;
  border-radius: 3px;
  background: var(--main-background);
  box-shadow: 1px 1px 2px lightgrey;
}

div.def {
  margin-top: 0;
  text-indent: -2ex;
  padding-left: 2ex;
}

div.def-doc>*:first-child {
  margin-top: 0;
}

/* Collapsible inlined include and module */

.odoc-include details {
  position: relative;
}

.odoc-include.shadowed-include {
  display: none;
}

.odoc-include details:after {
  z-index: -100;
  display: block;
  content: " ";
  position: absolute;
  border-radius: 0 1ex 1ex 0;
  right: -20px;
  top: 1px;
  bottom: 1px;
  width: 15px;
  background: var(--spec-details-after-background, rgba(0, 4, 15, 0.05));
  box-shadow: 0 0px 0 1px var(--spec-details-after-shadow, rgba(204, 204, 204, 0.53));
}

.odoc-include summary {
  position: relative;
  margin-bottom: 1em;
  cursor: pointer;
  outline: none;
}

.odoc-include summary:hover {
  background-color: var(--spec-summary-hover-background);
}

/* FIXME: Does not work in Firefox. */
.odoc-include summary::-webkit-details-marker {
  color: #888;
  transform: scaleX(-1);
  position: absolute;
  top: calc(50% - 5px);
  height: 11px;
  right: -29px;
}

/* Records and variants FIXME */

div.def table {
  text-indent: 0em;
  padding: 0;
  margin-left: -2ex;
}

td.def {
  padding-left: 2ex;
}

td.def-doc *:first-child {
  margin-top: 0em;
}

/* Lists of @tags */

.at-tags { list-style-type: none; margin-left: -3ex; }
.at-tags li { padding-left: 3ex; text-indent: -3ex; }
.at-tags .at-tag { text-transform: capitalize }

/* Alert emoji */

.alert::before, .deprecated::before {
  content: '⚠️ ';
}

/* Lists of modules */

.modules { list-style-type: none; margin-left: -3ex; }
.modules li { padding-left: 3ex; text-indent: -3ex; margin-top: 5px }
.modules .synopsis { padding-left: 1ch; }

/* Odig package index */

.packages { list-style-type: none; margin-left: -3ex; }
.packages li { padding-left: 3ex; text-indent: -3ex }
.packages li a.anchor { padding-right: 0.5ch; padding-left: 3ch; }
.packages .version { font-size: 10px; color: var(--by-name-version-color); }
.packages .synopsis { padding-left: 1ch }

.by-name nav a {
  text-transform: uppercase;
  font-size: 18px;
  margin-right: 1ex;
  color: var(--by-name-nav-link-color,);
  display: inline-block;
}

.by-tag nav a {
  margin-right: 1ex;
  color: var(--by-name-nav-link-color);
  display: inline-block;
}

.by-tag ol { list-style-type: none; }
.by-tag ol.tags li { margin-left: 1ch; display: inline-block }
.by-tag td:first-child { text-transform: uppercase; }

/* Odig package page */

.package nav {
  display: inline;
  font-size: 14px;
  font-weight: normal;
}

.package .version {
  font-size: 14px;
}

.package.info {
  margin: 0;
}

.package.info td:first-child {
  font-style: italic;
  padding-right: 2ex;
}

.package.info ul {
  list-style-type: none;
  display: inline;
  margin: 0;
}

.package.info li {
  display: inline-block;
  margin: 0;
  margin-right: 1ex;
}

#info-authors li, #info-maintainers li {
  display: block;
}

/* Sidebar and TOC */

.odoc-toc:before {
  display: block;
  content: "Contents";
  text-transform: uppercase;
  font-size: 1em;
  margin: 1.414em 0 0.5em;
  font-weight: 500;
  color: var(--toc-before-color);
  line-height: 1.2;
}

/* When a search bar is present, we need the sticky sidebar to be a bit lower,
   so `top` is higher  */

.odoc-search + * + .odoc-toc {
  --toc-top: calc(var(--search-bar-height) + var(--search-padding-top) + 20px);
  max-height: calc(100vh - 2 * var(--toc-top));
  top: var(--toc-top)
}

.odoc-toc {
  --toc-top: 20px;
  width: 28ex;
  background: var(--toc-background);
  overflow: auto;
  color: var(--toc-color);
  padding-left: 2ex;
  padding-right: 2ex;
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column: 1;
  height: fit-content;
  border: solid 1px var(--border);
  border-radius: 5px;
  position:sticky;
  max-height: calc(100vh - 2 * var(--toc-top));
  top: var(--toc-top)
}

.odoc-toc ul li a {
  font-family: "Fira Sans", sans-serif;
  font-size: 0.95em;
  color: var(--color);
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.odoc-sidebar ul li a:hover {
  box-shadow: none;
  text-decoration: underline;
}

:root {
  --search-bar-height: 25px;
  --search-padding-top: 1rem;
}

.odoc-search {
  position: sticky;
  top: 0;
  background: var(--main-background);
  /* This amounts to fit-content when the search is not active, but when you
  have the search results displayed, you do not want the height of the search
  container to change.  */
  height: calc(var(--search-bar-height) + var(--search-padding-top));
  width: 100%;
  padding-top: var(--search-padding-top);
  z-index: 1;
  grid-row: 1;
  grid-column-start: 1;
  grid-column-end: 3;
}


.odoc-search .search-inner {
  width: 100%;
  position: relative;
  left: 0;
  display: grid;
  /* The second column is for the search snake, which has 0 width */
  grid-template-columns: 1fr 0fr;
  grid-row-gap: 1rem;
  /* The second row is for the search results. It has a width, but only */
  grid-template-rows: min-content 0px;
  background: transparent;
}

.odoc-search .search-bar {
  position: relative;
  z-index: 2;
  font-size: 1em;
  transition: font-size 0.3s;
  box-shadow: 0px 0px 0.2rem 0.3em var(--main-background);
  height: var(--search-bar-height);
}

.odoc-search:focus-within .search-bar {
  font-size: 1.1em;
}

.odoc-search:not(:focus-within) .search-result {
  display: none;
}

.odoc-search .search-result:empty {
  display: none;
}

.odoc-search .search-result {
  grid-row: 2;
  background: var(--toc-background);
  position: absolute;
  left: 0;
  right: 0;
  border: solid;
  border-color: var(--search-results-border);
  border-width: 1px;
  border-radius: 6px;
  box-shadow: 0 3px 10px 2px var(--search-results-shadow), 0 0 3px 4px var(--main-background), 0px -1rem 0px 0px var(--main-background);
  /* Works better on smallish screens with this */
  max-height: calc(min(40rem, 50vh));
  overflow-y: auto;
}

.search-bar {
  /* inputs are of fixed size by default, even if you display:block them */
  width: 100%;
}


.odoc-search .search-no-result {
  color: var(--color);
  border-bottom: var(--search-results-border) solid 1px;
  background-color: inherit;
  outline: 0;
  padding: 10px;
  padding-right: 0.5rem;
}

.search-bar-container {
  display: flex;
  align-items: stretch;
  border-bottom: 1rem solid var(--main-background);
}

.search-snake {
  grid-row: 1;
  grid-column: 2;
  display: flex;
  align-items: center;
  width: 0;
  z-index: 2;
  position: relative;
  left: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  /* Otherwise the search snake flickers for very fast searches. */
  transition: opacity 0.2s;
  opacity: 0;
}

.search-snake.search-busy {
  opacity: 1;
}

.search-snake:before {
  content: " ";
  display: block;
  aspect-ratio: 1 / 1;
  height: 100%;
  margin-right: 4px;
  border-radius: 50%;
  border: 3px solid #aaa;
  border-color: var(--search-snake) transparent var(--search-snake) transparent;
  animation: search-snake 1.2s linear infinite;
  position: absolute;
  right: 0;
}

@keyframes search-snake {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

:root {
  --kind-font-size-factor: 0.8;
}

.odoc-search .search-entry {
  color: var(--color);
  display: grid;
  /* Possible kinds are the following :
     "doc" "type" "mod" "exn" "class" "meth" "cons" "sig" "cons" "field" "val"
     and "ext".
     As the longest is 5 characters (and the font monospace), we give 5
     character size to the column. However the font used for kind is a little
     smaller, so we adjust by this factor.
     */
  grid-template-columns: [kinds] calc(var(--kind-font-size-factor) * 5ch) [titles] 1fr;
  column-gap: 0.5rem;
  border-bottom: var(--search-results-border) solid 1px;
  background-color: inherit;
  outline: 0;
  padding: 0.4rem 0.4rem 0.7rem 0.7rem;
}
.odoc-search .search-entry p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.odoc-search .search-entry:focus-visible {
  box-shadow: none;
  background-color: var(--target-background);
}

.odoc-search .search-entry:hover {
  box-shadow: none;
  background-color: var(--toc-background-emph);
}

.odoc-search .search-entry .entry-kind {
  grid-row: 1/2;
  grid-column: 1/2;
  line-height: 1.4rem;
  font-size: calc(var(--kind-font-size-factor) * 1em);
  font-weight: bold;
  text-align: right;
  position: relative;
  bottom: 0;
}

.odoc-search .search-entry pre {
  border: none;
  margin: 0;
}

.odoc-search .search-entry pre code {
  font-size: 1em;
  background-color: var(--li-code-background);
  color: var(--li-code-color);
  border-radius: 3px;
  padding: 0 0.3ex;
}

.odoc-search .search-entry .entry-title {
  width: 100%;
  display: block;
  grid-column: 2/2;
  grid-row: 1/2;
  align-self: end;
  line-height: 1.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.odoc-search .entry-name {
  font-weight: bold;
}

.odoc-search .prefix-name {
  font-weight: bold;
}

.odoc-search .search-entry .prefix-name {
  opacity: 0.7;
}

.odoc-search .entry-rhs {
  white-space: nowrap;
}

.odoc-search .search-entry .entry-content {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}

.odoc-search .search-entry .entry-comment {
  max-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.95em;
  grid-row: 2/2;
  grid-column: 2/2;
}

.odoc-search .search-entry .entry-comment ul {
  white-space: nowrap;
  display: inline;
}

.odoc-search .search-entry .entry-comment li {
  display: inline;
  white-space: nowrap;
}

.odoc-search .search-entry .entry-comment ul>li::before {
  content: '•';
}

.odoc-search .search-entry .entry-comment div {
  display: inline;
  white-space: nowrap;
}

.odoc-search .search-entry .entry-comment p {
  display: inline;
  white-space: nowrap;
}

.odoc-search .search-entry .entry-comment code {
  display: inline;
  white-space: nowrap;
}

/* First level titles */

.odoc-toc>ul>li>a {
  font-weight: 500;
}

.odoc-toc li ul {
  margin: 0px;
  padding-top: 0.25em;
}

.odoc-toc ul {
  list-style-type: none;
}

.odoc-toc ul li {
  padding: 0.25em 0;
}

.odoc-toc>ul>li {
  margin-bottom: 0.3em;
}

.odoc-toc ul li li {
  border-left: 1px solid var(--toc-list-border);
  margin-left: 5px;
  padding-left: 12px;
}

/* Tables */

.odoc-table {
  margin: 1em;
}

.odoc-table td,
.odoc-table th {
  padding-left: 0.5em;
  padding-right: 0.5em;
  border: 1px solid black;
}

.odoc-table th {
  font-weight: bold;
}

/* Mobile adjustements. */

@media only screen and (max-width: 110ex) {
  body {
    margin: 2em;
    padding: 0;
  }

  body.odoc {
    display: block;
  }

  .odoc-toc {
    position: static;
    width: auto;
    min-width: unset;
    max-width: unset;
    border: none;
    padding: 0.2em 1em;
    border-radius: 5px;
    margin-bottom: 2em;
  }
}

/* Print adjustements. */

@media print {
  body {
    color: black;
    background: white;
  }

  body nav:first-child {
    visibility: hidden;
  }
}

/* Source code. */

.source_container {
  display: flex;
}

.source_line_column {
  padding-right: 0.5em;
  text-align: right;
  background: #eee8d5;
}

.source_line {
  padding: 0 1em;
}

.source_code {
  flex-grow: 1;
  background: #fdf6e3;
  padding: 0 0.3em;
  color: #657b83;
}

/* Source directories */

.odoc-directory::before {
  content: "📁";
  margin: 0.3em;
  font-size: 1.3em;
}

.odoc-file::before {
  content: "📄";
  margin: 0.3em;
  font-size: 1.3em;
}

.odoc-folder-list {
  list-style: none;
}

/* Syntax highlighting (based on github-gist) */

.hljs {
  display: block;
  background: var(--code-background);
  padding: 0.5em;
  color: var(--color);
  overflow-x: auto;
}

.hljs-comment,
.hljs-meta {
  color: #969896;
}

.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
  color: #df5000;
}

.hljs-keyword,
.hljs-selector-tag {
  color: #a71d5d;
}

.hljs-type,
.hljs-class .hljs-title {
  color: #458;
  font-weight: 500;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
  color: #0086b3;
}

.hljs-section,
.hljs-name {
  color: #63a35c;
}

.hljs-tag {
  color: #333333;
}

.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #795da3;
}

.hljs-addition {
  color: #55a532;
  background-color: #eaffea;
}

.hljs-deletion {
  color: #bd2c00;
  background-color: #ffecec;
}

.hljs-link {
  text-decoration: underline;
}

.VAL,
.TYPE,
.LET,
.REC,
.IN,
.OPEN,
.NONREC,
.MODULE,
.METHOD,
.LETOP,
.INHERIT,
.INCLUDE,
.FUNCTOR,
.EXTERNAL,
.CONSTRAINT,
.ASSERT,
.AND,
.END,
.CLASS,
.STRUCT,
.SIG {
  color: #859900;
  ;
}

.WITH,
.WHILE,
.WHEN,
.VIRTUAL,
.TRY,
.TO,
.THEN,
.PRIVATE,
.OF,
.NEW,
.MUTABLE,
.MATCH,
.LAZY,
.IF,
.FUNCTION,
.FUN,
.FOR,
.EXCEPTION,
.ELSE,
.TO,
.DOWNTO,
.DO,
.DONE,
.BEGIN,
.AS {
  color: #cb4b16;
}

.TRUE,
.FALSE {
  color: #b58900;
}

.failwith,
.INT,
.SEMISEMI,
.LIDENT {
  color: #2aa198;
}

.STRING,
.CHAR,
.UIDENT {
  color: #b58900;
}

.DOCSTRING {
  color: #268bd2;
}

.COMMENT {
  color: #93a1a1;
}

/*---------------------------------------------------------------------------
   Copyright (c) 2016 The odoc contributors

   Permission to use, copy, modify, and/or distribute this software for any
   purpose with or without fee is hereby granted, provided that the above
   copyright notice and this permission notice appear in all copies.

   THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
   WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
   MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
   ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
   WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
   ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
   OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
  ---------------------------------------------------------------------------*/