@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Inconsolata|Roboto|Roboto+Slab");
@font-face {
  font-family: "Iosevka myrrlyn regular";
  font-variant: common-ligatures;
  src: url("/static/fonts/iosevka-myrrlyn/woff2/iosevka-myrrlyn-regular.woff2") format("woff2"), url("/static/fonts/iosevka-myrrlyn/woff/iosevka-myrrlyn-regular.woff") format("woff"), url("/static/fonts/iosevka-myrrlyn/ttf/iosevka-myrrlyn-regular.ttf") format("ttf");
}
@font-face {
  font-family: "Iosevka myrrlyn term regular";
  src: url("/static/fonts/iosevka-myrrlyn-term/woff2/iosevka-myrrlyn-term-regular.woff2") format("woff2"), url("/static/fonts/iosevka-myrrlyn-term/woff/iosevka-myrrlyn-term-regular.woff") format("woff"), url("/static/fonts/iosevka-myrrlyn-term/ttf/iosevka-myrrlyn-term-regular.ttf") format("ttf");
}
@font-face {
  font-family: "Ferro Rosso";
  src: url("/static/fonts/FerroRosso.ttf");
}
main article legend, main article textarea, :not(pre) > code,
kbd {
  font-family: "Iosevka myrrlyn regular", "Inconsolata", "Menlo", "Consolas", "Courier New", monospace;
}

pre {
  font-family: "Iosevka myrrlyn term regular", "Inconsolata", "Menlo", "Consolas", "Courier New", monospace;
}

body {
  font-family: "Roboto Slab", serif;
}

:root {
  color-scheme: light dark;
  --white: white;
  --black: black;
  --grey: gray;
  --bell-blue: #0091c9;
  --bell-ochre: #f3cf1d;
  --pane-divider: #00a6ed;
  --text-code: #d63384;
}

.light-only {
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  .light-only {
    filter: invert(1);
  }
}

.dark-only {
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  .dark-only {
    filter: invert(1);
  }
}

@media (prefers-color-scheme: light) {
  pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  code.hljs {
    padding: 3px 5px;
  }
  .hljs {
    color: #383a42;
    background: #fafafa;
  }
  .hljs-comment, .hljs-quote {
    color: #a0a1a7;
    font-style: italic;
  }
  .hljs-doctag, .hljs-formula, .hljs-keyword {
    color: #a626a4;
  }
  .hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
    color: #e45649;
  }
  .hljs-literal {
    color: #0184bb;
  }
  .hljs-addition, .hljs-attribute, .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
    color: #50a14f;
  }
  .hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
    color: #986801;
  }
  .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
    color: #4078f2;
  }
  .hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_ {
    color: #c18401;
  }
  .hljs-emphasis {
    font-style: italic;
  }
  .hljs-strong {
    font-weight: 700;
  }
  .hljs-link {
    text-decoration: underline;
  }
  :root {
    --ansi-red: #c8102e;
    --ansi-red-bg: rgba(200, 16, 46, 0.2);
    --ansi-orange: #ff8200;
    --ansi-orange-bg: rgba(255, 130, 0, 0.3);
    --ansi-yellow: #ffd100;
    --ansi-yellow-bg: rgba(255, 209, 0, 0.25);
    --ansi-green: #007b5f;
    --ansi-green-bg: rgba(0, 123, 95, 0.25);
    --ansi-blue: #0072ce;
    --ansi-blue-bg: rgba(0, 114, 206, 0.2);
    --ansi-purple: #6d2077;
    --ansi-purple-bg: rgba(109, 32, 119, 0.2);
    --ansi-white: #e7e6e2;
    --ansi-black: #2c2a29;
    --iso-red: #9b2423;
    --iso-red-bg: rgba(155, 36, 35, 0.25);
    --iso-orange: #d05d29;
    --iso-orange-bg: rgba(208, 93, 41, 0.25);
    --iso-yellow: #f9a900;
    --iso-yellow-bg: rgba(249, 169, 0, 0.25);
    --iso-green: #237f52;
    --iso-green-bg: rgba(35, 127, 82, 0.25);
    --iso-blue: #005387;
    --iso-blue-bg: rgba(0, 83, 135, 0.25);
    --iso-purple: #6d2077;
    --iso-purple-bg: rgba(109, 32, 119, 0.15);
    --iso-white: #f5f5f2;
    --iso-black: #171717;
    --intl-aero-orange: #ff4f00;
    --blue-capri: #00bbf9;
    --blue-carolina: #00a6ed;
    --crayola-sky-blue: #1be7ff;
    --charcoal: #575b6a;
    --charcoal-bg: rgba(87, 91, 106, 0.15);
    --bg: #fafaf8;
    --text-fg: var(--ansi-black);
    --header-color: #00bbf9;
  }
  :root {
    --parchment: hsl(42.4deg, 48.2%, 83.3%);
    --shadow: #292b32;
    --keycap: #eeeeee;
  }
}
@media (prefers-color-scheme: dark) {
  pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  code.hljs {
    padding: 3px 5px;
  } /*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/
  .hljs {
    color: #c9d1d9;
    background: #0d1117;
  }
  .hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ {
    color: #ff7b72;
  }
  .hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ {
    color: #d2a8ff;
  }
  .hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
    color: #79c0ff;
  }
  .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
    color: #a5d6ff;
  }
  .hljs-built_in, .hljs-symbol {
    color: #ffa657;
  }
  .hljs-code, .hljs-comment, .hljs-formula {
    color: #8b949e;
  }
  .hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
    color: #7ee787;
  }
  .hljs-subst {
    color: #c9d1d9;
  }
  .hljs-section {
    color: #1f6feb;
    font-weight: 700;
  }
  .hljs-bullet {
    color: #f2cc60;
  }
  .hljs-emphasis {
    color: #c9d1d9;
    font-style: italic;
  }
  .hljs-strong {
    color: #c9d1d9;
    font-weight: 700;
  }
  .hljs-addition {
    color: #aff5b4;
    background-color: #033a16;
  }
  .hljs-deletion {
    color: #ffdcd7;
    background-color: #67060c;
  }
  :root {
    --ansi-red: #c8102e;
    --ansi-red-bg: rgba(200, 16, 46, 0.25);
    --ansi-orange: #ff8200;
    --ansi-orange-bg: rgba(255, 130, 0, 0.2);
    --ansi-yellow: #ffd100;
    --ansi-yellow-bg: rgba(255, 209, 0, 0.2);
    --ansi-green: #007b5f;
    --ansi-green-bg: rgba(0, 123, 95, 0.3);
    --ansi-blue: #0072ce;
    --ansi-blue-bg: rgba(0, 114, 206, 0.25);
    --ansi-purple: #7f258b;
    --ansi-purple-bg: rgba(127, 37, 139, 0.25);
    --ansi-white: #e7e6e2;
    --ansi-black: #2c2a29;
    --iso-red: #9b2423;
    --iso-red-bg: rgba(155, 36, 35, 0.25);
    --iso-orange: #d05d29;
    --iso-orange-bg: rgba(208, 93, 41, 0.25);
    --iso-yellow: #f9a900;
    --iso-yellow-bg: rgba(249, 169, 0, 0.2);
    --iso-green: #237f52;
    --iso-green-bg: rgba(35, 127, 82, 0.25);
    --iso-blue: #005387;
    --iso-blue-bg: rgba(0, 83, 135, 0.35);
    --iso-purple: #6d2077;
    --iso-purple-bg: rgba(109, 32, 119, 0.25);
    --iso-white: #f5f5f2;
    --iso-black: #171717;
    --intl-aero-orange: #ff4f00;
    --blue-capri: #00bbf9;
    --blue-carolina: #00a6ed;
    --crayola-sky-blue: #1be7ff;
    --charcoal: #575b6a;
    --charcoal-bg: rgba(87, 91, 106, 0.2);
    --bg: #050508;
    --text-fg: var(--ansi-white);
    --header-color: #5f0f40;
  }
  a {
    color: var(--crayola-sky-blue);
  }
  a:hover {
    color: var(--blue-carolina);
  }
  a:visited {
    color: var(--blue-capri);
  }
  :root {
    --parchment: #cfb474;
    --shadow: #d0cec6;
    --keycap: #333333;
  }
}
body {
  background-color: var(--bg);
  color: var(--text-fg);
}

pre > code {
  color: var(--text-fg);
}

.iso7010::before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  float: left;
  margin-right: 0.5em;
  width: 2.25em;
  aspect-ratio: 1;
}

.iso7010 {
  min-height: calc(52px + 2em);
}
.iso7010.e001::before {
  background-image: url("/static/images/iso-7010/e001.svg");
}
.iso7010.e002::before {
  background-image: url("/static/images/iso-7010/e002.svg");
}
.iso7010.e003::before {
  background-image: url("/static/images/iso-7010/e003.svg");
}
.iso7010.e004::before {
  background-image: url("/static/images/iso-7010/e004.svg");
}
.iso7010.e007::before {
  background-image: url("/static/images/iso-7010/e007.svg");
}
.iso7010.e008::before {
  background-image: url("/static/images/iso-7010/e008.svg");
}
.iso7010.e009::before {
  background-image: url("/static/images/iso-7010/e009.svg");
}
.iso7010.e010::before {
  background-image: url("/static/images/iso-7010/e010.svg");
}
.iso7010.e011::before {
  background-image: url("/static/images/iso-7010/e011.svg");
}
.iso7010.e012::before {
  background-image: url("/static/images/iso-7010/e012.svg");
}
.iso7010.e013::before {
  background-image: url("/static/images/iso-7010/e013.svg");
}
.iso7010.e014::before {
  background-image: url("/static/images/iso-7010/e014.svg");
}
.iso7010.e015::before {
  background-image: url("/static/images/iso-7010/e015.svg");
}
.iso7010.e016::before {
  background-image: url("/static/images/iso-7010/e016.svg");
}
.iso7010.e017::before {
  background-image: url("/static/images/iso-7010/e017.svg");
}
.iso7010.e018::before {
  background-image: url("/static/images/iso-7010/e018.svg");
}
.iso7010.e019::before {
  background-image: url("/static/images/iso-7010/e019.svg");
}
.iso7010.e020::before {
  background-image: url("/static/images/iso-7010/e020.svg");
}
.iso7010.e021::before {
  background-image: url("/static/images/iso-7010/e021.svg");
}
.iso7010.e022::before {
  background-image: url("/static/images/iso-7010/e022.svg");
}
.iso7010.e023::before {
  background-image: url("/static/images/iso-7010/e023.svg");
}
.iso7010.e024::before {
  background-image: url("/static/images/iso-7010/e024.svg");
}
.iso7010.e025::before {
  background-image: url("/static/images/iso-7010/e025.svg");
}
.iso7010.e026::before {
  background-image: url("/static/images/iso-7010/e026.svg");
}
.iso7010.e027::before {
  background-image: url("/static/images/iso-7010/e027.svg");
}
.iso7010.e028::before {
  background-image: url("/static/images/iso-7010/e028.svg");
}
.iso7010.e029::before {
  background-image: url("/static/images/iso-7010/e029.svg");
}
.iso7010.e030::before {
  background-image: url("/static/images/iso-7010/e030.svg");
}
.iso7010.e031::before {
  background-image: url("/static/images/iso-7010/e031.svg");
}
.iso7010.e032::before {
  background-image: url("/static/images/iso-7010/e032.svg");
}
.iso7010.e033::before {
  background-image: url("/static/images/iso-7010/e033.svg");
}
.iso7010.e034::before {
  background-image: url("/static/images/iso-7010/e034.svg");
}
.iso7010.e035::before {
  background-image: url("/static/images/iso-7010/e035.svg");
}
.iso7010.e036::before {
  background-image: url("/static/images/iso-7010/e036.svg");
}
.iso7010.e037::before {
  background-image: url("/static/images/iso-7010/e037.svg");
}
.iso7010.e038::before {
  background-image: url("/static/images/iso-7010/e038.svg");
}
.iso7010.e039::before {
  background-image: url("/static/images/iso-7010/e039.svg");
}
.iso7010.e040::before {
  background-image: url("/static/images/iso-7010/e040.svg");
}
.iso7010.e041::before {
  background-image: url("/static/images/iso-7010/e041.svg");
}
.iso7010.e042::before {
  background-image: url("/static/images/iso-7010/e042.svg");
}
.iso7010.e043::before {
  background-image: url("/static/images/iso-7010/e043.svg");
}
.iso7010.e044::before {
  background-image: url("/static/images/iso-7010/e044.svg");
}
.iso7010.e045::before {
  background-image: url("/static/images/iso-7010/e045.svg");
}
.iso7010.e046::before {
  background-image: url("/static/images/iso-7010/e046.svg");
}
.iso7010.e047::before {
  background-image: url("/static/images/iso-7010/e047.svg");
}
.iso7010.e048::before {
  background-image: url("/static/images/iso-7010/e048.svg");
}
.iso7010.e049::before {
  background-image: url("/static/images/iso-7010/e049.svg");
}
.iso7010.e050::before {
  background-image: url("/static/images/iso-7010/e050.svg");
}
.iso7010.e051::before {
  background-image: url("/static/images/iso-7010/e051.svg");
}
.iso7010.e052::before {
  background-image: url("/static/images/iso-7010/e052.svg");
}
.iso7010.e053::before {
  background-image: url("/static/images/iso-7010/e053.svg");
}
.iso7010.e054::before {
  background-image: url("/static/images/iso-7010/e054.svg");
}
.iso7010.e055::before {
  background-image: url("/static/images/iso-7010/e055.svg");
}
.iso7010.e056::before {
  background-image: url("/static/images/iso-7010/e056.svg");
}
.iso7010.e057::before {
  background-image: url("/static/images/iso-7010/e057.svg");
}
.iso7010.e058::before {
  background-image: url("/static/images/iso-7010/e058.svg");
}
.iso7010.e059::before {
  background-image: url("/static/images/iso-7010/e059.svg");
}
.iso7010.e060::before {
  background-image: url("/static/images/iso-7010/e060.svg");
}
.iso7010.e061::before {
  background-image: url("/static/images/iso-7010/e061.svg");
}
.iso7010.e062::before {
  background-image: url("/static/images/iso-7010/e062.svg");
}
.iso7010.e063::before {
  background-image: url("/static/images/iso-7010/e063.svg");
}
.iso7010.e064::before {
  background-image: url("/static/images/iso-7010/e064.svg");
}
.iso7010.e065::before {
  background-image: url("/static/images/iso-7010/e065.svg");
}
.iso7010.e066::before {
  background-image: url("/static/images/iso-7010/e066.svg");
}
.iso7010.e067::before {
  background-image: url("/static/images/iso-7010/e067.svg");
}
.iso7010.e068::before {
  background-image: url("/static/images/iso-7010/e068.svg");
}
.iso7010.e069::before {
  background-image: url("/static/images/iso-7010/e069.svg");
}
.iso7010.e070::before {
  background-image: url("/static/images/iso-7010/e070.svg");
}
.iso7010.e072::before {
  background-image: url("/static/images/iso-7010/e072.svg");
}
.iso7010.e073::before {
  background-image: url("/static/images/iso-7010/e073.svg");
}
.iso7010.e074::before {
  background-image: url("/static/images/iso-7010/e074.svg");
}
.iso7010.e075::before {
  background-image: url("/static/images/iso-7010/e075.svg");
}
.iso7010.e076::before {
  background-image: url("/static/images/iso-7010/e076.svg");
}
.iso7010.f001::before {
  background-image: url("/static/images/iso-7010/f001.svg");
}
.iso7010.f002::before {
  background-image: url("/static/images/iso-7010/f002.svg");
}
.iso7010.f003::before {
  background-image: url("/static/images/iso-7010/f003.svg");
}
.iso7010.f004::before {
  background-image: url("/static/images/iso-7010/f004.svg");
}
.iso7010.f005::before {
  background-image: url("/static/images/iso-7010/f005.svg");
}
.iso7010.f006::before {
  background-image: url("/static/images/iso-7010/f006.svg");
}
.iso7010.f007::before {
  background-image: url("/static/images/iso-7010/f007.svg");
}
.iso7010.f008::before {
  background-image: url("/static/images/iso-7010/f008.svg");
}
.iso7010.f009::before {
  background-image: url("/static/images/iso-7010/f009.svg");
}
.iso7010.f010::before {
  background-image: url("/static/images/iso-7010/f010.svg");
}
.iso7010.f011::before {
  background-image: url("/static/images/iso-7010/f011.svg");
}
.iso7010.f012::before {
  background-image: url("/static/images/iso-7010/f012.svg");
}
.iso7010.f013::before {
  background-image: url("/static/images/iso-7010/f013.svg");
}
.iso7010.f014::before {
  background-image: url("/static/images/iso-7010/f014.svg");
}
.iso7010.f015::before {
  background-image: url("/static/images/iso-7010/f015.svg");
}
.iso7010.f016::before {
  background-image: url("/static/images/iso-7010/f016.svg");
}
.iso7010.f017::before {
  background-image: url("/static/images/iso-7010/f017.svg");
}
.iso7010.f018::before {
  background-image: url("/static/images/iso-7010/f018.svg");
}
.iso7010.f019::before {
  background-image: url("/static/images/iso-7010/f019.svg");
}
.iso7010.m001::before {
  background-image: url("/static/images/iso-7010/m001.svg");
}
.iso7010.m002::before {
  background-image: url("/static/images/iso-7010/m002.svg");
}
.iso7010.m003::before {
  background-image: url("/static/images/iso-7010/m003.svg");
}
.iso7010.m004::before {
  background-image: url("/static/images/iso-7010/m004.svg");
}
.iso7010.m005::before {
  background-image: url("/static/images/iso-7010/m005.svg");
}
.iso7010.m006::before {
  background-image: url("/static/images/iso-7010/m006.svg");
}
.iso7010.m007::before {
  background-image: url("/static/images/iso-7010/m007.svg");
}
.iso7010.m008::before {
  background-image: url("/static/images/iso-7010/m008.svg");
}
.iso7010.m009::before {
  background-image: url("/static/images/iso-7010/m009.svg");
}
.iso7010.m010::before {
  background-image: url("/static/images/iso-7010/m010.svg");
}
.iso7010.m011::before {
  background-image: url("/static/images/iso-7010/m011.svg");
}
.iso7010.m012::before {
  background-image: url("/static/images/iso-7010/m012.svg");
}
.iso7010.m013::before {
  background-image: url("/static/images/iso-7010/m013.svg");
}
.iso7010.m014::before {
  background-image: url("/static/images/iso-7010/m014.svg");
}
.iso7010.m015::before {
  background-image: url("/static/images/iso-7010/m015.svg");
}
.iso7010.m016::before {
  background-image: url("/static/images/iso-7010/m016.svg");
}
.iso7010.m017::before {
  background-image: url("/static/images/iso-7010/m017.svg");
}
.iso7010.m018::before {
  background-image: url("/static/images/iso-7010/m018.svg");
}
.iso7010.m019::before {
  background-image: url("/static/images/iso-7010/m019.svg");
}
.iso7010.m020::before {
  background-image: url("/static/images/iso-7010/m020.svg");
}
.iso7010.m021::before {
  background-image: url("/static/images/iso-7010/m021.svg");
}
.iso7010.m022::before {
  background-image: url("/static/images/iso-7010/m022.svg");
}
.iso7010.m023::before {
  background-image: url("/static/images/iso-7010/m023.svg");
}
.iso7010.m024::before {
  background-image: url("/static/images/iso-7010/m024.svg");
}
.iso7010.m025::before {
  background-image: url("/static/images/iso-7010/m025.svg");
}
.iso7010.m026::before {
  background-image: url("/static/images/iso-7010/m026.svg");
}
.iso7010.m027::before {
  background-image: url("/static/images/iso-7010/m027.svg");
}
.iso7010.m028::before {
  background-image: url("/static/images/iso-7010/m028.svg");
}
.iso7010.m029::before {
  background-image: url("/static/images/iso-7010/m029.svg");
}
.iso7010.m030::before {
  background-image: url("/static/images/iso-7010/m030.svg");
}
.iso7010.m031::before {
  background-image: url("/static/images/iso-7010/m031.svg");
}
.iso7010.m032::before {
  background-image: url("/static/images/iso-7010/m032.svg");
}
.iso7010.m033::before {
  background-image: url("/static/images/iso-7010/m033.svg");
}
.iso7010.m034::before {
  background-image: url("/static/images/iso-7010/m034.svg");
}
.iso7010.m035::before {
  background-image: url("/static/images/iso-7010/m035.svg");
}
.iso7010.m036::before {
  background-image: url("/static/images/iso-7010/m036.svg");
}
.iso7010.m037::before {
  background-image: url("/static/images/iso-7010/m037.svg");
}
.iso7010.m038::before {
  background-image: url("/static/images/iso-7010/m038.svg");
}
.iso7010.m039::before {
  background-image: url("/static/images/iso-7010/m039.svg");
}
.iso7010.m040::before {
  background-image: url("/static/images/iso-7010/m040.svg");
}
.iso7010.m041::before {
  background-image: url("/static/images/iso-7010/m041.svg");
}
.iso7010.m042::before {
  background-image: url("/static/images/iso-7010/m042.svg");
}
.iso7010.m043::before {
  background-image: url("/static/images/iso-7010/m043.svg");
}
.iso7010.m044::before {
  background-image: url("/static/images/iso-7010/m044.svg");
}
.iso7010.m045::before {
  background-image: url("/static/images/iso-7010/m045.svg");
}
.iso7010.m046::before {
  background-image: url("/static/images/iso-7010/m046.svg");
}
.iso7010.m047::before {
  background-image: url("/static/images/iso-7010/m047.svg");
}
.iso7010.m048::before {
  background-image: url("/static/images/iso-7010/m048.svg");
}
.iso7010.m049::before {
  background-image: url("/static/images/iso-7010/m049.svg");
}
.iso7010.m050::before {
  background-image: url("/static/images/iso-7010/m050.svg");
}
.iso7010.m051::before {
  background-image: url("/static/images/iso-7010/m051.svg");
}
.iso7010.m052::before {
  background-image: url("/static/images/iso-7010/m052.svg");
}
.iso7010.m053::before {
  background-image: url("/static/images/iso-7010/m053.svg");
}
.iso7010.m054::before {
  background-image: url("/static/images/iso-7010/m054.svg");
}
.iso7010.m055::before {
  background-image: url("/static/images/iso-7010/m055.svg");
}
.iso7010.m056::before {
  background-image: url("/static/images/iso-7010/m056.svg");
}
.iso7010.m057::before {
  background-image: url("/static/images/iso-7010/m057.svg");
}
.iso7010.m058::before {
  background-image: url("/static/images/iso-7010/m058.svg");
}
.iso7010.m059::before {
  background-image: url("/static/images/iso-7010/m059.svg");
}
.iso7010.m060::before {
  background-image: url("/static/images/iso-7010/m060.svg");
}
.iso7010.m061::before {
  background-image: url("/static/images/iso-7010/m061.svg");
}
.iso7010.m062::before {
  background-image: url("/static/images/iso-7010/m062.svg");
}
.iso7010.m068::before {
  background-image: url("/static/images/iso-7010/m068.svg");
}
.iso7010.m069::before {
  background-image: url("/static/images/iso-7010/m069.svg");
}
.iso7010.m070::before {
  background-image: url("/static/images/iso-7010/m070.svg");
}
.iso7010.m071::before {
  background-image: url("/static/images/iso-7010/m071.svg");
}
.iso7010.m072::before {
  background-image: url("/static/images/iso-7010/m072.svg");
}
.iso7010.p001::before {
  background-image: url("/static/images/iso-7010/p001.svg");
}
.iso7010.p002::before {
  background-image: url("/static/images/iso-7010/p002.svg");
}
.iso7010.p003::before {
  background-image: url("/static/images/iso-7010/p003.svg");
}
.iso7010.p004::before {
  background-image: url("/static/images/iso-7010/p004.svg");
}
.iso7010.p005::before {
  background-image: url("/static/images/iso-7010/p005.svg");
}
.iso7010.p006::before {
  background-image: url("/static/images/iso-7010/p006.svg");
}
.iso7010.p007::before {
  background-image: url("/static/images/iso-7010/p007.svg");
}
.iso7010.p008::before {
  background-image: url("/static/images/iso-7010/p008.svg");
}
.iso7010.p009::before {
  background-image: url("/static/images/iso-7010/p009.svg");
}
.iso7010.p010::before {
  background-image: url("/static/images/iso-7010/p010.svg");
}
.iso7010.p011::before {
  background-image: url("/static/images/iso-7010/p011.svg");
}
.iso7010.p012::before {
  background-image: url("/static/images/iso-7010/p012.svg");
}
.iso7010.p013::before {
  background-image: url("/static/images/iso-7010/p013.svg");
}
.iso7010.p014::before {
  background-image: url("/static/images/iso-7010/p014.svg");
}
.iso7010.p015::before {
  background-image: url("/static/images/iso-7010/p015.svg");
}
.iso7010.p016::before {
  background-image: url("/static/images/iso-7010/p016.svg");
}
.iso7010.p017::before {
  background-image: url("/static/images/iso-7010/p017.svg");
}
.iso7010.p018::before {
  background-image: url("/static/images/iso-7010/p018.svg");
}
.iso7010.p019::before {
  background-image: url("/static/images/iso-7010/p019.svg");
}
.iso7010.p020::before {
  background-image: url("/static/images/iso-7010/p020.svg");
}
.iso7010.p021::before {
  background-image: url("/static/images/iso-7010/p021.svg");
}
.iso7010.p022::before {
  background-image: url("/static/images/iso-7010/p022.svg");
}
.iso7010.p023::before {
  background-image: url("/static/images/iso-7010/p023.svg");
}
.iso7010.p024::before {
  background-image: url("/static/images/iso-7010/p024.svg");
}
.iso7010.p025::before {
  background-image: url("/static/images/iso-7010/p025.svg");
}
.iso7010.p026::before {
  background-image: url("/static/images/iso-7010/p026.svg");
}
.iso7010.p027::before {
  background-image: url("/static/images/iso-7010/p027.svg");
}
.iso7010.p028::before {
  background-image: url("/static/images/iso-7010/p028.svg");
}
.iso7010.p029::before {
  background-image: url("/static/images/iso-7010/p029.svg");
}
.iso7010.p030::before {
  background-image: url("/static/images/iso-7010/p030.svg");
}
.iso7010.p031::before {
  background-image: url("/static/images/iso-7010/p031.svg");
}
.iso7010.p032::before {
  background-image: url("/static/images/iso-7010/p032.svg");
}
.iso7010.p033::before {
  background-image: url("/static/images/iso-7010/p033.svg");
}
.iso7010.p034::before {
  background-image: url("/static/images/iso-7010/p034.svg");
}
.iso7010.p035::before {
  background-image: url("/static/images/iso-7010/p035.svg");
}
.iso7010.p036::before {
  background-image: url("/static/images/iso-7010/p036.svg");
}
.iso7010.p037::before {
  background-image: url("/static/images/iso-7010/p037.svg");
}
.iso7010.p038::before {
  background-image: url("/static/images/iso-7010/p038.svg");
}
.iso7010.p039::before {
  background-image: url("/static/images/iso-7010/p039.svg");
}
.iso7010.p040::before {
  background-image: url("/static/images/iso-7010/p040.svg");
}
.iso7010.p041::before {
  background-image: url("/static/images/iso-7010/p041.svg");
}
.iso7010.p042::before {
  background-image: url("/static/images/iso-7010/p042.svg");
}
.iso7010.p043::before {
  background-image: url("/static/images/iso-7010/p043.svg");
}
.iso7010.p044::before {
  background-image: url("/static/images/iso-7010/p044.svg");
}
.iso7010.p045::before {
  background-image: url("/static/images/iso-7010/p045.svg");
}
.iso7010.p046::before {
  background-image: url("/static/images/iso-7010/p046.svg");
}
.iso7010.p047::before {
  background-image: url("/static/images/iso-7010/p047.svg");
}
.iso7010.p048::before {
  background-image: url("/static/images/iso-7010/p048.svg");
}
.iso7010.p049::before {
  background-image: url("/static/images/iso-7010/p049.svg");
}
.iso7010.p050::before {
  background-image: url("/static/images/iso-7010/p050.svg");
}
.iso7010.p051::before {
  background-image: url("/static/images/iso-7010/p051.svg");
}
.iso7010.p052::before {
  background-image: url("/static/images/iso-7010/p052.svg");
}
.iso7010.p053::before {
  background-image: url("/static/images/iso-7010/p053.svg");
}
.iso7010.p054::before {
  background-image: url("/static/images/iso-7010/p054.svg");
}
.iso7010.p055::before {
  background-image: url("/static/images/iso-7010/p055.svg");
}
.iso7010.p056::before {
  background-image: url("/static/images/iso-7010/p056.svg");
}
.iso7010.p057::before {
  background-image: url("/static/images/iso-7010/p057.svg");
}
.iso7010.p058::before {
  background-image: url("/static/images/iso-7010/p058.svg");
}
.iso7010.p059::before {
  background-image: url("/static/images/iso-7010/p059.svg");
}
.iso7010.p060::before {
  background-image: url("/static/images/iso-7010/p060.svg");
}
.iso7010.p061::before {
  background-image: url("/static/images/iso-7010/p061.svg");
}
.iso7010.p062::before {
  background-image: url("/static/images/iso-7010/p062.svg");
}
.iso7010.p063::before {
  background-image: url("/static/images/iso-7010/p063.svg");
}
.iso7010.p064::before {
  background-image: url("/static/images/iso-7010/p064.svg");
}
.iso7010.p065::before {
  background-image: url("/static/images/iso-7010/p065.svg");
}
.iso7010.p066::before {
  background-image: url("/static/images/iso-7010/p066.svg");
}
.iso7010.p067::before {
  background-image: url("/static/images/iso-7010/p067.svg");
}
.iso7010.p068::before {
  background-image: url("/static/images/iso-7010/p068.svg");
}
.iso7010.p069::before {
  background-image: url("/static/images/iso-7010/p069.svg");
}
.iso7010.p070::before {
  background-image: url("/static/images/iso-7010/p070.svg");
}
.iso7010.p071::before {
  background-image: url("/static/images/iso-7010/p071.svg");
}
.iso7010.p072::before {
  background-image: url("/static/images/iso-7010/p072.svg");
}
.iso7010.p073::before {
  background-image: url("/static/images/iso-7010/p073.svg");
}
.iso7010.p074::before {
  background-image: url("/static/images/iso-7010/p074.svg");
}
.iso7010.p075::before {
  background-image: url("/static/images/iso-7010/p075.svg");
}
.iso7010.p080::before {
  background-image: url("/static/images/iso-7010/p080.svg");
}
.iso7010.p081::before {
  background-image: url("/static/images/iso-7010/p081.svg");
}
.iso7010.w001::before {
  background-image: url("/static/images/iso-7010/w001.svg");
}
.iso7010.w002::before {
  background-image: url("/static/images/iso-7010/w002.svg");
}
.iso7010.w003::before {
  background-image: url("/static/images/iso-7010/w003.svg");
}
.iso7010.w004::before {
  background-image: url("/static/images/iso-7010/w004.svg");
}
.iso7010.w005::before {
  background-image: url("/static/images/iso-7010/w005.svg");
}
.iso7010.w006::before {
  background-image: url("/static/images/iso-7010/w006.svg");
}
.iso7010.w007::before {
  background-image: url("/static/images/iso-7010/w007.svg");
}
.iso7010.w008::before {
  background-image: url("/static/images/iso-7010/w008.svg");
}
.iso7010.w009::before {
  background-image: url("/static/images/iso-7010/w009.svg");
}
.iso7010.w010::before {
  background-image: url("/static/images/iso-7010/w010.svg");
}
.iso7010.w011::before {
  background-image: url("/static/images/iso-7010/w011.svg");
}
.iso7010.w012::before {
  background-image: url("/static/images/iso-7010/w012.svg");
}
.iso7010.w013::before {
  background-image: url("/static/images/iso-7010/w013.svg");
}
.iso7010.w014::before {
  background-image: url("/static/images/iso-7010/w014.svg");
}
.iso7010.w015::before {
  background-image: url("/static/images/iso-7010/w015.svg");
}
.iso7010.w016::before {
  background-image: url("/static/images/iso-7010/w016.svg");
}
.iso7010.w017::before {
  background-image: url("/static/images/iso-7010/w017.svg");
}
.iso7010.w018::before {
  background-image: url("/static/images/iso-7010/w018.svg");
}
.iso7010.w019::before {
  background-image: url("/static/images/iso-7010/w019.svg");
}
.iso7010.w020::before {
  background-image: url("/static/images/iso-7010/w020.svg");
}
.iso7010.w021::before {
  background-image: url("/static/images/iso-7010/w021.svg");
}
.iso7010.w022::before {
  background-image: url("/static/images/iso-7010/w022.svg");
}
.iso7010.w023::before {
  background-image: url("/static/images/iso-7010/w023.svg");
}
.iso7010.w024::before {
  background-image: url("/static/images/iso-7010/w024.svg");
}
.iso7010.w025::before {
  background-image: url("/static/images/iso-7010/w025.svg");
}
.iso7010.w026::before {
  background-image: url("/static/images/iso-7010/w026.svg");
}
.iso7010.w027::before {
  background-image: url("/static/images/iso-7010/w027.svg");
}
.iso7010.w028::before {
  background-image: url("/static/images/iso-7010/w028.svg");
}
.iso7010.w029::before {
  background-image: url("/static/images/iso-7010/w029.svg");
}
.iso7010.w030::before {
  background-image: url("/static/images/iso-7010/w030.svg");
}
.iso7010.w031::before {
  background-image: url("/static/images/iso-7010/w031.svg");
}
.iso7010.w032::before {
  background-image: url("/static/images/iso-7010/w032.svg");
}
.iso7010.w033::before {
  background-image: url("/static/images/iso-7010/w033.svg");
}
.iso7010.w034::before {
  background-image: url("/static/images/iso-7010/w034.svg");
}
.iso7010.w035::before {
  background-image: url("/static/images/iso-7010/w035.svg");
}
.iso7010.w036::before {
  background-image: url("/static/images/iso-7010/w036.svg");
}
.iso7010.w037::before {
  background-image: url("/static/images/iso-7010/w037.svg");
}
.iso7010.w038::before {
  background-image: url("/static/images/iso-7010/w038.svg");
}
.iso7010.w039::before {
  background-image: url("/static/images/iso-7010/w039.svg");
}
.iso7010.w040::before {
  background-image: url("/static/images/iso-7010/w040.svg");
}
.iso7010.w041::before {
  background-image: url("/static/images/iso-7010/w041.svg");
}
.iso7010.w042::before {
  background-image: url("/static/images/iso-7010/w042.svg");
}
.iso7010.w043::before {
  background-image: url("/static/images/iso-7010/w043.svg");
}
.iso7010.w044::before {
  background-image: url("/static/images/iso-7010/w044.svg");
}
.iso7010.w045::before {
  background-image: url("/static/images/iso-7010/w045.svg");
}
.iso7010.w046::before {
  background-image: url("/static/images/iso-7010/w046.svg");
}
.iso7010.w047::before {
  background-image: url("/static/images/iso-7010/w047.svg");
}
.iso7010.w048::before {
  background-image: url("/static/images/iso-7010/w048.svg");
}
.iso7010.w049::before {
  background-image: url("/static/images/iso-7010/w049.svg");
}
.iso7010.w050::before {
  background-image: url("/static/images/iso-7010/w050.svg");
}
.iso7010.w051::before {
  background-image: url("/static/images/iso-7010/w051.svg");
}
.iso7010.w052::before {
  background-image: url("/static/images/iso-7010/w052.svg");
}
.iso7010.w053::before {
  background-image: url("/static/images/iso-7010/w053.svg");
}
.iso7010.w054::before {
  background-image: url("/static/images/iso-7010/w054.svg");
}
.iso7010.w055::before {
  background-image: url("/static/images/iso-7010/w055.svg");
}
.iso7010.w056::before {
  background-image: url("/static/images/iso-7010/w056.svg");
}
.iso7010.w057::before {
  background-image: url("/static/images/iso-7010/w057.svg");
}
.iso7010.w058::before {
  background-image: url("/static/images/iso-7010/w058.svg");
}
.iso7010.w059::before {
  background-image: url("/static/images/iso-7010/w059.svg");
}
.iso7010.w060::before {
  background-image: url("/static/images/iso-7010/w060.svg");
}
.iso7010.w066::before {
  background-image: url("/static/images/iso-7010/w066.svg");
}
.iso7010.w062::before {
  background-image: url("/static/images/iso-7010/w062.svg");
}
.iso7010.w063::before {
  background-image: url("/static/images/iso-7010/w063.svg");
}
.iso7010.w064::before {
  background-image: url("/static/images/iso-7010/w064.svg");
}
.iso7010.w065::before {
  background-image: url("/static/images/iso-7010/w065.svg");
}
.iso7010.w066::before {
  background-image: url("/static/images/iso-7010/w066.svg");
}
.iso7010.w067::before {
  background-image: url("/static/images/iso-7010/w067.svg");
}
.iso7010.w068::before {
  background-image: url("/static/images/iso-7010/w068.svg");
}
.iso7010.w069::before {
  background-image: url("/static/images/iso-7010/w069.svg");
}
.iso7010.w070::before {
  background-image: url("/static/images/iso-7010/w070.svg");
}
.iso7010.w071::before {
  background-image: url("/static/images/iso-7010/w071.svg");
}
.iso7010.w072::before {
  background-image: url("/static/images/iso-7010/w072.svg");
}
.iso7010.w073::before {
  background-image: url("/static/images/iso-7010/w073.svg");
}
.iso7010.w074::before {
  background-image: url("/static/images/iso-7010/w074.svg");
}
.iso7010.w075::before {
  background-image: url("/static/images/iso-7010/w075.svg");
}
.iso7010.w076::before {
  background-image: url("/static/images/iso-7010/w076.svg");
}
.iso7010.w077::before {
  background-image: url("/static/images/iso-7010/w077.svg");
}
.iso7010.w078::before {
  background-image: url("/static/images/iso-7010/w078.svg");
}
.iso7010.w079::before {
  background-image: url("/static/images/iso-7010/w079.svg");
}
.iso7010.w080::before {
  background-image: url("/static/images/iso-7010/w080.svg");
}
.iso7010.w087::before {
  background-image: url("/static/images/iso-7010/w087.svg");
}
.iso7010.w088::before {
  background-image: url("/static/images/iso-7010/w088.svg");
}
.iso7010.w089::before {
  background-image: url("/static/images/iso-7010/w089.svg");
}

#gravatar {
  background-image: linear-gradient(to bottom, var(--bell-blue) 50%, var(--bell-ochre) 50%);
  border-radius: 84px;
  padding: 4px;
  width: 160px;
  height: 160px;
}

#page-logo {
  margin-left: auto;
  margin-right: auto;
  width: 168px;
}

#gravatar #face {
  border-radius: 50%;
}
#gravatar #minute,
#gravatar #hour {
  stroke: var(--iso-black);
}
#gravatar .clock-hand {
  stroke-width: 3px;
}

main > header {
  min-height: 80px;
}

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

body {
  height: 100dvh;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-hightlight-color: rgba(0, 0, 0, 0);
}

@media not screen {
  .screen-only {
    display: none !important;
  }
}

body.print .screen-only {
  display: none !important;
}

body > header {
  border-bottom: 4px solid var(--bell-blue);
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

main {
  flex: 4 1 24em;
  max-width: 48em;
}

aside#about {
  flex: 2 2 12em;
  max-width: 24em;
}

body:not(.embed) main {
  padding: 0.5em 0;
}

main > article,
#about-text {
  padding: 0 1em;
}

body > footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  border-top: 2px solid var(--bell-ochre);
}

#about-logos {
  padding: 1em 0;
}
#about-logos img {
  height: 3em;
  display: initial;
}
#about-logos p {
  margin: 0;
}

@media screen and ((max-height: 39.9em) or (max-width: 37.9em)) {
  #content {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
  }
  #content > * {
    max-width: 100%;
  }
  main {
    border-block-end: 2px solid var(--bell-blue);
  }
  aside#about {
    padding-top: 0.5em;
  }
  a.browser {
    display: none;
  }
}
@media screen and (min-width: 38em) {
  a.mobile {
    display: none;
  }
  main {
    border-inline-start: 2px solid var(--bell-blue);
    border-inline-end: 2px solid var(--bell-blue);
  }
  aside#about {
    border-inline-start: 2px solid var(--bell-ochre);
    border-inline-end: 2px solid var(--bell-ochre);
  }
}
@media screen and (min-width: 38em) and (min-height: 40em) {
  body {
    display: flex;
    flex-flow: column nowrap;
    max-height: 100dvh;
    overflow-y: clip;
  }
  body > header {
    max-height: 128px;
  }
  #content {
    min-height: 0;
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: center;
    border-top: 4px solid var(--bell-ochre);
    border-bottom: 2px solid var(--bell-blue);
  }
  body > header,
  body > footer {
    flex-grow: 0;
    flex-shrink: 0;
  }
  main,
  aside#about {
    max-height: 100%;
  }
  main {
    margin-inline-start: 0.125em;
  }
  aside#about {
    margin-inline-end: 0.125em;
  }
  #page-logo {
    position: relative;
    top: -84px;
    z-index: 1;
  }
  #page-logo a {
    margin: 0;
    padding: 0;
  }
  main,
  #about-text {
    overflow-y: scroll;
  }
  #about-text {
    max-height: 100%;
    padding-top: 80px;
    position: relative;
    top: -164px;
  }
  #about-text > aside {
    border-bottom: 2px solid var(--bell-blue);
    margin-bottom: 0.5em;
  }
}
nav ol {
  padding-left: 1.5em;
}

.youtube {
  margin: 0 auto 1em;
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.scroll-x {
  max-width: 100%;
  overflow-x: scroll;
}

.gallery main {
  padding: 1em;
}
@media (max-width: 36em) {
  .gallery main img.gallery-img {
    padding: 0.25em;
  }
}
@media (min-width: 36em) {
  .gallery main img.gallery-img {
    padding: 0.5em;
  }
}

.gallery section {
  border-block-end: 1px solid var(--blue-carolina);
  padding-block: 1em;
}

.img-album {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.img-block {
  display: inline-block;
}

.img-caption {
  margin: 0;
  text-align: center;
}

.iso-7010-gallery .img-block {
  min-width: 8em;
  width: 12.5%;
  max-width: 16em;
}

.banners-gallery .img-block {
  min-width: 16em;
  width: 50%;
}

:root {
  font-size: 16px;
}

* {
  line-height: 1.25;
}

p {
  line-height: 1.5;
  margin: 1em 0;
}
p:empty {
  display: none;
}

img,
picture {
  max-width: 100%;
  display: block;
  padding: 0.5em;
}

ol,
ul {
  margin-top: 0;
}

code {
  font-size: 0.9em;
  color: var(--text-code);
  word-wrap: break-word;
}

p:has(kbd) {
  line-height: 1.5;
}

kbd {
  padding: 0.125em 0.5em;
  margin: 0.25em 0;
  border: 1px solid var(--text-fg);
  border-radius: 0.25em;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 -2px 0 0 rgba(255, 255, 255, 0.7) inset;
  background-color: var(--keycap);
  font-size: 0.75em;
  position: relative;
  top: -2px;
}
kbd:hover, kbd:active {
  top: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

article img.full-width,
article figure.full-width {
  max-width: 100%;
  width: 100%;
}
article img.ctr,
article figure.ctr {
  margin: 0 auto;
}

@media (min-width: 36em) {
  .half-width {
    min-width: 100px;
    width: 50%;
    max-width: 400px;
  }
}
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

@media (max-width: 37.7em) {
  table.float-right-lg {
    margin: 0 auto;
  }
}
@media (min-width: 36em) {
  .float-right-lg {
    float: right;
  }
}
.clearfix {
  clear: both;
}

@media (max-width: 38em) {
  .clearfix-sm {
    clear: both;
  }
}
body:not(.general) .title {
  font-style: italic;
}

.title,
.subtitle {
  text-align: center;
  margin-block-end: 0;
  line-height: revert;
}

.footnote {
  vertical-align: super;
  font-size: 0.8em;
}

kbd kbd {
  border-radius: 3px;
  padding: 1px 4px 0;
  border: 1px solid var(--text-fg);
}

aside,
blockquote {
  margin: 0;
}
aside pre,
blockquote pre {
  clear: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

body:is(.blog, .oeuvre) .title {
  font-style: italic;
}

.frontmatter .timestamp {
  float: right;
  border: 1px solid var(--text-fg);
  margin: 0;
  padding: 0 0.5em;
}

:not(blockquote) > hr {
  border: none;
  overflow: visible;
  text-align: center;
  height: 4px;
}
body:not(.oeuvre) :not(blockquote) > hr {
  border-top: 4px double var(--bell-blue);
  color: var(--bell-ochre);
}
body.oeuvre :not(blockquote) > hr {
  border-top: 4px double var(--text-fg);
  color: var(--text-fg);
}
:not(blockquote) > hr::after {
  background: var(--bg);
  content: "§";
  padding: 0 4px;
  position: relative;
  top: -1em;
}

nav[aria-label=Sitemap] summary {
  list-style: none;
}
nav[aria-label=Sitemap] details:not([open]) summary::after {
  content: "▸";
}
nav[aria-label=Sitemap] details[open] summary::after {
  content: "▾";
}
nav[aria-label=Sitemap] span:has(a[aria-current=page])::before {
  content: var(--current-page-left);
  padding-inline-end: 0.25em;
}
nav[aria-label=Sitemap] span:has(a[aria-current=page])::after {
  content: var(--current-page-right);
  padding-inline-start: 0.25em;
}

.italic {
  font-variant: italic;
}

a.reversefootnote + p {
  display: inline-block;
  padding-inline-start: 0.5em;
}

img.badge {
  display: inline-block;
  padding: 0.25em;
}

.block-stripe, main article aside, main article .code-container {
  --block-color-fg: var(--text-fg);
  --block-color-bg: var(--bg);
  --stripe-scale: 12;
  --stripe-angle: 135deg;
  border-color: var(--block-color-bg);
  border-style: solid;
  border-width: calc(var(--stripe-scale) * 1px);
  border-image-source: repeating-linear-gradient(var(--stripe-angle), var(--block-color-fg) calc(var(--stripe-scale) * 1px * 0), var(--block-color-fg) calc(var(--stripe-scale) * 1px * 1), var(--block-color-bg) calc(var(--stripe-scale) * 1px * 1), var(--block-color-bg) calc(var(--stripe-scale) * 1px * 2));
  border-image-slice: var(--stripe-scale);
  border-image-repeat: round;
}

.block-chevron, main article blockquote, main article dl {
  --block-border-width: 0.5em;
  border: calc(var(--block-border-width) / 2) solid var(--block-color-bg);
  border-inline-start: var(--block-border-width) solid var(--block-color-fg);
  padding-inline-start: 1em;
}

.block-red, .block-harm {
  --block-color-bg: var(--ansi-white);
  --block-color-fg: var(--ansi-red);
  background-color: var(--ansi-red-bg);
}
.block-red.iso7010, .iso7010.block-harm {
  --block-color-fg: var(--iso-red);
  background-color: var(--iso-red-bg);
}

.block-orange {
  --block-color-bg: var(--ansi-black);
  --block-color-fg: var(--ansi-orange);
  background-color: var(--ansi-orange-bg);
}
.block-orange.iso7010 {
  --block-color-fg: var(--iso-orange);
  background-color: var(--iso-orange-bg);
}

.block-yellow, .block-warn {
  --block-color-bg: var(--ansi-black);
  --block-color-fg: var(--ansi-yellow);
  background-color: var(--ansi-yellow-bg);
}
.block-yellow.iso7010, .iso7010.block-warn {
  --block-color-fg: var(--iso-yellow);
  background-color: var(--iso-yellow-bg);
}

.block-green, .block-safe {
  --block-color-bg: var(--ansi-white);
  --block-color-fg: var(--ansi-green);
  background-color: var(--ansi-green-bg);
}
.block-green.iso7010, .iso7010.block-safe {
  --block-color-fg: var(--iso-green);
  background-color: var(--iso-green-bg);
}

.block-blue, .block-info {
  --block-color-bg: var(--ansi-white);
  --block-color-fg: var(--ansi-blue);
  background-color: var(--ansi-blue-bg);
}
.block-blue.iso7010, .iso7010.block-info {
  --block-color-fg: var(--iso-blue);
  background-color: var(--iso-blue-bg);
}

.block-purple {
  --block-color-bg: var(--ansi-white);
  --block-color-fg: var(--ansi-purple);
  background-color: var(--ansi-purple-bg);
}

/* This file is for your main application css. */
:root {
  --current-page-left: "👉";
  --current-page-right: "👈";
}

body.crate {
  --current-page-left: "🦀";
  --current-page-right: "⚙️";
}

main article {
  @import url("https://fonts.googleapis.com/css?family=Inconsolata|Roboto|Roboto+Slab");
  @import url("https://fonts.googleapis.com/css?family=Inconsolata|Roboto|Roboto+Slab");
}
main article :root {
  color-scheme: light dark;
  --white: white;
  --black: black;
  --grey: gray;
  --bell-blue: #0091c9;
  --bell-ochre: #f3cf1d;
  --pane-divider: #00a6ed;
  --text-code: #d63384;
}
main article .light-only {
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  main article .light-only {
    filter: invert(1);
  }
}
main article .dark-only {
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  main article .dark-only {
    filter: invert(1);
  }
}
@media (prefers-color-scheme: light) {
  main article pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  main article code.hljs {
    padding: 3px 5px;
  }
  main article .hljs {
    color: #383a42;
    background: #fafafa;
  }
  main article .hljs-comment, main article .hljs-quote {
    color: #a0a1a7;
    font-style: italic;
  }
  main article .hljs-doctag, main article .hljs-formula, main article .hljs-keyword {
    color: #a626a4;
  }
  main article .hljs-deletion, main article .hljs-name, main article .hljs-section, main article .hljs-selector-tag, main article .hljs-subst {
    color: #e45649;
  }
  main article .hljs-literal {
    color: #0184bb;
  }
  main article .hljs-addition, main article .hljs-attribute, main article .hljs-meta .hljs-string, main article .hljs-regexp, main article .hljs-string {
    color: #50a14f;
  }
  main article .hljs-attr, main article .hljs-number, main article .hljs-selector-attr, main article .hljs-selector-class, main article .hljs-selector-pseudo, main article .hljs-template-variable, main article .hljs-type, main article .hljs-variable {
    color: #986801;
  }
  main article .hljs-bullet, main article .hljs-link, main article .hljs-meta, main article .hljs-selector-id, main article .hljs-symbol, main article .hljs-title {
    color: #4078f2;
  }
  main article .hljs-built_in, main article .hljs-class .hljs-title, main article .hljs-title.class_ {
    color: #c18401;
  }
  main article .hljs-emphasis {
    font-style: italic;
  }
  main article .hljs-strong {
    font-weight: 700;
  }
  main article .hljs-link {
    text-decoration: underline;
  }
  main article :root {
    --ansi-red: #c8102e;
    --ansi-red-bg: rgba(200, 16, 46, 0.2);
    --ansi-orange: #ff8200;
    --ansi-orange-bg: rgba(255, 130, 0, 0.3);
    --ansi-yellow: #ffd100;
    --ansi-yellow-bg: rgba(255, 209, 0, 0.25);
    --ansi-green: #007b5f;
    --ansi-green-bg: rgba(0, 123, 95, 0.25);
    --ansi-blue: #0072ce;
    --ansi-blue-bg: rgba(0, 114, 206, 0.2);
    --ansi-purple: #6d2077;
    --ansi-purple-bg: rgba(109, 32, 119, 0.2);
    --ansi-white: #e7e6e2;
    --ansi-black: #2c2a29;
    --iso-red: #9b2423;
    --iso-red-bg: rgba(155, 36, 35, 0.25);
    --iso-orange: #d05d29;
    --iso-orange-bg: rgba(208, 93, 41, 0.25);
    --iso-yellow: #f9a900;
    --iso-yellow-bg: rgba(249, 169, 0, 0.25);
    --iso-green: #237f52;
    --iso-green-bg: rgba(35, 127, 82, 0.25);
    --iso-blue: #005387;
    --iso-blue-bg: rgba(0, 83, 135, 0.25);
    --iso-purple: #6d2077;
    --iso-purple-bg: rgba(109, 32, 119, 0.15);
    --iso-white: #f5f5f2;
    --iso-black: #171717;
    --intl-aero-orange: #ff4f00;
    --blue-capri: #00bbf9;
    --blue-carolina: #00a6ed;
    --crayola-sky-blue: #1be7ff;
    --charcoal: #575b6a;
    --charcoal-bg: rgba(87, 91, 106, 0.15);
    --bg: #fafaf8;
    --text-fg: var(--ansi-black);
    --header-color: #00bbf9;
  }
  main article :root {
    --parchment: hsl(42.4deg, 48.2%, 83.3%);
    --shadow: #292b32;
    --keycap: #eeeeee;
  }
}
@media (prefers-color-scheme: dark) {
  main article {
    /*!
      Theme: GitHub Dark
      Description: Dark theme as seen on github.com
      Author: github.com
      Maintainer: @Hirse
      Updated: 2021-05-15

      Outdated base version: https://github.com/primer/github-syntax-dark
      Current colors taken from GitHub's CSS
    */
  }
  main article pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  main article code.hljs {
    padding: 3px 5px;
  }
  main article .hljs {
    color: #c9d1d9;
    background: #0d1117;
  }
  main article .hljs-doctag, main article .hljs-keyword, main article .hljs-meta .hljs-keyword, main article .hljs-template-tag, main article .hljs-template-variable, main article .hljs-type, main article .hljs-variable.language_ {
    color: #ff7b72;
  }
  main article .hljs-title, main article .hljs-title.class_, main article .hljs-title.class_.inherited__, main article .hljs-title.function_ {
    color: #d2a8ff;
  }
  main article .hljs-attr, main article .hljs-attribute, main article .hljs-literal, main article .hljs-meta, main article .hljs-number, main article .hljs-operator, main article .hljs-selector-attr, main article .hljs-selector-class, main article .hljs-selector-id, main article .hljs-variable {
    color: #79c0ff;
  }
  main article .hljs-meta .hljs-string, main article .hljs-regexp, main article .hljs-string {
    color: #a5d6ff;
  }
  main article .hljs-built_in, main article .hljs-symbol {
    color: #ffa657;
  }
  main article .hljs-code, main article .hljs-comment, main article .hljs-formula {
    color: #8b949e;
  }
  main article .hljs-name, main article .hljs-quote, main article .hljs-selector-pseudo, main article .hljs-selector-tag {
    color: #7ee787;
  }
  main article .hljs-subst {
    color: #c9d1d9;
  }
  main article .hljs-section {
    color: #1f6feb;
    font-weight: 700;
  }
  main article .hljs-bullet {
    color: #f2cc60;
  }
  main article .hljs-emphasis {
    color: #c9d1d9;
    font-style: italic;
  }
  main article .hljs-strong {
    color: #c9d1d9;
    font-weight: 700;
  }
  main article .hljs-addition {
    color: #aff5b4;
    background-color: #033a16;
  }
  main article .hljs-deletion {
    color: #ffdcd7;
    background-color: #67060c;
  }
  main article :root {
    --ansi-red: #c8102e;
    --ansi-red-bg: rgba(200, 16, 46, 0.25);
    --ansi-orange: #ff8200;
    --ansi-orange-bg: rgba(255, 130, 0, 0.2);
    --ansi-yellow: #ffd100;
    --ansi-yellow-bg: rgba(255, 209, 0, 0.2);
    --ansi-green: #007b5f;
    --ansi-green-bg: rgba(0, 123, 95, 0.3);
    --ansi-blue: #0072ce;
    --ansi-blue-bg: rgba(0, 114, 206, 0.25);
    --ansi-purple: #7f258b;
    --ansi-purple-bg: rgba(127, 37, 139, 0.25);
    --ansi-white: #e7e6e2;
    --ansi-black: #2c2a29;
    --iso-red: #9b2423;
    --iso-red-bg: rgba(155, 36, 35, 0.25);
    --iso-orange: #d05d29;
    --iso-orange-bg: rgba(208, 93, 41, 0.25);
    --iso-yellow: #f9a900;
    --iso-yellow-bg: rgba(249, 169, 0, 0.2);
    --iso-green: #237f52;
    --iso-green-bg: rgba(35, 127, 82, 0.25);
    --iso-blue: #005387;
    --iso-blue-bg: rgba(0, 83, 135, 0.35);
    --iso-purple: #6d2077;
    --iso-purple-bg: rgba(109, 32, 119, 0.25);
    --iso-white: #f5f5f2;
    --iso-black: #171717;
    --intl-aero-orange: #ff4f00;
    --blue-capri: #00bbf9;
    --blue-carolina: #00a6ed;
    --crayola-sky-blue: #1be7ff;
    --charcoal: #575b6a;
    --charcoal-bg: rgba(87, 91, 106, 0.2);
    --bg: #050508;
    --text-fg: var(--ansi-white);
    --header-color: #5f0f40;
  }
  main article a {
    color: var(--crayola-sky-blue);
  }
  main article a:hover {
    color: var(--blue-carolina);
  }
  main article a:visited {
    color: var(--blue-capri);
  }
  main article :root {
    --parchment: #cfb474;
    --shadow: #d0cec6;
    --keycap: #333333;
  }
}
main article body {
  background-color: var(--bg);
  color: var(--text-fg);
}
main article pre > code {
  color: var(--text-fg);
}
main article figure, main article .code-container, main article aside, main article blockquote {
  margin-block: 1em;
  margin-inline: 0;
  padding: 1em;
}
main article figure > :first-child, main article .code-container > :first-child, main article aside > :first-child, main article blockquote > :first-child {
  margin-block-start: 0;
}
main article figure > :last-child, main article .code-container > :last-child, main article aside > :last-child, main article blockquote > :last-child {
  margin-block-end: 0;
}
main article figure > *, main article .code-container > *, main article aside > *, main article blockquote > * {
  margin-inline: 0;
}
main article aside {
  box-shadow: 0.25em 0.25em var(--shadow);
  background-color: var(--charcoal-bg);
}
main article blockquote {
  --block-color-fg: var(--charcoal);
  --block-color-bg: var(--bg) !important;
  background-color: var(--charcoal-bg);
}
main article blockquote cite::before {
  content: "—";
}
main article figure, main article aside, main article blockquote, main article .code-container {
  margin-block: 1em;
  margin-inline: 0;
  padding: 1em;
}
main article figure > :first-child, main article aside > :first-child, main article blockquote > :first-child, main article .code-container > :first-child {
  margin-block-start: 0;
}
main article figure > :last-child, main article aside > :last-child, main article blockquote > :last-child, main article .code-container > :last-child {
  margin-block-end: 0;
}
main article figure > *, main article aside > *, main article blockquote > *, main article .code-container > * {
  margin-inline: 0;
}
main article :root {
  color-scheme: light dark;
  --white: white;
  --black: black;
  --grey: gray;
  --bell-blue: #0091c9;
  --bell-ochre: #f3cf1d;
  --pane-divider: #00a6ed;
  --text-code: #d63384;
}
main article .light-only {
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  main article .light-only {
    filter: invert(1);
  }
}
main article .dark-only {
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  main article .dark-only {
    filter: invert(1);
  }
}
@media (prefers-color-scheme: light) {
  main article pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  main article code.hljs {
    padding: 3px 5px;
  }
  main article .hljs {
    color: #383a42;
    background: #fafafa;
  }
  main article .hljs-comment, main article .hljs-quote {
    color: #a0a1a7;
    font-style: italic;
  }
  main article .hljs-doctag, main article .hljs-formula, main article .hljs-keyword {
    color: #a626a4;
  }
  main article .hljs-deletion, main article .hljs-name, main article .hljs-section, main article .hljs-selector-tag, main article .hljs-subst {
    color: #e45649;
  }
  main article .hljs-literal {
    color: #0184bb;
  }
  main article .hljs-addition, main article .hljs-attribute, main article .hljs-meta .hljs-string, main article .hljs-regexp, main article .hljs-string {
    color: #50a14f;
  }
  main article .hljs-attr, main article .hljs-number, main article .hljs-selector-attr, main article .hljs-selector-class, main article .hljs-selector-pseudo, main article .hljs-template-variable, main article .hljs-type, main article .hljs-variable {
    color: #986801;
  }
  main article .hljs-bullet, main article .hljs-link, main article .hljs-meta, main article .hljs-selector-id, main article .hljs-symbol, main article .hljs-title {
    color: #4078f2;
  }
  main article .hljs-built_in, main article .hljs-class .hljs-title, main article .hljs-title.class_ {
    color: #c18401;
  }
  main article .hljs-emphasis {
    font-style: italic;
  }
  main article .hljs-strong {
    font-weight: 700;
  }
  main article .hljs-link {
    text-decoration: underline;
  }
  main article :root {
    --ansi-red: #c8102e;
    --ansi-red-bg: rgba(200, 16, 46, 0.2);
    --ansi-orange: #ff8200;
    --ansi-orange-bg: rgba(255, 130, 0, 0.3);
    --ansi-yellow: #ffd100;
    --ansi-yellow-bg: rgba(255, 209, 0, 0.25);
    --ansi-green: #007b5f;
    --ansi-green-bg: rgba(0, 123, 95, 0.25);
    --ansi-blue: #0072ce;
    --ansi-blue-bg: rgba(0, 114, 206, 0.2);
    --ansi-purple: #6d2077;
    --ansi-purple-bg: rgba(109, 32, 119, 0.2);
    --ansi-white: #e7e6e2;
    --ansi-black: #2c2a29;
    --iso-red: #9b2423;
    --iso-red-bg: rgba(155, 36, 35, 0.25);
    --iso-orange: #d05d29;
    --iso-orange-bg: rgba(208, 93, 41, 0.25);
    --iso-yellow: #f9a900;
    --iso-yellow-bg: rgba(249, 169, 0, 0.25);
    --iso-green: #237f52;
    --iso-green-bg: rgba(35, 127, 82, 0.25);
    --iso-blue: #005387;
    --iso-blue-bg: rgba(0, 83, 135, 0.25);
    --iso-purple: #6d2077;
    --iso-purple-bg: rgba(109, 32, 119, 0.15);
    --iso-white: #f5f5f2;
    --iso-black: #171717;
    --intl-aero-orange: #ff4f00;
    --blue-capri: #00bbf9;
    --blue-carolina: #00a6ed;
    --crayola-sky-blue: #1be7ff;
    --charcoal: #575b6a;
    --charcoal-bg: rgba(87, 91, 106, 0.15);
    --bg: #fafaf8;
    --text-fg: var(--ansi-black);
    --header-color: #00bbf9;
  }
  main article :root {
    --parchment: hsl(42.4deg, 48.2%, 83.3%);
    --shadow: #292b32;
    --keycap: #eeeeee;
  }
}
@media (prefers-color-scheme: dark) {
  main article {
    /*!
      Theme: GitHub Dark
      Description: Dark theme as seen on github.com
      Author: github.com
      Maintainer: @Hirse
      Updated: 2021-05-15

      Outdated base version: https://github.com/primer/github-syntax-dark
      Current colors taken from GitHub's CSS
    */
  }
  main article pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  main article code.hljs {
    padding: 3px 5px;
  }
  main article .hljs {
    color: #c9d1d9;
    background: #0d1117;
  }
  main article .hljs-doctag, main article .hljs-keyword, main article .hljs-meta .hljs-keyword, main article .hljs-template-tag, main article .hljs-template-variable, main article .hljs-type, main article .hljs-variable.language_ {
    color: #ff7b72;
  }
  main article .hljs-title, main article .hljs-title.class_, main article .hljs-title.class_.inherited__, main article .hljs-title.function_ {
    color: #d2a8ff;
  }
  main article .hljs-attr, main article .hljs-attribute, main article .hljs-literal, main article .hljs-meta, main article .hljs-number, main article .hljs-operator, main article .hljs-selector-attr, main article .hljs-selector-class, main article .hljs-selector-id, main article .hljs-variable {
    color: #79c0ff;
  }
  main article .hljs-meta .hljs-string, main article .hljs-regexp, main article .hljs-string {
    color: #a5d6ff;
  }
  main article .hljs-built_in, main article .hljs-symbol {
    color: #ffa657;
  }
  main article .hljs-code, main article .hljs-comment, main article .hljs-formula {
    color: #8b949e;
  }
  main article .hljs-name, main article .hljs-quote, main article .hljs-selector-pseudo, main article .hljs-selector-tag {
    color: #7ee787;
  }
  main article .hljs-subst {
    color: #c9d1d9;
  }
  main article .hljs-section {
    color: #1f6feb;
    font-weight: 700;
  }
  main article .hljs-bullet {
    color: #f2cc60;
  }
  main article .hljs-emphasis {
    color: #c9d1d9;
    font-style: italic;
  }
  main article .hljs-strong {
    color: #c9d1d9;
    font-weight: 700;
  }
  main article .hljs-addition {
    color: #aff5b4;
    background-color: #033a16;
  }
  main article .hljs-deletion {
    color: #ffdcd7;
    background-color: #67060c;
  }
  main article :root {
    --ansi-red: #c8102e;
    --ansi-red-bg: rgba(200, 16, 46, 0.25);
    --ansi-orange: #ff8200;
    --ansi-orange-bg: rgba(255, 130, 0, 0.2);
    --ansi-yellow: #ffd100;
    --ansi-yellow-bg: rgba(255, 209, 0, 0.2);
    --ansi-green: #007b5f;
    --ansi-green-bg: rgba(0, 123, 95, 0.3);
    --ansi-blue: #0072ce;
    --ansi-blue-bg: rgba(0, 114, 206, 0.25);
    --ansi-purple: #7f258b;
    --ansi-purple-bg: rgba(127, 37, 139, 0.25);
    --ansi-white: #e7e6e2;
    --ansi-black: #2c2a29;
    --iso-red: #9b2423;
    --iso-red-bg: rgba(155, 36, 35, 0.25);
    --iso-orange: #d05d29;
    --iso-orange-bg: rgba(208, 93, 41, 0.25);
    --iso-yellow: #f9a900;
    --iso-yellow-bg: rgba(249, 169, 0, 0.2);
    --iso-green: #237f52;
    --iso-green-bg: rgba(35, 127, 82, 0.25);
    --iso-blue: #005387;
    --iso-blue-bg: rgba(0, 83, 135, 0.35);
    --iso-purple: #6d2077;
    --iso-purple-bg: rgba(109, 32, 119, 0.25);
    --iso-white: #f5f5f2;
    --iso-black: #171717;
    --intl-aero-orange: #ff4f00;
    --blue-capri: #00bbf9;
    --blue-carolina: #00a6ed;
    --crayola-sky-blue: #1be7ff;
    --charcoal: #575b6a;
    --charcoal-bg: rgba(87, 91, 106, 0.2);
    --bg: #050508;
    --text-fg: var(--ansi-white);
    --header-color: #5f0f40;
  }
  main article a {
    color: var(--crayola-sky-blue);
  }
  main article a:hover {
    color: var(--blue-carolina);
  }
  main article a:visited {
    color: var(--blue-capri);
  }
  main article :root {
    --parchment: #cfb474;
    --shadow: #d0cec6;
    --keycap: #333333;
  }
}
main article body {
  background-color: var(--bg);
  color: var(--text-fg);
}
main article pre > code {
  color: var(--text-fg);
}
main article > .code-container {
  box-shadow: 0.5em 0.5em var(--shadow);
}
main article .code-container {
  --stripe-scale: 10;
  border-width: 0 0 0 12px;
  position: relative;
}
main article .code-container .lang-marker {
  background-color: var(--charcoal-bg);
  color: var(--text-fg);
  position: relative;
  top: -0.5em;
  margin-inline-start: -1em;
  padding: 0.5em 1em;
  --curve-radius: 1.2em;
  border-start-end-radius: var(--curve-radius);
  border-end-end-radius: var(--curve-radius);
}
main article .code-container .copy-icon {
  height: 2em;
  aspect-ratio: 1;
  display: inline-block;
  padding: 0.5em;
  position: absolute;
  right: 1em;
  top: 0;
}
main article .code-container pre.codeblock {
  margin-block-start: 0;
}
main article .code-container pre.codeblock code,
main article .code-container pre.codeblock samp {
  display: block;
  padding: 1em;
}
main article .code-container.codeblock-c {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #555;
  background-color: rgba(85, 85, 85, 0.15);
}
main article .code-container.codeblock-c .lang-marker {
  background-color: #555;
  color: var(--text-fg);
}
main article .code-container.codeblock-console {
  --block-color-fg: var(--ansi-black);
  --block-color-bg: #89e051;
  background-color: rgba(137, 224, 81, 0.15);
}
main article .code-container.codeblock-console .lang-marker {
  background-color: #89e051;
  color: var(--ansi-black);
}
main article .code-container.codeblock-cosmos {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #8b44ff;
  background-color: rgba(139, 68, 255, 0.15);
}
main article .code-container.codeblock-cosmos .lang-marker {
  background-color: #8b44ff;
  color: var(--text-fg);
}
main article .code-container.codeblock-cpp {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #f34b7d;
  background-color: rgba(243, 75, 125, 0.15);
}
main article .code-container.codeblock-cpp .lang-marker {
  background-color: #f34b7d;
  color: var(--text-fg);
}
main article .code-container.codeblock-css {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #663399;
  background-color: rgba(102, 51, 153, 0.15);
}
main article .code-container.codeblock-css .lang-marker {
  background-color: #663399;
  color: var(--text-fg);
}
main article .code-container.codeblock-elixir {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #6e4a7e;
  background-color: rgba(110, 74, 126, 0.15);
}
main article .code-container.codeblock-elixir .lang-marker {
  background-color: #6e4a7e;
  color: var(--text-fg);
}
main article .code-container.codeblock-erlang {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #b83998;
  background-color: rgba(184, 57, 152, 0.15);
}
main article .code-container.codeblock-erlang .lang-marker {
  background-color: #b83998;
  color: var(--text-fg);
}
main article .code-container.codeblock-html {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #e34c26;
  background-color: rgba(227, 76, 38, 0.15);
}
main article .code-container.codeblock-html .lang-marker {
  background-color: #e34c26;
  color: var(--text-fg);
}
main article .code-container.codeblock-js {
  --block-color-fg: var(--ansi-black);
  --block-color-bg: #f1e05a;
  background-color: rgba(241, 224, 90, 0.15);
}
main article .code-container.codeblock-js .lang-marker {
  background-color: #f1e05a;
  color: var(--ansi-black);
}
main article .code-container.codeblock-md {
  --block-color-fg: var(--ansi-white);
  --block-color-bg: #083fa1;
  background-color: rgba(8, 63, 161, 0.15);
}
main article .code-container.codeblock-md .lang-marker {
  background-color: #083fa1;
  color: var(--ansi-white);
}
main article .code-container.codeblock-rust {
  --block-color-fg: var(--ansi-black);
  --block-color-bg: #dea584;
  background-color: rgba(222, 165, 132, 0.15);
}
main article .code-container.codeblock-rust .lang-marker {
  background-color: #dea584;
  color: var(--ansi-black);
}
main article .code-container.codeblock-ps1 {
  --block-color-fg: var(--ansi-white);
  --block-color-bg: #012456;
  background-color: rgba(1, 36, 86, 0.15);
}
main article .code-container.codeblock-ps1 .lang-marker {
  background-color: #012456;
  color: var(--ansi-white);
}
main article .code-container.codeblock-rust_errors {
  --block-color-fg: var(--ansi-white);
  --block-color-bg: #c8102e;
  background-color: rgba(200, 16, 46, 0.15);
}
main article .code-container.codeblock-rust_errors .lang-marker {
  background-color: #c8102e;
  color: var(--ansi-white);
}
main article .code-container.codeblock-scss {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #c6538c;
  background-color: rgba(198, 83, 140, 0.15);
}
main article .code-container.codeblock-scss .lang-marker {
  background-color: #c6538c;
  color: var(--text-fg);
}
main article .code-container.codeblock-sh {
  --block-color-fg: var(--ansi-black);
  --block-color-bg: #89e051;
  background-color: rgba(137, 224, 81, 0.15);
}
main article .code-container.codeblock-sh .lang-marker {
  background-color: #89e051;
  color: var(--ansi-black);
}
main article .code-container.codeblock-shell {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #89e051;
  background-color: rgba(137, 224, 81, 0.15);
}
main article .code-container.codeblock-shell .lang-marker {
  background-color: #89e051;
  color: var(--text-fg);
}
main article .code-container.codeblock-toml {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #9c4221;
  background-color: rgba(156, 66, 33, 0.15);
}
main article .code-container.codeblock-toml .lang-marker {
  background-color: #9c4221;
  color: var(--text-fg);
}
main article .code-container.codeblock-xml {
  --block-color-fg: var(--ansi-white);
  --block-color-bg: #0060ac;
  background-color: rgba(0, 96, 172, 0.15);
}
main article .code-container.codeblock-xml .lang-marker {
  background-color: #0060ac;
  color: var(--ansi-white);
}
main article .code-container.codeblock-text {
  --block-color-fg: var(--text-fg);
  --block-color-bg: #626778;
  background-color: rgba(98, 103, 120, 0.15);
}
main article .code-container.codeblock-text .lang-marker {
  background-color: #626778;
  color: var(--text-fg);
}
main article pre {
  overflow-x: auto;
}
main article pre.codeblock-console {
  background-color: black;
  color: var(--ansi-white);
}
main article details {
  border: 0.25em solid var(--text-fg);
  padding: 0.75em 0;
}
main article details summary {
  font-style: italic;
}
main article details.block-harm {
  border: 0.25em solid transparent;
  border-left: 0.5em solid var(--iso-red);
  border-right-width: 0.5em;
  padding-left: 1em;
}
main article dl {
  --block-color-fg: var(--ansi-orange);
  --block-color-bg: var(--bg);
}
main article dl dt {
  font-style: italic;
}
main article dl dd + dt {
  margin-block-start: 0.5em;
}
@font-face {
  font-family: "Iosevka myrrlyn regular";
  font-variant: common-ligatures;
  src: url("/static/fonts/iosevka-myrrlyn/woff2/iosevka-myrrlyn-regular.woff2") format("woff2"), url("/static/fonts/iosevka-myrrlyn/woff/iosevka-myrrlyn-regular.woff") format("woff"), url("/static/fonts/iosevka-myrrlyn/ttf/iosevka-myrrlyn-regular.ttf") format("ttf");
}
@font-face {
  font-family: "Iosevka myrrlyn term regular";
  src: url("/static/fonts/iosevka-myrrlyn-term/woff2/iosevka-myrrlyn-term-regular.woff2") format("woff2"), url("/static/fonts/iosevka-myrrlyn-term/woff/iosevka-myrrlyn-term-regular.woff") format("woff"), url("/static/fonts/iosevka-myrrlyn-term/ttf/iosevka-myrrlyn-term-regular.ttf") format("ttf");
}
@font-face {
  font-family: "Ferro Rosso";
  src: url("/static/fonts/FerroRosso.ttf");
}
main article legend, main article textarea {
  font-family: "Iosevka myrrlyn regular", "Inconsolata", "Menlo", "Consolas", "Courier New", monospace;
}
main article body {
  font-family: "Roboto Slab", serif;
}
main article form {
  border: 4px double var(--text-fg);
  padding: 1em 1ch;
}
main article form:focus-within {
  border-color: var(--ansi-yellow);
}
main article fieldset {
  border: 2px solid var(--text-fg);
}
main article fieldset:focus-within {
  border-color: var(--ansi-yellow);
}
main article legend {
  border: 2px solid var(--text-fg);
  padding: 0.5ch 1ch;
  font-variant: small-caps;
  font-size: 1.2em;
}
main article input {
  border: 1px solid var(--text-fg);
  border-radius: 4px;
  padding: 0.25em;
}
main article input:required:valid {
  border-color: var(--ansi-green);
}
main article input:invalid {
  border-color: var(--ansi-red);
}
main article label[for=textarea] {
  display: block;
  padding-block-end: 1ch;
}
main article textarea {
  display: block;
  background-color: rgba(128, 128, 128, 0.1);
  min-width: 40em;
  max-width: 100%;
  width: 40em;
  min-height: 16em;
}
main article label:has(> input) {
  display: block;
}
main article input[type=checkbox],
main article input[type=radio] {
  margin-inline-end: 1ch;
}
main article input[type=checkbox]:checked,
main article input[type=radio]:checked {
  accent-color: var(--ansi-green);
}
main article input[type=radio]:indeterminate {
  outline-color: var(--ansi-red);
  outline-style: solid;
  animation: 2s linear infinite outline-pulse;
  appearance: initial;
}
main article fieldset label:nth-of-type(5n + 1) > input[type=radio] {
  animation-delay: 0s;
}
main article fieldset label:nth-of-type(5n + 2) > input[type=radio] {
  animation-delay: 0.2s;
}
main article fieldset label:nth-of-type(5n + 3) > input[type=radio] {
  animation-delay: 0.4s;
}
main article fieldset label:nth-of-type(5n + 4) > input[type=radio] {
  animation-delay: 0.6s;
}
main article fieldset label:nth-of-type(5n + 5) > input[type=radio] {
  animation-delay: 0.8s;
}
main article input[type=range] {
  accent-color: var(--ansi-blue);
}
@keyframes outline-pulse {
  from {
    outline-width: 2px;
  }
  20% {
    outline-width: 6px;
  }
  40% {
    outline-width: 2px;
  }
  to {
    outline-width: 2px;
  }
}
main article meter::-moz-meter-bar:-moz-meter-optimum, main article meter::-webkit-meter-optimum-value {
  background-color: var(--ansi-purple);
}
main article meter::-moz-meter-bar:-moz-meter-sub-optimum, main article meter::-webkit-meter-suboptimum-value {
  background-color: var(--ansi-blue);
}
main article meter::-moz-meter-bar:-moz-meter-sub-sub-optimum, main article meter::-webkit-meter-even-less-good-value {
  background-color: var(--ansi-yellow);
}
main article input[type=range],
main article progress {
  accent-color: var(--ansi-purple);
}
main article :root {
  color-scheme: light dark;
  --white: white;
  --black: black;
  --grey: gray;
  --bell-blue: #0091c9;
  --bell-ochre: #f3cf1d;
  --pane-divider: #00a6ed;
  --text-code: #d63384;
}
main article .light-only {
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  main article .light-only {
    filter: invert(1);
  }
}
main article .dark-only {
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  main article .dark-only {
    filter: invert(1);
  }
}
@media (prefers-color-scheme: light) {
  main article pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  main article code.hljs {
    padding: 3px 5px;
  }
  main article .hljs {
    color: #383a42;
    background: #fafafa;
  }
  main article .hljs-comment, main article .hljs-quote {
    color: #a0a1a7;
    font-style: italic;
  }
  main article .hljs-doctag, main article .hljs-formula, main article .hljs-keyword {
    color: #a626a4;
  }
  main article .hljs-deletion, main article .hljs-name, main article .hljs-section, main article .hljs-selector-tag, main article .hljs-subst {
    color: #e45649;
  }
  main article .hljs-literal {
    color: #0184bb;
  }
  main article .hljs-addition, main article .hljs-attribute, main article .hljs-meta .hljs-string, main article .hljs-regexp, main article .hljs-string {
    color: #50a14f;
  }
  main article .hljs-attr, main article .hljs-number, main article .hljs-selector-attr, main article .hljs-selector-class, main article .hljs-selector-pseudo, main article .hljs-template-variable, main article .hljs-type, main article .hljs-variable {
    color: #986801;
  }
  main article .hljs-bullet, main article .hljs-link, main article .hljs-meta, main article .hljs-selector-id, main article .hljs-symbol, main article .hljs-title {
    color: #4078f2;
  }
  main article .hljs-built_in, main article .hljs-class .hljs-title, main article .hljs-title.class_ {
    color: #c18401;
  }
  main article .hljs-emphasis {
    font-style: italic;
  }
  main article .hljs-strong {
    font-weight: 700;
  }
  main article .hljs-link {
    text-decoration: underline;
  }
  main article :root {
    --ansi-red: #c8102e;
    --ansi-red-bg: rgba(200, 16, 46, 0.2);
    --ansi-orange: #ff8200;
    --ansi-orange-bg: rgba(255, 130, 0, 0.3);
    --ansi-yellow: #ffd100;
    --ansi-yellow-bg: rgba(255, 209, 0, 0.25);
    --ansi-green: #007b5f;
    --ansi-green-bg: rgba(0, 123, 95, 0.25);
    --ansi-blue: #0072ce;
    --ansi-blue-bg: rgba(0, 114, 206, 0.2);
    --ansi-purple: #6d2077;
    --ansi-purple-bg: rgba(109, 32, 119, 0.2);
    --ansi-white: #e7e6e2;
    --ansi-black: #2c2a29;
    --iso-red: #9b2423;
    --iso-red-bg: rgba(155, 36, 35, 0.25);
    --iso-orange: #d05d29;
    --iso-orange-bg: rgba(208, 93, 41, 0.25);
    --iso-yellow: #f9a900;
    --iso-yellow-bg: rgba(249, 169, 0, 0.25);
    --iso-green: #237f52;
    --iso-green-bg: rgba(35, 127, 82, 0.25);
    --iso-blue: #005387;
    --iso-blue-bg: rgba(0, 83, 135, 0.25);
    --iso-purple: #6d2077;
    --iso-purple-bg: rgba(109, 32, 119, 0.15);
    --iso-white: #f5f5f2;
    --iso-black: #171717;
    --intl-aero-orange: #ff4f00;
    --blue-capri: #00bbf9;
    --blue-carolina: #00a6ed;
    --crayola-sky-blue: #1be7ff;
    --charcoal: #575b6a;
    --charcoal-bg: rgba(87, 91, 106, 0.15);
    --bg: #fafaf8;
    --text-fg: var(--ansi-black);
    --header-color: #00bbf9;
  }
  main article :root {
    --parchment: hsl(42.4deg, 48.2%, 83.3%);
    --shadow: #292b32;
    --keycap: #eeeeee;
  }
}
@media (prefers-color-scheme: dark) {
  main article {
    /*!
      Theme: GitHub Dark
      Description: Dark theme as seen on github.com
      Author: github.com
      Maintainer: @Hirse
      Updated: 2021-05-15

      Outdated base version: https://github.com/primer/github-syntax-dark
      Current colors taken from GitHub's CSS
    */
  }
  main article pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  main article code.hljs {
    padding: 3px 5px;
  }
  main article .hljs {
    color: #c9d1d9;
    background: #0d1117;
  }
  main article .hljs-doctag, main article .hljs-keyword, main article .hljs-meta .hljs-keyword, main article .hljs-template-tag, main article .hljs-template-variable, main article .hljs-type, main article .hljs-variable.language_ {
    color: #ff7b72;
  }
  main article .hljs-title, main article .hljs-title.class_, main article .hljs-title.class_.inherited__, main article .hljs-title.function_ {
    color: #d2a8ff;
  }
  main article .hljs-attr, main article .hljs-attribute, main article .hljs-literal, main article .hljs-meta, main article .hljs-number, main article .hljs-operator, main article .hljs-selector-attr, main article .hljs-selector-class, main article .hljs-selector-id, main article .hljs-variable {
    color: #79c0ff;
  }
  main article .hljs-meta .hljs-string, main article .hljs-regexp, main article .hljs-string {
    color: #a5d6ff;
  }
  main article .hljs-built_in, main article .hljs-symbol {
    color: #ffa657;
  }
  main article .hljs-code, main article .hljs-comment, main article .hljs-formula {
    color: #8b949e;
  }
  main article .hljs-name, main article .hljs-quote, main article .hljs-selector-pseudo, main article .hljs-selector-tag {
    color: #7ee787;
  }
  main article .hljs-subst {
    color: #c9d1d9;
  }
  main article .hljs-section {
    color: #1f6feb;
    font-weight: 700;
  }
  main article .hljs-bullet {
    color: #f2cc60;
  }
  main article .hljs-emphasis {
    color: #c9d1d9;
    font-style: italic;
  }
  main article .hljs-strong {
    color: #c9d1d9;
    font-weight: 700;
  }
  main article .hljs-addition {
    color: #aff5b4;
    background-color: #033a16;
  }
  main article .hljs-deletion {
    color: #ffdcd7;
    background-color: #67060c;
  }
  main article :root {
    --ansi-red: #c8102e;
    --ansi-red-bg: rgba(200, 16, 46, 0.25);
    --ansi-orange: #ff8200;
    --ansi-orange-bg: rgba(255, 130, 0, 0.2);
    --ansi-yellow: #ffd100;
    --ansi-yellow-bg: rgba(255, 209, 0, 0.2);
    --ansi-green: #007b5f;
    --ansi-green-bg: rgba(0, 123, 95, 0.3);
    --ansi-blue: #0072ce;
    --ansi-blue-bg: rgba(0, 114, 206, 0.25);
    --ansi-purple: #7f258b;
    --ansi-purple-bg: rgba(127, 37, 139, 0.25);
    --ansi-white: #e7e6e2;
    --ansi-black: #2c2a29;
    --iso-red: #9b2423;
    --iso-red-bg: rgba(155, 36, 35, 0.25);
    --iso-orange: #d05d29;
    --iso-orange-bg: rgba(208, 93, 41, 0.25);
    --iso-yellow: #f9a900;
    --iso-yellow-bg: rgba(249, 169, 0, 0.2);
    --iso-green: #237f52;
    --iso-green-bg: rgba(35, 127, 82, 0.25);
    --iso-blue: #005387;
    --iso-blue-bg: rgba(0, 83, 135, 0.35);
    --iso-purple: #6d2077;
    --iso-purple-bg: rgba(109, 32, 119, 0.25);
    --iso-white: #f5f5f2;
    --iso-black: #171717;
    --intl-aero-orange: #ff4f00;
    --blue-capri: #00bbf9;
    --blue-carolina: #00a6ed;
    --crayola-sky-blue: #1be7ff;
    --charcoal: #575b6a;
    --charcoal-bg: rgba(87, 91, 106, 0.2);
    --bg: #050508;
    --text-fg: var(--ansi-white);
    --header-color: #5f0f40;
  }
  main article a {
    color: var(--crayola-sky-blue);
  }
  main article a:hover {
    color: var(--blue-carolina);
  }
  main article a:visited {
    color: var(--blue-capri);
  }
  main article :root {
    --parchment: #cfb474;
    --shadow: #d0cec6;
    --keycap: #333333;
  }
}
main article body {
  background-color: var(--bg);
  color: var(--text-fg);
}
main article pre > code {
  color: var(--text-fg);
}
main article mark,
main article ins,
main article del {
  border-start-start-radius: 100em;
  border-end-end-radius: 100em;
  padding: 0.125em 0.75em;
  text-decoration: none;
}
main article mark {
  background-color: #ffd300;
  color: var(--iso-black);
}
main article ins {
  background-color: var(--ansi-green);
  color: var(--text-fg);
}
main article del {
  background-color: var(--ansi-red);
  color: var(--text-fg);
}
main article aside, main article blockquote, main article .code-container, main article figure {
  margin-block: 1em;
  margin-inline: 0;
  padding: 1em;
}
main article aside > :first-child, main article blockquote > :first-child, main article .code-container > :first-child, main article figure > :first-child {
  margin-block-start: 0;
}
main article aside > :last-child, main article blockquote > :last-child, main article .code-container > :last-child, main article figure > :last-child {
  margin-block-end: 0;
}
main article aside > *, main article blockquote > *, main article .code-container > *, main article figure > * {
  margin-inline: 0;
}
main article figure {
  box-shadow: 0.5em 0.5em var(--shadow);
  border-style: solid;
  border-width: 2px;
  border-color: var(--text-fg);
  margin-inline: 1em;
}
main article figure figcaption {
  font-size: 0.9em;
  text-align: center;
}
main article figure:not(.no-count) {
  counter-increment: figcounter;
}
main article figure:not(.no-count) figcaption:not(:empty)::before {
  content: "Fig. #" counter(figcounter) ": ";
  font-style: italic;
}
main article figure:not(.no-count) figcaption:empty::before {
  content: "Figure #" counter(figcounter);
  font-style: italic;
}
@font-face {
  font-family: "Iosevka myrrlyn regular";
  font-variant: common-ligatures;
  src: url("/static/fonts/iosevka-myrrlyn/woff2/iosevka-myrrlyn-regular.woff2") format("woff2"), url("/static/fonts/iosevka-myrrlyn/woff/iosevka-myrrlyn-regular.woff") format("woff"), url("/static/fonts/iosevka-myrrlyn/ttf/iosevka-myrrlyn-regular.ttf") format("ttf");
}
@font-face {
  font-family: "Iosevka myrrlyn term regular";
  src: url("/static/fonts/iosevka-myrrlyn-term/woff2/iosevka-myrrlyn-term-regular.woff2") format("woff2"), url("/static/fonts/iosevka-myrrlyn-term/woff/iosevka-myrrlyn-term-regular.woff") format("woff"), url("/static/fonts/iosevka-myrrlyn-term/ttf/iosevka-myrrlyn-term-regular.ttf") format("ttf");
}
@font-face {
  font-family: "Ferro Rosso";
  src: url("/static/fonts/FerroRosso.ttf");
}
main article legend, main article textarea {
  font-family: "Iosevka myrrlyn regular", "Inconsolata", "Menlo", "Consolas", "Courier New", monospace;
}
main article body {
  font-family: "Roboto Slab", serif;
}
main article h1,
main article h2,
main article h3,
main article h4,
main article h5,
main article h6 {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  font-variant: small-caps;
  line-height: 1;
  margin-block-start: 0em;
  margin-block-end: 0.25em;
}
main article h1 span::before,
main article h2 span::before,
main article h3 span::before,
main article h4 span::before,
main article h5 span::before,
main article h6 span::before {
  font-size: 0.85em;
  padding-inline-end: 0.25em;
}
main article a.mark-ss {
  font-size: 0.6em;
  padding-block-start: 0.125em;
  padding-inline-end: 0.125em;
  position: relative;
  top: -0.25em;
}
main article h1 {
  color: var(--ansi-purple);
  font-size: 4em;
}
main article h2 {
  color: var(--ansi-blue);
  font-size: 3.5em;
}
main article h2.subtitle {
  color: var(--ansi-orange);
}
main article h3 {
  color: var(--ansi-green);
  font-size: 3.25em;
}
main article h4 {
  color: var(--ansi-yellow);
  font-size: 3em;
}
main article h5 {
  color: var(--ansi-red);
  font-size: 2.5em;
}
main article h6 {
  color: var(--ansi-orange);
  font-size: 2em;
}
main article table {
  border: 2px solid var(--text-fg);
  border-collapse: collapse;
  padding: 1ch;
  margin: 0 auto;
}
main article table caption {
  margin-block: 0.5ch;
}
main article table thead th {
  border-bottom: 2px solid var(--text-fg);
}
main article table tfoot th {
  border-top: 2px solid var(--text-fg);
}
main article table td {
  border: 1px solid var(--text-fg);
}
main article table th {
  border: 0 solid var(--text-fg);
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  text-align: center;
}
main article table th,
main article table td {
  padding: 0.25ch 0.5ch;
}

/* Alerts and form errors */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert:empty {
  display: none;
}

body,
h1 {
  counter-reset: h2counter h3counter;
}

h2 {
  counter-reset: h3counter;
}

h2:not(.no-count) > span::before {
  content: counter(h2counter) ".";
  counter-increment: h2counter;
}

h3:not(.no-count) > span::before {
  content: counter(h2counter) "." counter(h3counter) ".";
  counter-increment: h3counter;
}

article {
  counter-reset: figcounter;
}
article > :first-child {
  margin-block-start: 0;
}
article > :last-child {
  margin-block-end: 0;
}

nav .title {
  font-style: italic;
}

/*# sourceMappingURL=app.css.map */