:root {
  --font-family-status: 'VT323','Courier New',monospace;
  --dark-bg: #1a1a1a;
  --card-bg: #2a2a2a;
  --card-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  --card-inset: inset 0 2px 4px rgba(255, 255, 255, 0.1);
  --glow-green: 0 0 20px rgba(110, 206, 157, 0.6);
  --glow-orange: 0 0 20px rgba(245, 158, 11, 0.6);
  --glow-red: 0 0 20px rgba(239, 68, 68, 0.6);
  --glow-blue: 0 0 20px rgba(59, 130, 246, 0.6);
  --glow-gray: 0 0 20px rgba(107, 114, 128, 0.6);
  --width-menu: 14.125rem;
  --height-menu: 3.6875rem;
  --padding-menu: 1.25rem;
  --radius-menu: 1.25rem;
  --fsize-code: 1.25rem;
  --fsize-text: 1.125rem
}
p {
  font-size: var(--fsize-text)!important
}
h1 {
  font-size: calc(var(--fsize-text) * 2.44)!important;
  letter-spacing: -.13rem;
  font-weight: 827;
  line-height: .89
}
h2 {
  font-size: calc(var(--fsize-text) * 1.5)!important;
  font-weight: 100
}
h3 {
  font-size: calc(var(--fsize-text) * 1.225)!important;
  scroll-margin-top: 2rem;
  margin-top: 3rem;
  scroll-margin-top: 2rem
}
h4 {
  font-size: calc(var(--fsize-text) * 1.1)!important;
  font-weight: 600;
  letter-spacing: -.025rem;
  margin-bottom: -.15rem;
  margin-top: 3rem
}
h5 {
  font-size: calc(var(--fsize-text) * .8)!important;
  text-transform: uppercase;
  font-weight: 558;
  padding-left: .5rem;
  border-left: .55rem solid var(--accent);
  margin-top: 2rem
}
h6 {
  font-size: calc(var(--fsize-text) * .8)!important;
  font-weight: 300;
  background: var(--grid-color);
  padding: .5rem;
  border-radius: .5rem;
  color: var(--text-color);
  display: inline-block
}
h6 ::before {
  content: "///";
  display: inline-block;
  padding-right: .22rem
}
ol,
ul {
  font-size: var(--fsize-text)!important;
  line-height: 1.4;
  padding-left: 0;
  margin-bottom: 2rem
}
li {
  margin-bottom: .5rem;
  list-style-type: "\2013\00a0\00a0";
  list-style-position: inside;
  padding-left: .77rem
}
code,
pre {
  font-size: var(--fsize-code)!important
}
hr {
  margin: 4rem 0;
  background: var(--text-color);
  height: .05rem;
  border: none;
  border-radius: 1rem
}
.custom-menu-container {
  position: sticky;
  top: var(--padding-menu);
  align-self: flex-start
}
.page {
  overflow: visible!important;
  height: auto;
  min-height: 100vh;
  position: relative
}
.container,
.section.hero {
  overflow: visible!important;
  height: auto;
  position: relative
}
.docs-content {
  padding-top: 3rem
}
.custom-menu-container {
  position: sticky!important;
  top: 3rem!important;
  z-index: 1000;
  display: block;
  margin-bottom: 2rem;
  align-self: flex-start;
  float: right
}
.menu-button {
  position: relative;
  width: var(--width-menu);
  height: var(--height-menu);
  background: var(--text-color);
  border: none;
  border-radius: var(--radius-menu);
  color: var(--background-color);
  font-family: var(--font-family-status);
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.06rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--padding-menu);
  transition: .2s
}
.menu-button:hover {
  background: var(--accentlight);
  color: var(--black)
}
.menu-text {
  flex: 1;
  text-align: left
}
.menu-icon {
  width: .77rem;
  height: auto;
  display: inline-block
}
.menu-dropdown {
  position: absolute;
  top: calc(100% + .5rem);
  left: 0;
  width: var(--width-menu);
  background: rgba(0,0,0,.7);
  z-index: 9999;
  display: none;
  border-radius: var(--radius-menu)
}
.menu-dropdown[aria-expanded=true] {
  display: block
}
.menu-dropdown::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--glow-orange);
  pointer-events: none
}
.menu-dropdown .dropdown-content {
  position: relative;
  width: 100%;
  max-height: 70vh;
  background: var(--text-color);
  border-radius: var(--radius-menu);
  box-shadow: var(--card-shadow);
  overflow: hidden;
  display: flex;
  flex-direction: column
}
.search-container {
  position: relative;
  padding: .77rem var(--padding-menu);
  border-bottom: 1px solid var(--background-color);
  flex-shrink: 0
}
.search-input {
  width: 100%;
  height: 2.5rem;
  background: 0 0;
  border: none;
  color: var(--background-color);
  padding: 0 var(--padding-menu) 0 0;
  outline: 0;
  font-size: 1rem
}
input.search-input {
  color: var(--background-color)!important;
  background: var(--text-color)!important
}
.search-input::-moz-placeholder {
  color: var(--background-color);
  opacity: .7
}
.search-input::placeholder {
  color: var(--background-color);
  opacity: .7
}
.search-icon {
  position: absolute;
  right: var(--padding-menu);
  top: 50%;
  transform: translateY(-50%);
  width: .77rem;
  height: auto;
  display: inline-block;
  color: var(--background-color)
}
.menu-items {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--background-color);
  min-height: 0;
  padding-left: 0
}
.menu-item {
  display: flex;
  align-items: center;
  padding: .58rem var(--padding-menu);
  gap: .55rem;
  color: var(--background-color);
  font-family: var(--font-family-status);
  font-size: 1rem;
  line-height: 1.06rem;
  cursor: pointer;
  transition: background-color .2s;
  border: none;
  background: 0 0;
  width: 100%;
  text-align: left;
  box-sizing: border-box
}
.menu-item:hover {
  color: var(--accent)
}
.menu-item.active {
  background: var(--text-color);
  color: var(--background-color);
  font-weight: 600
}
.menu-item.sub-item {
  padding-left: calc(var(--padding-menu) * 1.88);
  font-size: 1rem;
  opacity: .9
}
.menu-item.sub-item:hover {
  color: var(--accent);
  opacity: 1
}
.sub-text {
  opacity: .9
}
.menu-item.main-item {
  font-weight: 500;
  border-bottom: 1px solid var(--background-color)
}
.menu-item-text {
  flex: 1
}
.menu-item-icon {
  display: inline-block;
  flex-shrink: 0;
  width: .77rem;
  height: auto
}
.menu-items::-webkit-scrollbar {
  width: .5rem
}
.menu-items::-webkit-scrollbar-track {
  background: var(--text-color);
  border-radius: .25rem
}
.menu-items::-webkit-scrollbar-thumb {
  background: var(--background-color);
  border-radius: .25rem;
  border: 1px solid var(--text-color)
}
.menu-items::-webkit-scrollbar-thumb:hover {
  background: var(--background-color)
}
.menu-item.current {
  color: var(--accent);
  border-left: 3px solid var(--accent)
}
.menu-item.current .menu-item-text {
  color: var(--accent);
  font-weight: 600
}
.menu-item.sub-item.current {
  border-left: 2px solid var(--accent)
}
h1,
h2,
h3,
h4,
h5,
h6 {
  transition: .3s cubic-bezier(.215,.61,.355,1);
  scroll-margin-top: 2rem;
  scroll-padding-top: 2rem
}
.header-highlight {
  transition: .3s cubic-bezier(.215,.61,.355,1);
  transform: translateX(calc(var(--padding-menu) * -.5));
  color: var(--accent);
  overflow: hidden
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0
}
.menu-dropdown:focus-within {
  outline: 0
}
.search-input:focus {
  background: var(--background-color);
  border-radius: .25rem
}
.menu-item:focus {
  outline: 2px solid var(--glow-blue);
  outline-offset: -2px
}
@media (max-width:768px) {
  .custom-menu-container {
    top: var(--padding-menu);
    right: var(--padding-menu);
    left: var(--padding-menu);
    width: auto;
    position: fixed!important
  }
  .menu-button {
    width: 100%;
    max-width: none
  }
  .menu-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: 0 0;
    border-radius: 0
  }
  .menu-dropdown[aria-expanded=true] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 6rem
  }
  .menu-dropdown .dropdown-content {
    width: calc(100% - 30px);
    max-width: none;
    height: calc(100vh - 120px);
    max-height: calc(100vh - 120px);
    margin: var(--padding-menu) var(--padding-menu) 0 var(--padding-menu);
    overflow: hidden;
    padding-bottom: 5rem
  }
  .menu-item {
    font-size: 1.125rem;
    padding: .77rem var(--padding-menu)
  }
  .menu-item.sub-item {
    padding-left: calc(var(--padding-menu) * 1.88)
  }
}
.scroll-locked,
.scroll-locked .menu-dropdown,
.scroll-locked body {
  overflow: hidden;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: auto
}
.scroll-locked .menu-items {
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  max-height: calc(100vh - 200px)
}
.scroll-locked .search-overlay {
  overflow: hidden;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: auto
}
.scroll-locked .search-results {
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  max-height: calc(100vh - 150px)
}
h1 {
  scroll-margin-top: 3rem
}
h2 {
  scroll-margin-top: 2.5rem
}
code {
  font-family: var(--font-family-status);
  background: var(--grid-color);
  color: var(--black);
  padding: .125rem .25rem;
  border-radius: .25rem;
  font-size: 1rem;
  border: 1px solid var(--grid-color)
}
pre {
  background: var(--grid-color);
  border: 1px solid var(--grid-color);
  border-radius: .5rem;
  padding: 1rem;
  margin: 1rem 0;
  overflow-x: auto;
  position: relative
}
pre code {
  background: 0 0;
  color: inherit;
  padding: 0;
  border: none;
  font-size: 1rem;
  line-height: 1.2;
  display: block;
  white-space: pre
}
.hljs-keyword,
.hljs-link,
.hljs-literal,
.hljs-section,
.hljs-selector-tag {
  color: var(--accent)
}
.hljs-addition,
.hljs-attribute,
.hljs-bullet,
.hljs-name,
.hljs-string,
.hljs-symbol,
.hljs-template-tag,
.hljs-template-variable,
.hljs-title,
.hljs-type,
.hljs-variable {
  color: var(--accentlight)
}
.hljs-comment,
.hljs-deletion,
.hljs-meta,
.hljs-quote {
  color: rgba(255,255,255,.6)
}
.hljs-keyword,
.hljs-literal,
.hljs-name,
.hljs-selector-tag,
.hljs-strong,
.hljs-title {
  font-weight: 600
}
.code-block-wrapper {
  position: relative;
  display: inline-block;
  width: 100%
}
.copy-button {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background: var(--accent);
  color: var(--black);
  border: none;
  border-radius: .25rem;
  padding: .375rem .75rem;
  font-size: .75rem;
  font-family: var(--font-family-status);
  cursor: pointer;
  transition: .2s;
  z-index: 10;
  opacity: .9;
  text-transform: uppercase;
  font-weight: 500
}
.copy-button:hover {
  opacity: 1;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.25)
}
.copy-button:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(0,0,0,.15)
}
li code,
p code,
td code,
th code {
  font-size: .875em;
  padding: .225rem .525rem;
  background: var(--grid-color);
  color: var(--text-color);
  border-radius: .25rem;
  border: 1px solid var(--grid-color)
}
pre[data-language]::before {
  content: attr(data-language);
  position: absolute;
  top: .5rem;
  right: 1rem;
  background: var(--grid-color);
  color: var(--text-color);
  padding: .225rem .525rem;
  border-radius: .25rem;
  font-size: .875rem;
  font-family: var(--font-family-status);
  text-transform: uppercase;
  letter-spacing: .05em
}
@media (max-width:768px) {
  pre {
    padding: .75rem;
    margin: .75rem 0;
    font-size: .8rem
  }
  .copy-button {
    padding: .2rem .4rem;
    font-size: .7rem;
    top: .5rem;
    right: .5rem
  }
}
.pagination-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 2rem;
  gap: 1rem
}
.pagination-btn {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.25rem;
  background: var(--text-color);
  color: var(--background-color);
  border: none;
  border-radius: .75rem;
  font-family: var(--font-family-status);
  font-size: .875rem;
  line-height: 1.06rem;
  cursor: pointer;
  transition: .2s;
  text-decoration: none;
  min-height: 2.5rem;
  max-width: 200px
}
.pagination-btn:hover {
  background: var(--accentlight);
  color: var(--black);
  transform: translateY(-2px);
  transition: .2s cubic-bezier(.4,0,.2,1)
}
.pagination-btn:active {
  transform: translateY(0)
}
.pagination-prev {
  padding-left: 1rem
}
.pagination-next {
  padding-right: 1rem;
  margin-left: auto
}
.pagination-icon {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1
}
.pagination-text {
  flex: 1;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.docs-content figure.docs-figure {
  max-width: 100%;
  width: 100%;
  position: relative;
  margin: 2rem 0
}
.docs-content figure.docs-figure img {
  max-width: 100%;
  height: auto;
  border-radius: .25rem;
  transition: .3s cubic-bezier(.215,.61,.355,1);
  float: none;
  margin: 0;
  display: block;
  width: 100%
}
.docs-content figure.docs-figure figcaption.docs-figcaption {
  position: absolute;
  bottom: -.75rem;
  right: .75rem;
  background: var(--text-color);
  color: var(--background-color);
  padding: .25rem .55rem;
  font-size: .875rem;
  font-family: var(--font-family-status);
  border-radius: .25rem;
  box-shadow: 0 8px 19px rgba(0,0,0,.12);
  max-width: calc(100% - 1.5rem);
  z-index: 1
}
@media (max-width:768px) {
  .pagination-nav {
    flex-direction: column;
    gap: .75rem
  }
  .pagination-btn {
    width: 100%;
    max-width: none;
    justify-content: center;
    padding: .875rem 1rem;
    font-size: 1rem
  }
  .pagination-next {
    margin-left: 0
  }
  .docs-content figure.docs-figure {
    float: none;
    max-width: 100%;
    width: 100%;
    padding-left: 0
  }
  .docs-content figure.docs-figure img {
    width: 100%
  }
}
.docs-content p {
  overflow: visible
}
.docs-alert {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  border-radius: .5rem;
  font-family: var(--font-family-status)
}
.docs-alert-icon {
  flex-shrink: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  margin-top: .125rem;
  width: 1.35rem;
  height: 1.35rem
}
.docs-alert-content {
  flex: 1;
  font-family: var(--font-family-status)
}
.docs-alert-content p {
  margin-bottom: 0;
  font-size: var(--fsize-code)!important
}
.docs-alert-content cite,
.docs-alert-content em,
.docs-alert-content i,
.docs-alert-content strong {
  font-family: var(--font-family-status)!important
}
.docs-alert-success {
  background: rgba(110,206,157,.1);
  border-left-color: var(--accent);
  color: var(--accent)
}
.docs-alert-info {
  background: rgba(59,130,246,.1);
  border-left-color: var(--glow-blue);
  color: var(--glow-blue)
}
.docs-alert-warning {
  background: rgba(245,158,11,.1);
  border-left-color: var(--glow-orange);
  color: var(--glow-orange)
}
.docs-alert-error {
  background: rgba(239,68,68,.1);
  border-left-color: var(--glow-red);
  color: var(--glow-red)
}
@media (max-width:768px) {
  .docs-alert {
    padding: .875rem;
    margin: 1rem 0;
    gap: .5rem
  }
  .docs-alert-icon {
    font-size: 1.125rem
  }
}
/*# sourceMappingURL=docs.min.css.map */