@import "https://dev.cdn.unyt.org/uix/style/fontawesome.css";
/*!
  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_ {
  /* prettylights-syntax-keyword */
  color: #ff7b72;
}

body[data-color-scheme=light] .hljs-doctag,
body[data-color-scheme=light] .hljs-keyword,
body[data-color-scheme=light] .hljs-meta .hljs-keyword,
body[data-color-scheme=light] .hljs-template-tag,
body[data-color-scheme=light] .hljs-template-variable,
body[data-color-scheme=light] .hljs-type,
body[data-color-scheme=light] .hljs-variable.language_ {
  color: #cf222e;
}

.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #d2a8ff;
}

body[data-color-scheme=light] .hljs-title,
body[data-color-scheme=light] .hljs-title.class_,
body[data-color-scheme=light] .hljs-title.class_.inherited__,
body[data-color-scheme=light] .hljs-title.function_ {
  color: #6639ba;
}

.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #79c0ff;
}

body[data-color-scheme=light] .hljs-attr,
body[data-color-scheme=light] .hljs-attribute,
body[data-color-scheme=light] .hljs-literal,
body[data-color-scheme=light] .hljs-meta,
body[data-color-scheme=light] .hljs-number,
body[data-color-scheme=light] .hljs-operator,
body[data-color-scheme=light] .hljs-variable,
body[data-color-scheme=light] .hljs-selector-attr,
body[data-color-scheme=light] .hljs-selector-class,
body[data-color-scheme=light] .hljs-selector-id {
  color: #0550ae;
}

.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #a5d6ff;
}

body[data-color-scheme=light] .hljs-regexp,
body[data-color-scheme=light] .hljs-string,
body[data-color-scheme=light] .hljs-meta .hljs-string {
  color: #142251;
}

.hljs-built_in,
.hljs-symbol {
  /* prettylights-syntax-variable */
  color: #ffa657;
}

body[data-color-scheme=light] .hljs-built_in,
body[data-color-scheme=light] .hljs-symbol {
  color: #cf222e;
}

.hljs-comment,
.hljs-code,
.hljs-formula {
  /* prettylights-syntax-comment */
  color: #8b949e;
}

.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #7ee787;
}

body[data-color-scheme=light] .hljs-name,
body[data-color-scheme=light] .hljs-quote,
body[data-color-scheme=light] .hljs-selector-tag,
body[data-color-scheme=light] .hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #196225;
}

.hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #c9d1d9;
}

body[data-color-scheme=light] .hljs-subst {
  color: #0153B0;
}

.hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #1f6feb;
  font-weight: bold;
}

.hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #f2cc60;
}

body[data-color-scheme=light] .hljs-bullet {
  color: #414141;
}

.hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #c9d1d9;
  font-style: italic;
}

body[data-color-scheme=light] .hljs-emphasis {
  color: #191a1c;
}

.hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #c9d1d9;
  font-weight: bold;
}

body[data-color-scheme=light] .hljs-strong {
  color: #313236;
}

.hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #aff5b4;
  background-color: #033a16;
}

body[data-color-scheme=light] .hljs-addition {
  color: #aff5b4;
  background-color: #033a16;
}

.hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #ffdcd7;
  background-color: #67060c;
}

body[data-color-scheme=light] .hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c;
}

.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
  /* purposely ignored */
}

uix-sitemap, uix-footer, uix-docs-header {
  line-height: 1 !important;
}

body {
  margin: 0;
  background: var(--bg);
  overflow-x: hidden;
  overflow-y: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji";
}
body[data-color-scheme=light] uix-sitemap img, body[data-color-scheme=light] uix-docs-header img {
  filter: brightness(0);
}
body[data-color-scheme=light] pre code {
  color: #24292f;
}
body[data-color-scheme=light] pre::after {
  color: black;
  background-color: #e8e8e8 !important;
}

a {
  text-decoration: none;
  color: var(--accent);
  text-underline-position: under !important;
}
a:hover {
  text-decoration: underline;
}

body {
  overflow-y: scroll;
  overflow-x: hidden;
}
body .grid {
  --grid-size: 48px;
  --grid-size-min: 0%;
  --grid-color: rgba(78, 78, 78, 0.1);
  opacity: 0.6;
  --grid-color-min: transparent;
  --grid-weight: 1px;
  --grid-weight-min: 1px;
  position: absolute;
  animation: move 1.5s linear infinite !important;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, #09090b 0px 0px 80px 48px inset;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1000px;
  background-size: var(--grid-size) var(--grid-size);
  background-image: linear-gradient(90deg, #8882 1px, transparent 0), linear-gradient(180deg, #8882 1px, transparent 0);
  background-position: 15px 0;
  position: fixed;
}
@keyframes move {
  0% {
    transform: translate(0);
  }
  to {
    transform: translateY(-48px);
  }
}
body .error-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100svh;
  flex-direction: column;
  text-align: center;
  width: calc(100% - 20px);
  margin: auto;
}
body .error-page > h1 {
  margin: 0;
  font-size: 70px;
}
body .error-page > span {
  font-size: x-large;
  opacity: 0.8;
}
body .error-page > a {
  padding: 14px 20px;
  border: 2px solid var(--accent);
  background-color: var(--accent);
  transition: color 0.2s, background-color 0.2s;
  margin-top: 20px;
  color: white;
  border-radius: 10px;
}
body .error-page > a:hover {
  background-color: transparent;
  color: var(--accent);
}
body .error-page .grid {
  height: 120svh;
  border-radius: 0px;
  width: 100vw;
}

h1, h2, h3, h4 {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

p, li {
  text-wrap: pretty;
}