code[class*=language-]::selection,
code[class*=language-] *::selection,
pre[class*=language-]::selection,
pre[class*=language-] *::selection {
  background: rgba(255, 255, 255, 0.16);
}
code[class*=language-] .token.comment,
code[class*=language-] .token.prolog,
code[class*=language-] .token.doctype,
code[class*=language-] .token.cdata,
pre[class*=language-] .token.comment,
pre[class*=language-] .token.prolog,
pre[class*=language-] .token.doctype,
pre[class*=language-] .token.cdata {
  color: slategray;
}
code[class*=language-] .token.comment::selection,
code[class*=language-] .token.prolog::selection,
code[class*=language-] .token.doctype::selection,
code[class*=language-] .token.cdata::selection,
pre[class*=language-] .token.comment::selection,
pre[class*=language-] .token.prolog::selection,
pre[class*=language-] .token.doctype::selection,
pre[class*=language-] .token.cdata::selection {
  color: #8d99a6;
}
code[class*=language-] .token.punctuation,
pre[class*=language-] .token.punctuation {
  color: #999;
}
code[class*=language-] .token.punctuation::selection,
pre[class*=language-] .token.punctuation::selection {
  color: #adadad;
}
code[class*=language-] .token.keyword,
pre[class*=language-] .token.keyword {
  color: #c678dd;
}
code[class*=language-] .token.keyword::selection,
pre[class*=language-] .token.keyword::selection {
  color: #d193e4;
}
code[class*=language-] .token.directive-hash,
pre[class*=language-] .token.directive-hash {
  color: #c678dd;
}
code[class*=language-] .token.directive-hash::selection,
pre[class*=language-] .token.directive-hash::selection {
  color: #d193e4;
}
code[class*=language-] .token.function,
pre[class*=language-] .token.function {
  color: #61afef;
}
code[class*=language-] .token.function::selection,
pre[class*=language-] .token.function::selection {
  color: #81bff2;
}
code[class*=language-] .token.builtin,
pre[class*=language-] .token.builtin {
  color: #c678dd;
}
code[class*=language-] .token.builtin::selection,
pre[class*=language-] .token.builtin::selection {
  color: #d193e4;
}
code[class*=language-] .token.class-name,
pre[class*=language-] .token.class-name {
  color: #9b6a0f;
}
code[class*=language-] .token.class-name::selection,
pre[class*=language-] .token.class-name::selection {
  color: #d99415;
}
@media (prefers-color-scheme: dark) {
  code[class*=language-] .token.class-name,
  pre[class*=language-] .token.class-name {
    color: #e5c07b;
  }
  code[class*=language-] .token.class-name::selection,
  pre[class*=language-] .token.class-name::selection {
    color: #eacd95;
  }
}
code[class*=language-] .token.variable,
pre[class*=language-] .token.variable {
  color: #e06c75;
}
code[class*=language-] .token.variable::selection,
pre[class*=language-] .token.variable::selection {
  color: #e68991;
}
code[class*=language-] .token.important,
code[class*=language-] .token.bold,
pre[class*=language-] .token.important,
pre[class*=language-] .token.bold {
  font-weight: bold;
}
code[class*=language-] .token.italic,
pre[class*=language-] .token.italic {
  font-style: italic;
}
code[class*=language-] .token.entity,
pre[class*=language-] .token.entity {
  cursor: help;
}
code[class*=language-] .token.number,
pre[class*=language-] .token.number {
  color: #d19a66;
}
code[class*=language-] .token.number::selection,
pre[class*=language-] .token.number::selection {
  color: #daae85;
}
code[class*=language-] .token.operator,
pre[class*=language-] .token.operator {
  color: #c678dd;
}
code[class*=language-] .token.operator::selection,
pre[class*=language-] .token.operator::selection {
  color: #d193e4;
}
code[class*=language-] .token.string,
pre[class*=language-] .token.string {
  color: #98c379;
}
code[class*=language-] .token.string::selection,
pre[class*=language-] .token.string::selection {
  color: #adcf94;
}

:root {
  --top-nav-height: 50px;
  --side-nav-width: 300px;
  --color-primary: #aa8f00;
  --color-primary-bright: #dab700;
  --color-secondary: #9dd9d2;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #202120;
    --color-content-bg: #1b1c1b;
    --color-text: #d4d4d4;
  }
  :root .brand.ecsact {
    background-image: url(assets/renders/ecsact-white.png);
  }
  :root .brand.ecsact-color {
    background-image: url(assets/renders/ecsact-color.png);
  }
  :root .brand.unity {
    background-image: url(assets/brand/unity-white.png);
  }
  :root .brand.unreal {
    background-image: url(assets/brand/unreal-white.png);
  }
  :root .brand.unreal-stacked {
    background-image: url(assets/brand/unreal-stacked-white.png);
  }
  :root .brand.godot {
    background-image: url(assets/brand/godot-dark.png);
  }
  :root .brand.discord {
    background-image: url(assets/brand/discord-mark-white.svg);
  }
  :root .brand.github {
    background-image: url(assets/brand/github-mark-white.svg);
  }
  :root .brand.ecsact-cli {
    background-image: url(assets/brand/ecsact-cli-white.png);
  }
}
@media (prefers-color-scheme: light) {
  :root {
    --color-bg: #d4d4d4;
    --color-content-bg: #eeeeee;
    --color-text: #202120;
  }
  :root .brand.ecsact {
    background-image: url(assets/renders/ecsact-black.png);
  }
  :root .brand.ecsact-color {
    background-image: url(assets/renders/ecsact-color.png);
  }
  :root .brand.unity {
    background-image: url(assets/brand/unity-black.png);
  }
  :root .brand.unreal {
    background-image: url(assets/brand/unreal-black.png);
  }
  :root .brand.unreal-stacked {
    background-image: url(assets/brand/unreal-stacked-black.png);
  }
  :root .brand.godot {
    background-image: url(assets/brand/godot-light.png);
  }
  :root .brand.discord {
    background-image: url(assets/brand/discord-mark-black.svg);
  }
  :root .brand.github {
    background-image: url(assets/brand/github-mark.svg);
  }
  :root .brand.ecsact-cli {
    background-image: url(assets/brand/ecsact-cli-black.png);
  }
}
@media (max-width: 1044px) {
  :root {
    --side-nav-width: 80vw;
  }
}

html,
body {
  color: var(--color-text);
}

code {
  background-color: var(--color-bg);
  border-radius: 3px;
  padding: 0 4px;
  box-sizing: content-box;
}

pre > code {
  padding: 0px;
  border-radius: 0px;
  background-color: transparent;
}

html,
body {
  padding: 0;
  margin: 0;
  background-color: var(--color-bg);
}

html,
body {
  padding: 0;
  margin: 0;
}

body {
  overflow-y: scroll;
}

table {
  width: 100%;
  border-spacing: 0px;
  color: var(--color-text);
  background-color: var(--color-content-bg);
}
table tr {
  position: relative;
}
table td,
table th {
  text-align: left;
  padding: 4px 8px;
}
table tr:first-child {
  background-color: var(--color-content-bg);
}
table tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
table tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
table th {
  border-bottom: 1px solid var(--color-text);
  border-top: 1px solid var(--color-text);
}
table tr > td:first-child,
table tr > th:first-child {
  border-left: 1px solid var(--color-text);
}
table tr > td:last-child,
table tr > th:last-child {
  border-right: 1px solid var(--color-text);
}
table tr:last-child td {
  border-bottom: 1px solid var(--color-text);
}
table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

article p,
article ul,
article ol {
  opacity: 0.85;
}

table .hidden-btn-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
}
table .hidden-btn-container button {
  margin: 8px 16px;
  border: 1px solid var(--color-text);
  color: var(--color-text);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 3px;
  background-color: var(--color-bg);
  position: sticky;
  left: 8px;
}
table tr[hiddenRow] {
  display: none;
}
@keyframes show-hidden-row {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
table.showing-hidden-rows tr[hiddenRow] {
  display: table-row;
  animation: show-hidden-row 300ms ease;
  animation-fill-mode: forwards;
}
table tr.toggle-hidden-rows-row {
  height: 48px;
}
table .hidden-btn-container button::before {
  content: "Show More Rows";
}
table.showing-hidden-rows .hidden-btn-container button::before {
  content: "Show Less Rows";
}

table.sticky tr:first-child {
  position: sticky;
  top: var(--top-nav-height);
}

.always-dark {
  --color-bg: #202120;
  --color-content-bg: #1b1c1b;
  --color-text: #d4d4d4;
}
.always-dark .brand.ecsact {
  background-image: url(assets/renders/ecsact-white.png);
}
.always-dark .brand.ecsact-color {
  background-image: url(assets/renders/ecsact-color.png);
}
.always-dark .brand.unity {
  background-image: url(assets/brand/unity-white.png);
}
.always-dark .brand.unreal {
  background-image: url(assets/brand/unreal-white.png);
}
.always-dark .brand.unreal-stacked {
  background-image: url(assets/brand/unreal-stacked-white.png);
}
.always-dark .brand.godot {
  background-image: url(assets/brand/godot-dark.png);
}
.always-dark .brand.discord {
  background-image: url(assets/brand/discord-mark-white.svg);
}
.always-dark .brand.github {
  background-image: url(assets/brand/github-mark-white.svg);
}
.always-dark .brand.ecsact-cli {
  background-image: url(assets/brand/ecsact-cli-white.png);
}

.always-light {
  --color-bg: #d4d4d4;
  --color-content-bg: #eeeeee;
  --color-text: #202120;
}
.always-light .brand.ecsact {
  background-image: url(assets/renders/ecsact-black.png);
}
.always-light .brand.ecsact-color {
  background-image: url(assets/renders/ecsact-color.png);
}
.always-light .brand.unity {
  background-image: url(assets/brand/unity-black.png);
}
.always-light .brand.unreal {
  background-image: url(assets/brand/unreal-black.png);
}
.always-light .brand.unreal-stacked {
  background-image: url(assets/brand/unreal-stacked-black.png);
}
.always-light .brand.godot {
  background-image: url(assets/brand/godot-light.png);
}
.always-light .brand.discord {
  background-image: url(assets/brand/discord-mark-black.svg);
}
.always-light .brand.github {
  background-image: url(assets/brand/github-mark.svg);
}
.always-light .brand.ecsact-cli {
  background-image: url(assets/brand/ecsact-cli-black.png);
}

@media (prefers-color-scheme: light) {
  .inverse-color-scheme {
    --color-bg: #202120;
    --color-content-bg: #1b1c1b;
    --color-text: #d4d4d4;
  }
  .inverse-color-scheme .brand.ecsact {
    background-image: url(assets/renders/ecsact-white.png);
  }
  .inverse-color-scheme .brand.ecsact-color {
    background-image: url(assets/renders/ecsact-color.png);
  }
  .inverse-color-scheme .brand.unity {
    background-image: url(assets/brand/unity-white.png);
  }
  .inverse-color-scheme .brand.unreal {
    background-image: url(assets/brand/unreal-white.png);
  }
  .inverse-color-scheme .brand.unreal-stacked {
    background-image: url(assets/brand/unreal-stacked-white.png);
  }
  .inverse-color-scheme .brand.godot {
    background-image: url(assets/brand/godot-dark.png);
  }
  .inverse-color-scheme .brand.discord {
    background-image: url(assets/brand/discord-mark-white.svg);
  }
  .inverse-color-scheme .brand.github {
    background-image: url(assets/brand/github-mark-white.svg);
  }
  .inverse-color-scheme .brand.ecsact-cli {
    background-image: url(assets/brand/ecsact-cli-white.png);
  }
}
@media (prefers-color-scheme: dark) {
  .inverse-color-scheme {
    --color-bg: #d4d4d4;
    --color-content-bg: #eeeeee;
    --color-text: #202120;
  }
  .inverse-color-scheme .brand.ecsact {
    background-image: url(assets/renders/ecsact-black.png);
  }
  .inverse-color-scheme .brand.ecsact-color {
    background-image: url(assets/renders/ecsact-color.png);
  }
  .inverse-color-scheme .brand.unity {
    background-image: url(assets/brand/unity-black.png);
  }
  .inverse-color-scheme .brand.unreal {
    background-image: url(assets/brand/unreal-black.png);
  }
  .inverse-color-scheme .brand.unreal-stacked {
    background-image: url(assets/brand/unreal-stacked-black.png);
  }
  .inverse-color-scheme .brand.godot {
    background-image: url(assets/brand/godot-light.png);
  }
  .inverse-color-scheme .brand.discord {
    background-image: url(assets/brand/discord-mark-black.svg);
  }
  .inverse-color-scheme .brand.github {
    background-image: url(assets/brand/github-mark.svg);
  }
  .inverse-color-scheme .brand.ecsact-cli {
    background-image: url(assets/brand/ecsact-cli-black.png);
  }
}

.always-dark .inverse-color-scheme {
  --color-bg: #d4d4d4;
  --color-content-bg: #eeeeee;
  --color-text: #202120;
}
.always-dark .inverse-color-scheme .brand.ecsact {
  background-image: url(assets/renders/ecsact-black.png);
}
.always-dark .inverse-color-scheme .brand.ecsact-color {
  background-image: url(assets/renders/ecsact-color.png);
}
.always-dark .inverse-color-scheme .brand.unity {
  background-image: url(assets/brand/unity-black.png);
}
.always-dark .inverse-color-scheme .brand.unreal {
  background-image: url(assets/brand/unreal-black.png);
}
.always-dark .inverse-color-scheme .brand.unreal-stacked {
  background-image: url(assets/brand/unreal-stacked-black.png);
}
.always-dark .inverse-color-scheme .brand.godot {
  background-image: url(assets/brand/godot-light.png);
}
.always-dark .inverse-color-scheme .brand.discord {
  background-image: url(assets/brand/discord-mark-black.svg);
}
.always-dark .inverse-color-scheme .brand.github {
  background-image: url(assets/brand/github-mark.svg);
}
.always-dark .inverse-color-scheme .brand.ecsact-cli {
  background-image: url(assets/brand/ecsact-cli-black.png);
}

.always-light .inverse-color-scheme {
  --color-bg: #202120;
  --color-content-bg: #1b1c1b;
  --color-text: #d4d4d4;
}
.always-light .inverse-color-scheme .brand.ecsact {
  background-image: url(assets/renders/ecsact-white.png);
}
.always-light .inverse-color-scheme .brand.ecsact-color {
  background-image: url(assets/renders/ecsact-color.png);
}
.always-light .inverse-color-scheme .brand.unity {
  background-image: url(assets/brand/unity-white.png);
}
.always-light .inverse-color-scheme .brand.unreal {
  background-image: url(assets/brand/unreal-white.png);
}
.always-light .inverse-color-scheme .brand.unreal-stacked {
  background-image: url(assets/brand/unreal-stacked-white.png);
}
.always-light .inverse-color-scheme .brand.godot {
  background-image: url(assets/brand/godot-dark.png);
}
.always-light .inverse-color-scheme .brand.discord {
  background-image: url(assets/brand/discord-mark-white.svg);
}
.always-light .inverse-color-scheme .brand.github {
  background-image: url(assets/brand/github-mark-white.svg);
}
.always-light .inverse-color-scheme .brand.ecsact-cli {
  background-image: url(assets/brand/ecsact-cli-white.png);
}

.i48 {
  min-width: 1em;
  max-width: 1em;
  display: inline-block;
  overflow: hidden;
  font-weight: normal;
  font-style: normal;
  user-select: none;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
  vertical-align: top;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.i24 {
  min-width: 1em;
  max-width: 1em;
  display: inline-block;
  overflow: hidden;
  font-weight: normal;
  font-style: normal;
  user-select: none;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  vertical-align: top;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.thin-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--color-text) var(--color-content-bg);
}
.thin-scroll::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.thin-scroll::-webkit-scrollbar-track {
  background: var(--color-content-bg);
}
.thin-scroll::-webkit-scrollbar-thumb {
  background-color: var(--color-text);
  border-radius: 14px;
  border: 4px solid var(--color-content-bg);
}

main {
  overflow: hidden;
  display: block;
  position: relative;
}

main article {
  display: block;
  overflow: hidden;
  background-color: var(--color-content-bg);
  border-radius: 3px;
  box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1);
  padding: 32px;
  margin: 32px;
  border-radius: 8px;
}
main article code-block-variation,
main article > section > pre,
main article > pre {
  --color-bg: #202120;
  --color-content-bg: #1b1c1b;
  --color-text: #d4d4d4;
  color: var(--color-text);
  margin: 0px 0px;
  padding: 16px 32px;
  background-color: #182122;
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.02);
  transition: 300ms ease box-shadow;
  margin-bottom: 32px;
}
main article code-block-variation .brand.ecsact,
main article > section > pre .brand.ecsact,
main article > pre .brand.ecsact {
  background-image: url(assets/renders/ecsact-white.png);
}
main article code-block-variation .brand.ecsact-color,
main article > section > pre .brand.ecsact-color,
main article > pre .brand.ecsact-color {
  background-image: url(assets/renders/ecsact-color.png);
}
main article code-block-variation .brand.unity,
main article > section > pre .brand.unity,
main article > pre .brand.unity {
  background-image: url(assets/brand/unity-white.png);
}
main article code-block-variation .brand.unreal,
main article > section > pre .brand.unreal,
main article > pre .brand.unreal {
  background-image: url(assets/brand/unreal-white.png);
}
main article code-block-variation .brand.unreal-stacked,
main article > section > pre .brand.unreal-stacked,
main article > pre .brand.unreal-stacked {
  background-image: url(assets/brand/unreal-stacked-white.png);
}
main article code-block-variation .brand.godot,
main article > section > pre .brand.godot,
main article > pre .brand.godot {
  background-image: url(assets/brand/godot-dark.png);
}
main article code-block-variation .brand.discord,
main article > section > pre .brand.discord,
main article > pre .brand.discord {
  background-image: url(assets/brand/discord-mark-white.svg);
}
main article code-block-variation .brand.github,
main article > section > pre .brand.github,
main article > pre .brand.github {
  background-image: url(assets/brand/github-mark-white.svg);
}
main article code-block-variation .brand.ecsact-cli,
main article > section > pre .brand.ecsact-cli,
main article > pre .brand.ecsact-cli {
  background-image: url(assets/brand/ecsact-cli-white.png);
}
main article code-block-variation:hover,
main article > section > pre:hover,
main article > pre:hover {
  box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16);
}
@media (max-width: 1600px) {
  main article code-block-variation,
  main article > section > pre,
  main article > pre {
    margin: 0px -32px;
    border-radius: 0px;
    box-shadow: none;
  }
}
@media (max-width: 374px) {
  main article {
    margin: 16px;
  }
  main article code-block-variation,
  main article > section > pre,
  main article > pre {
    margin: 0px -16px;
    padding: 8px 16px;
  }
}
@media (max-width: 599px) {
  main article {
    margin: 0;
    border-radius: 0px;
  }
}
main article code-block-variation,
main article section > pre,
main article > pre {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--color-text) #182122;
}
main article code-block-variation::-webkit-scrollbar,
main article section > pre::-webkit-scrollbar,
main article > pre::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
main article code-block-variation::-webkit-scrollbar-track,
main article section > pre::-webkit-scrollbar-track,
main article > pre::-webkit-scrollbar-track {
  background: #182122;
}
main article code-block-variation::-webkit-scrollbar-thumb,
main article section > pre::-webkit-scrollbar-thumb,
main article > pre::-webkit-scrollbar-thumb {
  background-color: var(--color-text);
  border-radius: 14px;
  border: 4px solid #182122;
}

a {
  text-decoration: none;
}
@media (hover: hover) {
  a:hover {
    text-decoration: underline;
  }
}

.brand {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.btn {
  display: inline-block;
  border: 1px solid currentColor;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 4px;
}
@media (hover: hover) {
  .btn {
    transition: 100ms ease box-shadow, 100ms ease transform, 100ms ease opacity;
    transform: translateY(2px);
    opacity: 1;
    box-shadow: 0px 0px 0px currentColor;
  }
  .btn:hover {
    text-decoration: none;
    transform: translateY(0px);
    box-shadow: 0px 3px 0px currentColor;
  }
  .btn:focus {
    box-shadow: 0px 0px 0px currentColor;
    transform: translateY(2px);
    opacity: 1;
  }
  .btn:active {
    box-shadow: 0px 0px 0px currentColor;
    transform: translateY(2px);
    opacity: 0.8;
  }
}

select.btn {
  transform: translateY(0px);
  opacity: 1;
  box-shadow: 0px 0px 0px currentColor;
}
@media (hover: hover) {
  select.btn:hover {
    text-decoration: none;
    transform: translateY(0px);
    box-shadow: 0px 0px 0px currentColor;
  }
  select.btn:focus {
    box-shadow: 0px 0px 0px currentColor;
    transform: translateY(0px);
    opacity: 1;
  }
  select.btn:active {
    box-shadow: 0px 0px 0px currentColor;
    transform: translateY(0px);
    opacity: 1;
  }
}

select option {
  color: var(--color-text);
  background-color: var(--color-bg);
}

code-block-variation > .group > .code-block-container > pre {
  display: none;
}
code-block-variation > .group > .code-block-container > pre.code-block-variation-option-active {
  display: block;
}

.logo-mask {
  -webkit-mask-image: url(assets/logo.svg);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-clip: border-box;
  mask-image: url(assets/logo.svg);
  mask-size: 100% 100%;
  mask-clip: border-box;
}

.logo-outline-mask {
  -webkit-mask-image: url(assets/logo-outline.svg);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-clip: border-box;
  mask-image: url(assets/logo-outline.svg);
  mask-size: 100% 100%;
  mask-clip: border-box;
}

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