code {
  background-color: #f5f5f5;
  font-size: 0.875rem;
  padding: 0.25rem;
  border-radius: 0.25rem; }

pre code {
  background-color: #494951;
  color: #cbd5e1;
  display: block;
  padding: 0 1.5rem 1.5rem;
  overflow-x: auto;
  border-radius: 0; }

.hljs-comment,
.hljs-quote {
  color: #cbd5e1;
  font-style: italic; }

.hljs-doctag,
.hljs-formula,
.hljs-keyword {
  color: #ed675e; }

.hljs-deletion,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-subst {
  color: #75c5fa; }

.hljs-literal,
.hljs-number {
  color: #acebfc; }

.hljs-addition, .hljs-attribute, .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
  color: #89f497; }

.hljs-attr,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
  color: #ff85cf; }

.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-symbol,
.hljs-title {
  color: #acebfc; }

.hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_ {
  color: #f4f9a7; }

.hljs-emphasis {
  font-style: italic; }

.hljs-strong {
  font-weight: 700; }

.hljs-link {
  text-decoration: underline; }

code.hljs.language-ebnf .hljs-attribute {
  color: #111827; }

body.dark code.hljs {
  background-color: #0a0a0a; }

body.dark pre code.hljs {
  background-color: #404040; }

div.frame-content {
  margin: 1rem 2rem 1rem 1rem; }

html {
  scroll-padding-top: 5.25rem; }

header#docs-header {
  height: 4rem; }
  header#docs-header h1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 32 25' fill-rule='nonzero' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M0 0h32v24.976H0z' fill-opacity='0'/%3E%3Cpath d='M5.436.181c.323-.247.772-.222 1.091.019l4.856 2.799c.285.148.521.436.494.772l-.007 6.093c-.103.21-.236.412-.453.516l-5.021 2.894c-.239.143-.56.15-.809.031L.431 10.33c-.259-.163-.407-.455-.387-.759l.002-5.797a.8.8 0 0 1 .397-.713L5.436.181M1.677 7.614L1.67 8.831c.017.277.23.498.463.626l3.089 1.773c.329.185.722.221 1.088.149.353-.084.652-.298.963-.472l2.492-1.432c.248-.126.449-.354.49-.636.023-.352.009-.705.01-1.058.067-.173-.136-.151-.21-.084L6.432 9.786a.89.89 0 0 1-.784.079L1.677 7.614zM19.069.08c.249-.134.556-.089.79.056l4.984 2.872c.286.143.494.443.477.77l-.001 5.886c.003.357-.265.636-.568.783l-4.973 2.862a.91.91 0 0 1-.737.001l-4.922-2.836c-.326-.147-.635-.428-.626-.814l-.001-5.885c-.019-.302.162-.592.427-.731L19.069.08m-3.935 7.529c-.057.374-.034.755-.029 1.131.002.283.174.545.417.683l3.099 1.785a1.59 1.59 0 0 0 1.572-.002l3.091-1.777c.316-.169.47-.534.427-.882-.049-.31.083-.645-.055-.938L19.89 9.778a.88.88 0 0 1-.839.068l-3.917-2.237zm-2.776 4.088c.234-.079.515-.08.735.045l5.054 2.917a.84.84 0 0 1 .448.801l-.003 5.995c-.092.233-.24.448-.471.563l-4.984 2.871c-.255.162-.593.193-.856.03l-5.097-2.936c-.264-.14-.433-.435-.419-.734l-.002-5.693c-.031-.326.087-.689.387-.858l5.208-3.001m-3.946 7.537c-.044.299-.025.601-.029.903.004.21-.023.44.105.622.11.206.332.304.522.419l2.313 1.335c.37.203.727.465 1.157.516.401.062.802-.074 1.143-.278l2.716-1.564c.275-.143.571-.338.625-.669.042-.424.029-.854-.001-1.279l-3.945 2.247c-.23.125-.514.101-.736-.029l-3.87-2.223zm17.335-7.508a.88.88 0 0 1 .755-.002l5.1 2.94c.287.158.458.469.439.797l-.002 5.799a.83.83 0 0 1-.459.747l-4.991 2.879c-.25.158-.582.201-.844.043l-5.057-2.911c-.283-.144-.508-.436-.48-.766l.007-6.087c.1-.181.197-.381.393-.476l5.139-2.963m.721 9.756c-.441.253-.877-.107-1.249-.319l-3.392-1.918v1.17a.78.78 0 0 0 .402.63l2.551 1.475c.421.239.849.538 1.354.523.532.005.973-.322 1.418-.568l2.426-1.405c.239-.129.441-.37.439-.653l-.021-1.185-3.928 2.25z'/%3E%3C/svg%3E");
    background-size: 32px 25px;
    background-position: 0 50%; }
    header#docs-header h1.playground {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M145.5 107.5a206.3 206.3 0 0 1 291 288 205.4 205.4 0 0 1-218.3 71.3 206.8 206.8 0 0 1-150-185 201.9 201.9 0 0 1 15.5-93 206.1 206.1 0 0 1 61.8-81.3m107-30.6a91.9 91.9 0 0 0-54.4 48.1 199.3 199.3 0 0 1 52 30.2c6.8-2.5 13.8-4.4 21-5.6a279 279 0 0 1 62.9-3.8l18.4-36.6c-9.6-10.3-20.6-19-31.5-27.8a185.3 185.3 0 0 0-68.4-4.5m110.8 39.7L346 151a123 123 0 0 1 36.6 78.3c20.3 5.3 40.4 12 58.7 22.4 7.1-12.9 13-26.6 17.1-40.8-9.9-32.3-29-61.6-54-84.4a6 6 0 0 0-2.3-1.4c-6.5-2.2-13.2-3.8-20-5.3-6.2-1-12.5-2.3-18.8-3.2m-226.8 53c-3.3 3-7 5.5-9.9 9-3.8 9.1-6.8 18.8-8.4 28.6l-.4.7c-2.7 16-3.3 32.3-1 48.4 15.7 10.4 32 19.7 48.4 29.2 21.4-12.6 42.9-25 64.5-37.4.5-28 1.2-57 11.3-83.5a191.9 191.9 0 0 0-51.4-28.8c-19.7 7.7-36.7 20.7-53 33.8M81.5 287a93.9 93.9 0 0 1 22-31.2c-3.5-27 .2-55 10-80.3-1.7-2-3.6-4-5.5-5.8A193.4 193.4 0 0 0 81.6 287m297.8-44.7A206.3 206.3 0 0 1 322 297c2.7 23.4 4.7 46.8 7.6 70.2a327.4 327.4 0 0 0 57.5 23.4 170.4 170.4 0 0 0 52.1-58c1.7-3.2 1.7-7 2-10.5a399 399 0 0 0-3.4-57.3 214.3 214.3 0 0 0-54-21.6c-1.5-.3-2.9-.9-4.4-.8m-147 19.2c-20.5 12.1-41.3 23.7-61.7 36 .4 4.5.5 9 .5 13.5.7 15.9 2.5 31.7 5.7 47.3.7 2.4.6 5.4 2.6 7.2a435.6 435.6 0 0 0 39.3 28.6c10.6 6.5 21.4 13 33.4 16.5 1.5.5 2.6-1 3.8-1.5 20.5-13.2 41.3-26 60.4-41-2.1-20-4.6-40.1-6.2-60.2l-.4-.7c-.5-3.4.1-7.2-1.3-10.4-11.6-4.4-23.3-8.7-34.6-13.9-13.4-6.2-27-12.6-38.1-22.6-1.3-.5-2.3.7-3.4 1.2m196.3 109.2a196.2 196.2 0 0 1-35.5 31.6c-6.5 10.1-12.5 20.6-18.8 31a194 194 0 0 0 79.4-94.7l-2.9.2a185.7 185.7 0 0 1-22.2 31.9m-313 8.7A194 194 0 0 0 263.6 461c-6-12.9-11.8-25.9-18-38.7-13.1-5-25.6-11.8-37.3-19.5-13-8.5-25.5-17.5-37.3-27.4-18.4 1.8-36.9 2.4-55.3 4Z' style='fill-rule:nonzero' transform='matrix(.0775 0 0 .0775 -5.2 -4.8)'/%3E%3C/svg%3E"); }

@media (min-width: 1024px) {
  header#docs-header {
    height: 5rem; }
    header#docs-header h1 {
      background-size: 41px 32px; } }

@media (min-width: 1024px) and (min-height: 1100px) {
  header#docs-header {
    height: 6rem; } }

nav#docs-nav {
  display: none;
  position: fixed;
  overflow-y: auto;
  height: 100dvh;
  width: 16rem;
  background: #fff;
  top: 0;
  z-index: 12;
  padding: 1rem 1rem 2rem 1rem; }
  nav#docs-nav.show {
    display: block; }
  nav#docs-nav menu {
    gap: 2px 0; }
    nav#docs-nav menu a {
      padding: 0.6rem 0.5rem 0.65rem 1rem; }
      nav#docs-nav menu a.active {
        font-weight: bold;
        background-color: #eef0f0; }

@media (min-width: 1024px) {
  nav#docs-nav {
    background: none;
    display: block;
    height: auto;
    padding: 2rem 0 0 1rem;
    position: sticky;
    width: 100%;
    z-index: 1; }
    nav#docs-nav menu a {
      font-size: 0.9rem;
      left: -0.5rem; } }

@media (min-width: 1280px) {
  nav#docs-nav {
    padding: 2rem 0 0; }
    nav#docs-nav menu a {
      font-size: 1rem; } }

div#overlay {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 11;
  top: 0;
  left: 0;
  position: fixed;
  --tw-backdrop-blur: blur(6px);
  --tw-bg-opacity: 0.5;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

@media (max-width: 1023.99999px) {
  nav#docs-nav.show + div#overlay {
    display: block; } }

address {
  top: calc(4rem);
  --tw-backdrop-blur: blur(12px);
  --tw-bg-opacity: 0.7;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
  address > div > span {
    position: relative; }
    address > div > span:not(:last-child) {
      padding-right: 1rem; }
      address > div > span:not(:last-child)::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
        background-size: 16px 16px;
        background-position: 100% 50%;
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 1rem;
        height: 100%;
        margin-right: -0.33rem;
        margin-top: 1px; }

article > h1 {
  font-weight: bold;
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 1.25rem; }

article > h2 {
  font-weight: 700;
  font-size: 1.65rem;
  line-height: 1.75rem;
  margin-top: 3rem;
  margin-bottom: 1.25rem; }
  article > h2::before {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 2rem;
    margin-top: -2rem;
    visibility: hidden; }

article > h3 {
  color: #4b5563;
  font-weight: 800;
  font-size: 1.375rem;
  margin-top: 2rem;
  margin-bottom: 1.25rem; }

article > p,
article ul > li,
article ul > li > p,
article blockquote > p {
  font-size: 1rem;
  line-height: 1.625;
  margin-bottom: 1rem; }
  article > p:last-child,
  article ul > li:last-child,
  article ul > li > p:last-child,
  article blockquote > p:last-child {
    margin-bottom: 0; }
  article > p a,
  article ul > li a,
  article ul > li > p a,
  article blockquote > p a {
    color: #1561d2;
    text-decoration: underline; }

article > ul {
  list-style-type: disc;
  margin: 0 0 0 2.5rem; }
  article > ul li {
    padding-left: 0.5rem;
    margin-bottom: 1rem; }
    article > ul li:last-child {
      margin-bottom: 0; }

article blockquote {
  padding: 1rem 1.5rem;
  background: #f0f9ff;
  border-radius: 1rem;
  border: 2px solid #0ea5e9;
  box-shadow: 2px 2px 0 0 #0ea5e9; }

article code {
  font-size: 0.875rem; }

article .simple .highlight > pre {
  border-radius: 1rem;
  border: 2px solid #000;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  margin-left: -2px;
  box-shadow: 2px 2px 0 0 #000; }
  article .simple .highlight > pre > code {
    border-radius: 1rem; }

article p code {
  background-color: #f5f5f5;
  padding: 0.25rem;
  border-radius: 0.25rem; }

article figure {
  border-radius: 1rem;
  border: 2px solid #000;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  margin-left: -2px;
  box-shadow: 2px 2px 0 0 #000; }
  article figure figcaption {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: #fff;
    border-radius: 0.9rem 0.9rem 0 0; }
  article figure .source {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    background: #f3f4f6;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    article figure .source > span {
      padding: 0.5rem 1.5rem;
      font-size: 0.875rem;
      border-right: 2px solid #000;
      background: #e5e7eb; }
    article figure .source > div {
      display: flex;
      flex-direction: row; }
    article figure .source a.edit-html {
      background: #e5e7eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778'/%3E%3C/svg%3E");
      background-position: 1.25rem 60%; }
    article figure .source a.copy-html {
      background: #e5e7eb url('data:image/svg+xml,<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path></svg>');
      background-position: 1.25rem 50%; }
    article figure .source a.open-wide {
      background: #e5e7eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M17 3h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M21 17v2a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Crect width='10' height='8' x='7' y='8' rx='1'/%3E%3C/svg%3E");
      background-position: 1.25rem 50%; }
    article figure .source a.edit-html,
    article figure .source a.copy-html,
    article figure .source a.open-wide {
      display: flex;
      align-items: center;
      padding: 0.5rem 1.5rem 0.5rem 2.5rem;
      background-size: 1rem 1rem;
      background-repeat: no-repeat;
      border-left: 2px solid #000;
      color: #111827;
      font-size: 0.875rem; }
      article figure .source a.edit-html:hover,
      article figure .source a.copy-html:hover,
      article figure .source a.open-wide:hover {
        color: #000;
        background-color: #d1d5db; }
  article figure .highlight > pre {
    border-radius: 0 0 0.9rem 0.9rem;
    overflow: auto;
    max-height: 32rem; }
    article figure .highlight > pre code,
    article figure .highlight > pre textarea {
      color: #cbd5e1;
      border: none;
      display: block;
      padding: 0 1.5rem 1.5rem;
      overflow-x: auto;
      border-radius: 0;
      font-size: 0.875rem;
      background-color: #494951;
      /* #3f3f46, #475569; */
      scrollbar-width: none;
      -ms-overflow-style: none; }
      article figure .highlight > pre code::-webkit-scrollbar,
      article figure .highlight > pre textarea::-webkit-scrollbar {
        display: none; }
    article figure .highlight > pre textarea {
      padding-top: 1rem;
      min-height: 12rem; }
  article figure.wide {
    box-shadow: 0 0 10rem rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    margin: 0;
    position: fixed;
    width: 92vw;
    height: 90vh;
    top: 5vh;
    left: 4vw;
    z-index: 50; }
    article figure.wide figcaption {
      height: 100%; }
    article figure.wide .highlight > pre {
      max-height: 25vh !important; }
    article figure.wide .source a.open-wide {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v3a2 2 0 0 1-2 2H3'/%3E%3Cpath d='M21 8h-3a2 2 0 0 1-2-2V3'/%3E%3Cpath d='M3 16h3a2 2 0 0 1 2 2v3'/%3E%3Cpath d='M16 21v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E"); }

article > *:last-child {
  margin-bottom: 0; }

@media (min-width: 1280px) {
  article > p,
  article > ul > li,
  article > ul > li > p,
  article > blockquote > p {
    font-size: 1.1rem; } }

aside#docs-toc {
  padding-top: 2rem; }
  aside#docs-toc:has(menu:empty) {
    display: none; }
  aside#docs-toc menu#toc > .toc-link {
    color: #4b5563;
    border-left: 2px solid transparent;
    padding: 0.25rem 0 0.25rem 1rem;
    margin: 0 0 0.25rem 0.25rem;
    background-position: 0 50%; }
    aside#docs-toc menu#toc > .toc-link:hover {
      color: #1f2937;
      border-left: 2px solid #d1d5db; }
    aside#docs-toc menu#toc > .toc-link.active {
      color: #1448db;
      border-left: 2px solid #1448db; }

@media (min-width: 1024px) {
  nav#docs-nav,
  aside#docs-toc {
    top: calc(5rem + 1px) !important; }
  nav#docs-nav {
    overflow-y: auto;
    max-height: calc(100vh - 5rem - 1px); } }

@media (min-width: 1024px) and (min-height: 1100px) {
  nav#docs-nav,
  aside#docs-toc {
    top: calc(6rem + 1px) !important; }
  nav#docs-nav {
    max-height: calc(100vh - 6rem - 1px); } }

.bg-text--primary {
  background-color: #111827; }

.bg-text--secondary {
  background-color: #6b7280; }

.bg-text--link {
  background-color: #327ecd; }

.drop {
  border-radius: 1rem;
  border: 2px solid #000;
  box-shadow: 2px 2px 0 0 #000;
  margin-left: -2px; }

.nav-collapse-bg {
  padding: 3rem 2rem 2rem;
  background-color: #f0f9ff;
  background: linear-gradient(90deg, transparent 0, transparent 6rem, #7dd3fc 6rem, transparent calc(6rem + 1px), transparent 18rem, #7dd3fc 18rem, transparent calc(18rem + 1px), transparent 20rem), repeating-conic-gradient(#f8fcff 0% 25%, #ffffff 0% 50%);
  background-size: 20rem 100%, 1rem 1rem;
  background-position: 0 0;
  border: 1px solid #7dd3fc;
  width: 20rem;
  margin: 1rem auto;
  border-radius: 0.5rem;
  position: relative; }

.nav-collapse-bg::before,
.nav-collapse-bg::after {
  position: absolute;
  top: 1rem;
  font-size: 12px;
  font-family: ui-monospace, monospace;
  text-align: center;
  width: 4rem;
  background: #fff;
  padding: 2px 4px; }

.nav-collapse-bg::before {
  content: '4rem';
  left: 4rem; }

.nav-collapse-bg::after {
  content: '16rem';
  right: 0; }

body.playground {
  height: calc(100% - 4rem); }
  body.playground #html {
    box-shadow: none !important;
    resize: vertical; }
  body.playground .ace_text-input {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

@media (min-width: 1024px) {
  body.playground {
    height: calc(100% - 5rem); }
    body.playground #html {
      resize: horizontal; } }

@media (min-width: 1024px) and (min-height: 1100px) {
  body.playground {
    height: calc(100% - 6rem); } }

body.dark {
  color: #fff;
  background: #0d1117; }
  body.dark header {
    --tw-bg-opacity: 0.70;
    background-color: rgba(1, 4, 10, var(--tw-bg-opacity));
    border-color: #30363d; }
    body.dark header h1 {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='100%25' height='100%25' viewBox='0 0 32 25' fill-rule='nonzero' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M0 0h32v24.976H0z' fill-opacity='0'/%3E%3Cpath d='M5.436.181c.323-.247.772-.222 1.091.019l4.856 2.799c.285.148.521.436.494.772l-.007 6.093c-.103.21-.236.412-.453.516l-5.021 2.894c-.239.143-.56.15-.809.031L.431 10.33c-.259-.163-.407-.455-.387-.759l.002-5.797a.8.8 0 0 1 .397-.713L5.436.181M1.677 7.614L1.67 8.831c.017.277.23.498.463.626l3.089 1.773c.329.185.722.221 1.088.149.353-.084.652-.298.963-.472l2.492-1.432c.248-.126.449-.354.49-.636.023-.352.009-.705.01-1.058.067-.173-.136-.151-.21-.084L6.432 9.786a.89.89 0 0 1-.784.079L1.677 7.614zM19.069.08c.249-.134.556-.089.79.056l4.984 2.872c.286.143.494.443.477.77l-.001 5.886c.003.357-.265.636-.568.783l-4.973 2.862a.91.91 0 0 1-.737.001l-4.922-2.836c-.326-.147-.635-.428-.626-.814l-.001-5.885c-.019-.302.162-.592.427-.731L19.069.08m-3.935 7.529c-.057.374-.034.755-.029 1.131.002.283.174.545.417.683l3.099 1.785a1.59 1.59 0 0 0 1.572-.002l3.091-1.777c.316-.169.47-.534.427-.882-.049-.31.083-.645-.055-.938L19.89 9.778a.88.88 0 0 1-.839.068l-3.917-2.237zm-2.776 4.088c.234-.079.515-.08.735.045l5.054 2.917a.84.84 0 0 1 .448.801l-.003 5.995c-.092.233-.24.448-.471.563l-4.984 2.871c-.255.162-.593.193-.856.03l-5.097-2.936c-.264-.14-.433-.435-.419-.734l-.002-5.693c-.031-.326.087-.689.387-.858l5.208-3.001m-3.946 7.537c-.044.299-.025.601-.029.903.004.21-.023.44.105.622.11.206.332.304.522.419l2.313 1.335c.37.203.727.465 1.157.516.401.062.802-.074 1.143-.278l2.716-1.564c.275-.143.571-.338.625-.669.042-.424.029-.854-.001-1.279l-3.945 2.247c-.23.125-.514.101-.736-.029l-3.87-2.223zm17.335-7.508a.88.88 0 0 1 .755-.002l5.1 2.94c.287.158.458.469.439.797l-.002 5.799a.83.83 0 0 1-.459.747l-4.991 2.879c-.25.158-.582.201-.844.043l-5.057-2.911c-.283-.144-.508-.436-.48-.766l.007-6.087c.1-.181.197-.381.393-.476l5.139-2.963m.721 9.756c-.441.253-.877-.107-1.249-.319l-3.392-1.918v1.17a.78.78 0 0 0 .402.63l2.551 1.475c.421.239.849.538 1.354.523.532.005.973-.322 1.418-.568l2.426-1.405c.239-.129.441-.37.439-.653l-.021-1.185-3.928 2.25z'/%3E%3C/svg%3E"); }
    body.dark header h1.playground {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M145.5 107.5a206.3 206.3 0 0 1 291 288 205.4 205.4 0 0 1-218.3 71.3 206.8 206.8 0 0 1-150-185 201.9 201.9 0 0 1 15.5-93 206.1 206.1 0 0 1 61.8-81.3m107-30.6a91.9 91.9 0 0 0-54.4 48.1 199.3 199.3 0 0 1 52 30.2c6.8-2.5 13.8-4.4 21-5.6a279 279 0 0 1 62.9-3.8l18.4-36.6c-9.6-10.3-20.6-19-31.5-27.8a185.3 185.3 0 0 0-68.4-4.5m110.8 39.7L346 151a123 123 0 0 1 36.6 78.3c20.3 5.3 40.4 12 58.7 22.4 7.1-12.9 13-26.6 17.1-40.8-9.9-32.3-29-61.6-54-84.4a6 6 0 0 0-2.3-1.4c-6.5-2.2-13.2-3.8-20-5.3-6.2-1-12.5-2.3-18.8-3.2m-226.8 53c-3.3 3-7 5.5-9.9 9-3.8 9.1-6.8 18.8-8.4 28.6l-.4.7c-2.7 16-3.3 32.3-1 48.4 15.7 10.4 32 19.7 48.4 29.2 21.4-12.6 42.9-25 64.5-37.4.5-28 1.2-57 11.3-83.5a191.9 191.9 0 0 0-51.4-28.8c-19.7 7.7-36.7 20.7-53 33.8M81.5 287a93.9 93.9 0 0 1 22-31.2c-3.5-27 .2-55 10-80.3-1.7-2-3.6-4-5.5-5.8A193.4 193.4 0 0 0 81.6 287m297.8-44.7A206.3 206.3 0 0 1 322 297c2.7 23.4 4.7 46.8 7.6 70.2a327.4 327.4 0 0 0 57.5 23.4 170.4 170.4 0 0 0 52.1-58c1.7-3.2 1.7-7 2-10.5a399 399 0 0 0-3.4-57.3 214.3 214.3 0 0 0-54-21.6c-1.5-.3-2.9-.9-4.4-.8m-147 19.2c-20.5 12.1-41.3 23.7-61.7 36 .4 4.5.5 9 .5 13.5.7 15.9 2.5 31.7 5.7 47.3.7 2.4.6 5.4 2.6 7.2a435.6 435.6 0 0 0 39.3 28.6c10.6 6.5 21.4 13 33.4 16.5 1.5.5 2.6-1 3.8-1.5 20.5-13.2 41.3-26 60.4-41-2.1-20-4.6-40.1-6.2-60.2l-.4-.7c-.5-3.4.1-7.2-1.3-10.4-11.6-4.4-23.3-8.7-34.6-13.9-13.4-6.2-27-12.6-38.1-22.6-1.3-.5-2.3.7-3.4 1.2m196.3 109.2a196.2 196.2 0 0 1-35.5 31.6c-6.5 10.1-12.5 20.6-18.8 31a194 194 0 0 0 79.4-94.7l-2.9.2a185.7 185.7 0 0 1-22.2 31.9m-313 8.7A194 194 0 0 0 263.6 461c-6-12.9-11.8-25.9-18-38.7-13.1-5-25.6-11.8-37.3-19.5-13-8.5-25.5-17.5-37.3-27.4-18.4 1.8-36.9 2.4-55.3 4Z' style='fill-rule:nonzero' transform='matrix(.0775 0 0 .0775 -5.2 -4.8)'/%3E%3C/svg%3E"); }
    body.dark header a {
      color: #fff; }
      body.dark header a:hover {
        color: #f1f1f1; }
  body.dark nav#docs-nav label {
    color: #fff; }
  body.dark nav#docs-nav menu a {
    color: #fafafa; }
    body.dark nav#docs-nav menu a:hover, body.dark nav#docs-nav menu a.active {
      background-color: #2a2d35; }
  body.dark address {
    background-color: rgba(1, 4, 10, var(--tw-bg-opacity));
    border-color: #30363d; }
  body.dark article p {
    color: #fff; }
  body.dark article a {
    color: #38bdf8; }
  body.dark article figure {
    background-color: #0a0a0a; }
    body.dark article figure figcaption {
      background: #1a1d22; }
    body.dark article figure .source {
      background: #2a2d35; }
      body.dark article figure .source > span {
        background: #2a2d35; }
      body.dark article figure .source a.edit-html,
      body.dark article figure .source a.copy-html,
      body.dark article figure .source a.open-wide {
        background-color: #2a2d35;
        color: #fafafa; }
        body.dark article figure .source a.edit-html:hover,
        body.dark article figure .source a.copy-html:hover,
        body.dark article figure .source a.open-wide:hover {
          color: #fff;
          background-color: #1b1d22; }
      body.dark article figure .source a.edit-html {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778'/%3E%3C/svg%3E"); }
      body.dark article figure .source a.copy-html {
        background-image: url('data:image/svg+xml,<svg fill="none" stroke="%23ffffff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path></svg>'); }
      body.dark article figure .source a.open-wide {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5 stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M17 3h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M21 17v2a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Crect width='10' height='8' x='7' y='8' rx='1'/%3E%3C/svg%3E"); }
  body.dark article code {
    background-color: #2a2d35; }
  body.dark aside#docs-toc label {
    color: #fff; }
  body.dark aside#docs-toc menu#toc > a.toc-link {
    color: #f1f1f1; }
    body.dark aside#docs-toc menu#toc > a.toc-link:hover {
      color: #fff;
      border-left: 2px solid #fff; }
    body.dark aside#docs-toc menu#toc > a.toc-link.active {
      border-left: 2px solid #38bdf8;
      color: #38bdf8; }
  body.dark.playground main {
    background: #1b1d22; }
  body.dark.playground #preview {
    border-left: 4px solid #30363d; }
  body.dark.playground .ace_scroller {
    background: #0d1117; }

header#hc-app-header {
  position: relative;
  border-radius: 0.25rem; }
  header#hc-app-header.hc-mobile.hc-connect {
    z-index: 5; }
  header#hc-app-header.hc-mobile.hc-attend {
    z-index: 4; }
  header#hc-app-header.hc-mobile.hc-classic {
    z-index: 3; }
  header#hc-app-header.hc-mobile.hc-boost {
    z-index: 2; }

nav.hc-app-nav {
  position: relative;
  border-radius: 0.25rem; }