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

html, body > header {
  min-width: 300px;
}

body {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji";
  font-size: 1rem;
  margin: 0;
}

body *, body ::after, body ::before {
  border: 0 solid #C8C5C5;
}

html, table, .info, #menu {
  background: #F9FAFA;
}

html, html * {
  scrollbar-color: #D9D9D9 #F2F2F2;
}

html {
  overflow-x: hidden;
  color: #1c2024;
}

#skip-to-main, body > header {
  position: fixed;
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  border-bottom-width: thin !important;
}

#skip-to-main {
  background: #4c0bce;
  color: #fff;
  padding: .75rem;
  z-index: 102;
  text-decoration: underline;
  font-weight: bold;
  transform: translateY(-100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

#skip-to-main:focus {
  transform: translateY(0);
}

body > header {
  backdrop-filter: blur(.175rem);
  background: #F9FAFACC;
  z-index: 101;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}

body > header > div {
  display: flex;
  gap: .32rem;
  height: 70%;
}

#container {
  margin-left: 280px;
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* fallback */
  min-height: 100dvh;
}

#container > main {
  outline: none;
  flex: 1 0 0;
}

#logo {
  flex: 0 0 100px;
}

button, .btn {
  overflow: hidden;
  position: relative;
}

button, .btn, button *, .btn * {
  cursor: pointer;
}

.choose-options, .choose-options > * {
  position: relative;
}

.choose-options .icon {
  z-index: 2;
}

.choose-options select {
  z-index: 1;
  outline: none;
  border: none;
  position: absolute;
  left: -50%;
  top: 0;
  height: 100%;
  width: 150%;
  text-indent: -9999px;
  background: #00000000;
  appearance: none;
  color: inherit;
}

#menu {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 60px;
  bottom: 0;
  width: 280px;
  border-right-width: thin !important;
}

#menu > div {
  inset: 0;
  padding: .5rem;
  overflow-x: hidden;
  overflow: auto;
  overscroll-behavior: contain;
  transform: translateZ(0);
  height: 100%;
  padding: .52rem;
  padding-bottom: 2rem;
}

#menu-backdrop {
  background: #00000000;
  backdrop-filter: blur(.5rem);
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  transition-property: background;
}

#menu-toggle, #menu-share {
  display: none;
  position: fixed;
  z-index: 98;
  bottom: 14px;
  right: 14px;
  width: 64px;
  height: 64px;
  text-decoration: none;
  border-radius: 50%;
  background: #b60000;
  padding: .5rem;
  color: #fff;

  /*bottom: 1%;
  right: calc(50vw - 32px);*/
}

#menu-share {
  background: #2bb32c;
}

#menu-share.supported {
  display: block;
}

#menu-toggle > .icon, #menu-share > .icon {
  display: block;
  margin: 0 auto;
}

#menu-toggle > *, #menu-share > * {
  pointer-events: none;
}

#menu dd {
  padding: 0 0 0 1rem;
}

#menu dl, #menu dd {
  margin: 0;
}

#menu a, #menu dt {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: .1rem 0;
  padding: .86rem;
  font-size: .86rem;
}

#menu a::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 8 12"><path d="M.295 1.41L4.875 6l-4.58 4.59L1.705 12l6-6-6-6z" /></svg>') center center no-repeat;
  background-size: cover;
  content: "";
  display: block;
  width: 10px;
  height: 15px;
}

body > header a,
body > header .btn,
#menu a,
#menu dt {
  background: #00000000;
  border-radius: .25rem;
  color: inherit !important;
  text-decoration: none;
}

body > header a, body > header .btn {
  padding: .5rem;
}

#menu dt {
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: bold;
  font-weight: bolder;
}

body > header .icon,
body > header a > span,
body > header .btn > span {
  vertical-align: middle;
  pointer-events: none;
}

a.current {
  font-weight: bold;
}

.icon {
  pointer-events: none;
  display: inline-block;
  width: 24px;
}

td .icon {
  width: 16px;
}

body > header, .info, .box, #menu-toggle, #menu-share {
  box-shadow: 0 .05rem .15rem #00000006, 0 .05rem .1rem #0000000d;
}

.info, .box, aside.sample {
  border-radius: .25rem;
}

.info.note {
  background: #dde7ff;
  border-color: #A3B4DD;
  scrollbar-color: #A3B4DD transparent;
}

.info.warn {
  background: #fff4ae;
  border-color: #d7b35d;
  scrollbar-color: #D7B35D transparent;
}

.info.warn a {
  color: inherit !important;
}

main {
  padding: 3rem;
  padding-top: calc(60px + 3rem) !important;
  font-size: .95rem;
}

main, #container > footer {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

h1, h2 {
  margin: 0;
  padding: 0;
}

h1 {
  padding-bottom: .6rem;
}

main > section:first-of-type {
  margin-top: 2rem;
}

h2 {
  /*fallback: without calc() support*/
  margin-top: -60px;
  padding-top: 60px;

  /*default*/
  margin-top: calc(-60px - 2rem);
  padding-top: calc(60px + 2rem);
}

h2 a, h3 a {
  color: inherit !important;
  text-decoration: none;
}

h2 a::after, h3 a::after {
  display: none;
  margin-left: .4rem;
  content: " ";
}

h2 a:hover::after, h3 a:hover::after {
  display: inline-block;
}

h2 a::after, h3 a::after {
  height: 16px;
  width: 16px;
  background: center center no-repeat;
  background-size: 16px 16px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23b60000" viewBox="0 0 16 16"><path d="M7.05 1.536a5.243 5.243 0 0 1 7.414 7.414L12.415 11 11 9.586l2.05-2.05A3.243 3.243 0 0 0 8.464 2.95L6.414 5 5 3.586zm.486 11.514L9.586 11 11 12.414l-2.05 2.05A5.243 5.243 0 0 1 1.536 7.05L3.586 5 5 6.414l-2.05 2.05a3.243 3.243 0 0 0 4.586 4.586"/><path d="m5.707 11.707 6-6-1.414-1.414-6 6z" /></svg>') !important;
}

main p, main ul {
  margin: 0;
  padding: 0;
}

main p, main li {
  line-height: 1.7;
}

h2, main p, main ul, .box, .info, .tree {
  margin-bottom: 1rem;
}

main > section {
  padding: 2rem 0;
  border-top-width: thin !important;
  overflow-y: hidden;
}

section ol, section ul {
  padding-left: 2.5rem;
  word-wrap: anywhere;
}

code {
  padding: .02rem .3rem;
  margin: .05rem .1rem;
  display: inline-block;
  background: #0F0F0F;
  border-radius: .25rem;
  white-space: pre-wrap;
  word-wrap: anywhere;
  color: #fff;
}

a > code {
  text-decoration: underline;
}

footer {
  display: flex;
  gap: .75rem;
}

#meta {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#meta > li {
  padding: .2rem 0;
  margin: 0;
}

#container > footer {
  justify-content: space-between;
  padding: 3rem;
  font-size: .82rem;
  align-items: end;
}

#container > footer > :last-child {
  text-align: right;
}

#container > footer p {
  margin: .15rem 0;
}

main > footer {
  margin-top: 1.5rem;
  flex-direction: row-reverse;
}

main > footer > * {
  flex: 1 0 0;
  margin: 0 !important;
}

ol > li, ul > li {
  margin-bottom: .35rem;
}

table {
  border: none;
  border-collapse: collapse;
  min-width: 600px;
  width: 100%;
}

th {
  border-bottom-width: thin !important;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

th, td {
  font-weight: normal;
  padding: .75rem;
  border-right-width: thin !important;
}

tr>:last-child {
  border-right-width: 0 !important;
}

td {
  min-width: 172px;
}

thead {
  font-size: .8rem;
}

tbody > tr:nth-child(2n) {
  background: #0000000d;
}

th.min {
  width: 25%;
}

#menu a.current, thead {
  /*background: #EBEAE8;*/
  background: #fff;
}

body > header a:hover,
body > header .btn:hover,
body > header a:focus,
body > header .btn:focus,
.choose-options select:focus,
#menu a:hover,
a.info:hover,
button.info:hover,
tbody > tr:hover,
#container .btn:hover {
  background: #CBE3F4 !important;
}

#menu a.current {
  border-width: thin;
}

.info {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1rem;
}

/*.info, .box {
  border: 10px solid #00000000;
  border-image: linear-gradient(to right, cyan, lime) 1;
}*/

.info, .box {
  border-width: thin !important;
  position: relative;
}

.info > img, .info > svg {
  pointer-events: none;
  fill: currentColor;
  flex: 0 0 20px;
  width: 20px;
}

.info > p {
  flex: 1 0 0;
  margin: 1rem 0;
}

.info.alt, .info[rel="next"] {
  flex-direction: row-reverse;
}

.info::before {
  background: center center no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  content: "";
  display: inline-block;
  flex: 0 0 20px;
}

.info[rel="prev"]::before, .info[rel="next"]::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23000" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 12H5M5 12L12 19M5 12L12 5"/></svg>');
}

.info.note::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="m10.051 15.75-.535-1.473-.328-.263a4.5 4.5 0 1 1 5.624 0l-.328.263-.535 1.473H10.05zM9 17.25h6l.75-2.066a6 6 0 1 0-7.5 0L9 17.25zm5.25 2.25V18h-4.5v1.5h4.5z"/></svg>');
}

.info.warn::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM11.25 13.5V8.25H12.75V13.5H11.25ZM11.25 15.75V14.25H12.75V15.75H11.25Z"/></svg>');
}

.info.alt > img,
.info.alt > svg,
.info.alt::before,
.info[rel="next"]::before {
  transform: scale(-1, -1);
}

.box, aside.info {
  overflow: auto;
  overflow-y: hidden;
}

.box > code {
  border: none !important;
  border-radius: 0;
  margin: 0;
  display: block;
  padding: 1rem 4rem 1rem 1rem;
  max-width: initial;
  white-space: pre;
  overflow-x: auto;
  scrollbar-color: #736C6C transparent;
  line-height: 1.5;
}

.box > code em { color: #ac95ff; }
.box > code b { color: #54cc72; }
.box > code i { color: #c39c00; }
.box > code * {
  font-style: normal;
  font-weight: normal;
}
.box > code strong {
  color: #a2a3a4;
  font-weight: bold !important;
}

.box > code i::first-letter { color: #fff; }

#container .btn, #container .btn::before {
  display: flex;
  align-items: center;
  height: 36px;
}

#container .btn {
  border-radius: .25rem !important;
  background: #FFFFFFCC;
  border-width: thin;
  justify-content: space-between;
  padding: 0 10px 0 0;
  font-size: .7rem;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
}

#container .btn:empty {
  padding: 0;
}

#container .btn::before {
  background: center center no-repeat;
  background-size: 20px 20px;
  justify-content: center;
  width: 36px;
  content: "";
}

button[data-copied]::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 24 24"><path d="M4 2h11v2H6v13H4V2zm4 4h12v16H8V6zm2 2v12h8V8h-8z" /></svg>') !important;
}

button[data-copied].active::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 24 24"><path d="M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z" fill-rule="evenodd" /></svg>') !important;
}

.box > code + button[data-copied] {
  position: absolute;
  right: .4rem;
  top: .4rem;
}

a[href] {
  color: #b60000;
}

::marker {
  color: #1C2024;
}

li > a, p > a {
  font-weight: bold;
  text-underline-offset: 2px;
}

/* laptop */
@media (max-width: 1024px) {
  main, #container > footer {
    padding: 1.5rem;
  }

  #container > footer {
    padding-bottom: 5rem;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #container > footer > div {
    text-align: center !important;
  }
}

/* tablet */
@media (max-width: 920px) {
  #menu {
    position: fixed;
    z-index: 102;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
    max-width: 420px;
    min-width: 296px;
    border-radius: .25rem;
    border-width: thin !important;
    transform: translateY(110%);
    padding: .52rem;
  }

  #menu > div {
    height: 40vh;
    min-height: 240px;
  }

  #menu > div {
    scrollbar-color: #D9D9D9 transparent;
  }

  html.dark #menu > div {
    scrollbar-color: #606066 transparent;
  }

  html.show-menu #menu {
    box-shadow: 0 19px 38px #0000004D, 0 15px 12px #00000038;
    transform: translateY(0);
  }

  html.show-menu #menu + #menu-backdrop {
    background: #00000080;
    height: 100vh;
    width: 100vw;
  }

  html.show-menu {
    overflow: hidden;
  }

  html.dark.show-menu #menu + #menu-backdrop {
    background: #00000000;
  }

  #menu-toggle {
    display: block;
  }

  #menu-backdrop {
    display: block;
  }

  #menu-share {
    bottom: 92px;
  }

  #container {
    margin-left: 0;
  }

  .compact {
    visibility: hidden !important;
    overflow: hidden !important;
    display: block !important;
    width: 1px !important;
    height: 1px !important;
  }
}

/* mobile */
@media (max-width: 640px) {
  td {
    min-width: 120px;
  }

  main > footer {
    flex-direction: column;
  }
}

html.dark a[href] {
  color: #FF7A7A;
}

html.dark ::marker {
  color: #fff;
}

html.dark h2 a::after, html.dark h3 a::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FF7A7A" viewBox="0 0 16 16"><path d="M7.05 1.536a5.243 5.243 0 0 1 7.414 7.414L12.415 11 11 9.586l2.05-2.05A3.243 3.243 0 0 0 8.464 2.95L6.414 5 5 3.586zm.486 11.514L9.586 11 11 12.414l-2.05 2.05A5.243 5.243 0 0 1 1.536 7.05L3.586 5 5 6.414l-2.05 2.05a3.243 3.243 0 0 0 4.586 4.586"/><path d="m5.707 11.707 6-6-1.414-1.414-6 6z" /></svg>') !important;
}

a[rel^="prev"].info,
a[rel*=" prev"].info,
a[rel^="next"].info,
a[rel*=" next"].info {
  color: inherit !important;
  font-weight: bold;
}

/* !code blocks */
code[data-lang=terminal] {
  color: #00da59;
}

code > span::before {
  color: #c6d6c7;
}
code[data-lang=terminal] > span::before {
  content: "$";
  display: inline-block;
  margin-right: .5em;
}
code > span.output::before {
  content: "";
  margin-right: 0;
}
code.lines {
  counter-reset: line;
}
code.lines > span:not([class])::before {
  /*display: block;*/
  display: inline-block;
  counter-increment: line;
  content: counter(line);
  border-right: thin solid #414856;
  padding-right: .5em;
  width: 1.9em;
  margin-right: .92em;
  text-align: right;
}
code.lines > span.output, code.lines > span:not([class])::before {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}
/* code blocks! */

/* !folder tree */
.tree, .tree ul {
  padding: 0 0 0 2em !important;
  margin: 0 !important;
}
.tree li {
  list-style-type: none;
  position: relative;
  padding: .35em;
  margin: 0;
}
.tree li ul {
  margin-top: .2em;
}
.tree li::after {
  position: absolute;
  top: 1.2em;
  left: -2em;
  border-top-width: thin !important;
  content: "";
  width: 2em;
}
.tree li::before {
  position: absolute;
  left: -2em;
  top: 0;
  border-left-width: thin !important;
  content: "";
  width: 2em;
  height: 100%;
}
.tree li:last-child::before {
  height: 1.2em;
}
/* folder tree! */

.sr {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%);
  border: 0 !important;
}

aside.sample {
  background: #fff;
  border-width: thin;
  padding: .5rem;
  overflow: auto;
  font-size: .75rem;
  scrollbar-color: #C8C5C5 transparent !important;
}

aside.sample > .inner {
  padding: .5rem;
  min-width: 620px;
}

/* BG  */
body {
  background-attachment: fixed;
  background-position: right 58px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 200 200" width="200" height="200" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grid" x1="2" y1="0" x2="1" y2="1"><stop offset="0" stop-color="%23C8C5C5" stop-opacity="1" /><stop offset="1" stop-color="%23C8C5C5" stop-opacity="0" /></linearGradient></defs><path d="M0,20 L200,20 M0,40 L200,40 M0,60 L200,60 M0,80 L200,80 M0,100 L200,100 M0,120 L200,120 M0,140 L200,140 M0,160 L200,160 M0,180 L200,180 M20,0 L20,200 M40,0 L40,200 M60,0 L60,200 M80,0 L80,200 M100,0 L100,200 M120,0 L120,200 M140,0 L140,200 M160,0 L160,200 M180,0 L180,200 M0,0 L200,0 L200,200 L0,200 Z" fill="none" stroke="url(%23grid)" stroke-width="1" shape-rendering="crispEdges" /></svg>');
}

html.dark body {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 200 200" width="200" height="200" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grid" x1="2" y1="0" x2="1" y2="1"><stop offset="0" stop-color="%23595959" stop-opacity="1" /><stop offset="1" stop-color="%23595959" stop-opacity="0" /></linearGradient></defs><path d="M0,20 L200,20 M0,40 L200,40 M0,60 L200,60 M0,80 L200,80 M0,100 L200,100 M0,120 L200,120 M0,140 L200,140 M0,160 L200,160 M0,180 L200,180 M20,0 L20,200 M40,0 L40,200 M60,0 L60,200 M80,0 L80,200 M100,0 L100,200 M120,0 L120,200 M140,0 L140,200 M160,0 L160,200 M180,0 L180,200 M0,0 L200,0 L200,200 L0,200 Z" fill="none" stroke="url(%23grid)" stroke-width="1" shape-rendering="crispEdges" /></svg>');
}

/* dark */
html.dark tbody > tr:nth-child(2n) {
  background: #FFFFFF0D;
}

html.dark body *,
html.dark body ::before,
html.dark body ::after {
  /*border-color: #363A3F;*/
  border-color: #414856;
}

html.dark, html.dark * {
  scrollbar-color: #606066 #19181E;
}

html.dark .info.note {
  background: #0d2847;
  border-color: #205d9e;
  scrollbar-color: #205d9e transparent;
}

html.dark .info.warn {
  background: #3E3400;
  border-color: #6F5D00;
  scrollbar-color: #6F5D00 transparent;
}

html.dark .info[rel="prev"]::before, html.dark .info[rel="next"]::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23fff" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 12H5M5 12L12 19M5 12L12 5"/></svg>');
}

html.dark .info.note::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="m10.051 15.75-.535-1.473-.328-.263a4.5 4.5 0 1 1 5.624 0l-.328.263-.535 1.473H10.05zM9 17.25h6l.75-2.066a6 6 0 1 0-7.5 0L9 17.25zm5.25 2.25V18h-4.5v1.5h4.5z"/></svg>');
}

html.dark .info.warn::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM11.25 13.5V8.25H12.75V13.5H11.25ZM11.25 15.75V14.25H12.75V15.75H11.25Z"/></svg>');
}

html.dark #container .btn {
  background: #000000B3;
  color: #fff;
}

html.dark button[data-copied]::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 24 24"><path d="M4 2h11v2H6v13H4V2zm4 4h12v16H8V6zm2 2v12h8V8h-8z" /></svg>') !important;
}

html.dark button[data-copied].active::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 24 24"><path d="M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z" fill-rule="evenodd" /></svg>') !important;
}

html.dark body > header a:hover,
html.dark body > header .btn:hover,
html.dark body > header a:focus,
html.dark body > header .btn:focus,
html.dark .choose-options select:focus,
html.dark #menu a:hover,
html.dark a.info:hover,
html.dark button.info:hover,
html.dark tbody > tr:hover,
html.dark #container .btn:hover {
  background: #3c3c43 !important;
}

html.dark a.info:hover,
html.dark button.info:hover {
  border-color: #878793;
}

html.dark code,
html.dark thead,
html.dark #menu a.current {
  background: #2A2A2F;
}

html.dark, html.dark table, html.dark .info, html.dark #menu {
  background: #1C1B22;
  color: #fff;
}

html.dark body > header {
  background: #1C1B22CC;
}

html.dark #menu a::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 8 12"><path d="M.295 1.41L4.875 6l-4.58 4.59L1.705 12l6-6-6-6z" /></svg>');
}

html.dark code {
  border-width: thin;
}

html.dark .box > code {
  scrollbar-color: #606066 transparent;
}

.code-inphinit {
  text-align: left;
  background-color: #1b1820;
  border-radius: 4px;
  overflow: hidden;
  color: #dfe0e0;
}
.code-inphinit .hl-line {
  background-color: #656565;
  border-radius: 2px;
  padding: 5px 0;
  margin: 5px 0;
  color: #fff;
  width: 100%;
}
.code-inphinit-header {
  background-color: #b60000;
  font-size: 10pt;
  padding: 10px;
  color: #fff;
}
.code-inphinit-header a {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: thin currentColor dotted !important;
  background-color: transparent !important;
}
.code-inphinit .code-inphinit-error {
  background-color: #252631;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  margin: 0;

  box-shadow: 0 5px 3px -3px rgba(0,0,0,.2);
  border-bottom: thin solid #363744;
}
.code-inphinit .code-inphinit-error > a {
  color: inherit;
  text-decoration: none;
  border-bottom: thin #fff dotted;
}
.code-inphinit pre {
  line-height: 24px;
  padding: 5px;
  font-size: 9pt;
  overflow: auto;
  margin: 0;
}
.code-inphinit pre > span {
  display: inline-block;
}
.code-inphinit pre span::before {
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  min-width: 35px;
  border-right: thin solid #363744;
  margin-right: 10px;
  color: #888;
  text-align: right;
  padding-right: 10px;
}
.code-inphinit .hl-line::before {
  border-right-color: #9297a2;
  color: #fff;
}