@layer default {
  @layer config {
    html {
      --Canvas: var(--bg, #1c1c1c);
      --CanvasText: var(--text, #f8f9fa);
      --Link: var(--action, #8c8cff);
      --VisitedText: var(--action, #ffadff);
      --ActiveText: var(--active, #f66);
      --ButtonFace: var(--btn-bg, #2b2a33);
      --ButtonFaceHover: var(--btn-hover-bg, #52525e);
      --ButtonText: var(--btn-text, #fbfbfe);
      --ButtonTextHover: var(--btn-hover-text, var(--ButtonText));
      --ButtonBorder: var(--btn-border, var(--border, currentColor));
      --Field: var(--field-bg, #2b2a33);
      --FieldText: var(--field-text, #fbfbfe);
      --Highlight: var(--highlight, #3f638b);
      --HighlightText: var(--highlight-text, var(--CanvasText));
      --SelectedItem: var(--selected, skyblue);
      --SelectedItemText: var(--selected-text, black);
      --AccentColor: var(--accent, #ff5ce4);
      --AccentColorText: var(--accent-text, black);
      --ui-mono: ui-monospace, sfmono-regular, consolas, monaco, monospace, serif;
      --ui-sans: ui-sans-serif, system-ui, -apple-system, sans-serif;
      --ui-serif: ui-serif, palatino, palatino linotype, palatino lt std,
        book antiqua, georgia, serif;
      --root: clamp(max(1em, 20px), 1.2em + 0.5vw, 2em);
      --line-height: 1.5;
      --smaller: 0.8em;
      --line: calc(1rem * var(--line-height));
      --measure: 60ch;
      --gap: 1rem;
      --half-gap: calc(var(--gap) / 2);
      --shim: calc(var(--gap) / 4);
      --half-shim: calc(var(--shim) / 2);
      --spacer: clamp(
        var(--gap) * 1.5,
        var(--gap) + 4vw,
        min(var(--gap) * 6, 20vmin)
      );
      --hr: "~ & ~";
      background-color: var(--Canvas);
      color: var(--CanvasText);
      color-scheme: dark light;
      font-family: var(--font-body, var(--var-serif, var(--ui-serif)));
      font-size: var(--root, 1.25em);
      line-height: var(--line-height, 1.4);
    }
    @media (prefers-color-scheme: light) {
      html {
        --Canvas: var(--bg, #f8f9fa);
        --CanvasText: var(--text, #1c1c1c);
        --Link: var(--action, #00e);
        --VisitedText: var(--action, #551a8b);
        --ActiveText: var(--active, #e00);
        --ButtonFace: var(--btn-bg, #e9e9ed);
        --ButtonText: var(--btn-text, #1c1c1c);
        --ButtonTextHover: var(--btn-hover-text, var(--ButtonText));
        --ButtonBorder: var(--btn-border, var(--border, currentColor));
        --Field: var(--field-bg, #f8f9fa);
        --FieldText: var(--field-text, #1c1c1c);
        --Highlight: var(--highlight, #b3d8ff);
        --HighlightText: var(--highlight-text, var(--CanvasText));
        --SelectedItem: var(--selected, #0063e1);
        --SelectedItemText: var(--selected-text, white);
        --AccentColor: var(--accent, #7d004f);
        --AccentColorText: var(--accent-text, white);
      }
    }
    html[data-theme=dark] {
      --Canvas: var(--bg, #1c1c1c);
      --CanvasText: var(--text, #f8f9fa);
      --Link: var(--action, #8c8cff);
      --VisitedText: var(--action, #ffadff);
      --ActiveText: var(--active, #f66);
      --ButtonFace: var(--btn-bg, #2b2a33);
      --ButtonFaceHover: var(--btn-hover-bg, #52525e);
      --ButtonText: var(--btn-text, #fbfbfe);
      --ButtonTextHover: var(--btn-hover-text, var(--ButtonText));
      --ButtonBorder: var(--btn-border, var(--border, currentColor));
      --Field: var(--field-bg, #2b2a33);
      --FieldText: var(--field-text, #fbfbfe);
      --Highlight: var(--highlight, #3f638b);
      --HighlightText: var(--highlight-text, var(--CanvasText));
      --SelectedItem: var(--selected, skyblue);
      --SelectedItemText: var(--selected-text, black);
      --AccentColor: var(--accent, #ff5ce4);
      --AccentColorText: var(--accent-text, black);
    }
    html[data-theme=light] {
      --Canvas: var(--bg, #f8f9fa);
      --CanvasText: var(--text, #1c1c1c);
      --Link: var(--action, #00e);
      --VisitedText: var(--action, #551a8b);
      --ActiveText: var(--active, #e00);
      --ButtonFace: var(--btn-bg, #e9e9ed);
      --ButtonText: var(--btn-text, #1c1c1c);
      --ButtonTextHover: var(--btn-hover-text, var(--ButtonText));
      --ButtonBorder: var(--btn-border, var(--border, currentColor));
      --Field: var(--field-bg, #f8f9fa);
      --FieldText: var(--field-text, #1c1c1c);
      --Highlight: var(--highlight, #b3d8ff);
      --HighlightText: var(--highlight-text, var(--CanvasText));
      --SelectedItem: var(--selected, #0063e1);
      --SelectedItemText: var(--selected-text, white);
      --AccentColor: var(--accent, #7d004f);
      --AccentColorText: var(--accent-text, white);
    }
    body {
      margin: var(--gap, 1em) var(--margin, var(--gap, 1em));
    }
  }
  @layer prismjs {
    /**
     * a11y-dark theme for JavaScript, CSS, and HTML
     * Based on the okaidia theme: https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css
     * @author ericwbailey
     */
    code[class*=language-],
pre[class*=language-] {
      color: #f8f8f2;
      background: none;
      font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
      text-align: left;
      white-space: pre;
      word-spacing: normal;
      word-break: normal;
      word-wrap: normal;
      line-height: 1.5;
      -moz-tab-size: 4;
      -o-tab-size: 4;
      tab-size: 4;
      -webkit-hyphens: none;
      -moz-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;
    }
    /* Code blocks */
    pre[class*=language-] {
      padding: 1em;
      margin: 0.5em 0;
      overflow: auto;
      border-radius: 0.3em;
    }
    :not(pre) > code[class*=language-],
pre[class*=language-] {
      background: #2b2b2b;
    }
    /* Inline code */
    :not(pre) > code[class*=language-] {
      padding: 0.1em;
      border-radius: 0.3em;
      white-space: normal;
    }
    .token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
      color: #d4d0ab;
    }
    .token.punctuation {
      color: #fefefe;
    }
    .token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
      color: #ffa07a;
    }
    .token.boolean,
.token.number {
      color: #00e0e0;
    }
    .token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
      color: #abe338;
    }
    .token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
      color: #00e0e0;
    }
    .token.atrule,
.token.attr-value,
.token.function {
      color: #ffd700;
    }
    .token.keyword {
      color: #00e0e0;
    }
    .token.regex,
.token.important {
      color: #ffd700;
    }
    .token.important,
.token.bold {
      font-weight: bold;
    }
    .token.italic {
      font-style: italic;
    }
    .token.entity {
      cursor: help;
    }
    @media screen and (-ms-high-contrast: active) {
      code[class*=language-],
pre[class*=language-] {
        color: windowText;
        background: window;
      }
      :not(pre) > code[class*=language-],
pre[class*=language-] {
        background: window;
      }
      .token.important {
        background: highlight;
        color: window;
        font-weight: normal;
      }
      .token.atrule,
.token.attr-value,
.token.function,
.token.keyword,
.token.operator,
.token.selector {
        font-weight: bold;
      }
      .token.attr-value,
.token.comment,
.token.doctype,
.token.function,
.token.keyword,
.token.operator,
.token.property,
.token.string {
        color: highlight;
      }
      .token.attr-value,
.token.url {
        font-weight: normal;
      }
    }
  }
  @layer styles {
    body > [href="#main"] {
      background-color: var(--btn-link-bg, var(--Link));
      color: var(--btn-link-text, var(--Canvas));
      font-weight: bold;
      inset: var(--line, 1em) auto auto var(--line, 1em);
      padding: var(--half-gap, 0.5em) var(--gap, 1em);
      position: absolute;
      z-index: 2;
    }
    :is(main, nav):focus {
      outline: 0;
    }
    :focus-visible {
      outline: medium solid var(--focus-ring, var(--AccentColor));
      outline-offset: var(--shim, 0.25em);
      z-index: 2;
    }
    .visually-hidden:not(:focus) {
      border: 0;
      clip: rect(0 0 0 0);
      height: auto;
      margin: 0;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      white-space: nowrap;
    }
    html {
      --margin: var(--gap, 1em);
      --inset: var(--gap, 1em);
      --outset: 0px;
    }
    @media (min-width: 40em) {
      html {
        --margin: var(--spacer, 2em);
        --outset: calc(var(--inset) * -1);
      }
    }
    main {
      border: 0;
      margin-block: 0;
    }
    #page-header {
      margin-block: var(--spacer);
    }
    a:where(:any-link) {
      color: var(--link-color, var(--Link));
    }
    a:where(:visited) {
      color: var(--link-visited, var(--link-color, var(--VisitedText)));
    }
    a:where(:hover, :focus, :active) {
      color: var(--link-active, var(--ActiveText));
    }
    button {
      background-color: var(--btn-bg, var(--ButtonFace));
      border: medium solid var(--btn-border, var(--ButtonBorder));
      color: var(--btn-text, var(--ButtonText));
      padding: var(--half-shim) var(--gap);
    }
    button:hover, button:focus {
      --btn-border: var(--AccentColor);
    }
    button:active {
      --btn-bg: var(--ActiveText);
      --btn-text: var(--bg);
    }
    [aria-pressed] {
      --btn-border: var(--SelectedItem);
    }
    [aria-pressed=true] {
      --btn-bg: var(--SelectedItem);
      --btn-text: var(--SelectedItemText);
    }
    figure {
      display: grid;
      gap: var(--gap, 1em);
      overflow-x: auto;
    }
    figure table {
      font-size: var(--smaller);
    }
    figcaption {
      font-style: italic;
    }
    figcaption > * {
      margin-block: 0;
    }
    [aria-current=page] {
      --link-color: currentcolor;
    }
    header h1,
header h2,
header h3,
header h4,
header h5,
header h6,
header p {
      margin-block: 0;
    }
    h1,
h2,
h3,
h4,
h5,
h6 {
      text-wrap: balance;
    }
    p,
li {
      text-wrap: pretty;
    }
    ul,
ol {
      padding-inline-start: calc(var(--outset, 0px) + var(--gap, 1em));
    }
    li {
      --outset: 0px;
    }
    li:where(:not(:first-child)) {
      margin-block-start: var(---half-shim, 0.125em);
    }
    table {
      width: 100%;
    }
    th {
      text-align: var(--th-align, left);
      padding: var(--th-padding, var(--th-block, 0) var(--th-inline, var(--shim)));
    }
    td {
      text-align: var(--td-align, left);
      padding: var(--td-padding, var(--td-block, 0) var(--td-inline, var(--shim)));
    }
    section:not(:first-child) {
      margin-block-start: var(--spacer);
    }
    blockquote {
      border-inline-start: thick solid var(--border, currentColor);
      margin-inline: 0;
      padding-inline: var(--gap, 1em);
    }
    blockquote > * {
      --outset: 0px;
    }
    details,
figure,
pre {
      background-color: var(--shadow, hsla(0deg, 0%, 0%, 0.125));
      margin-inline: var(--outset, 0);
      padding: var(--gap, 1em);
    }
    details > *,
figure > *,
pre > * {
      --outset: 0px;
    }
    pre[class*=language-] {
      background-color: revert-layer;
      padding: 0;
    }
    pre[class*=language-] > code {
      padding: var(--gap, 1em);
    }
    pre code {
      display: block;
      overflow: auto;
    }
    details {
      padding-block: var(--half-gap);
    }
    details:only-child {
      margin-block: 0;
    }
    summary {
      font-weight: bold;
    }
    .details {
      margin-block: var(--gap);
    }
    hr {
      border: 0;
      display: flex;
      height: auto;
      justify-content: center;
      margin: var(--spacer, 2em) 0;
    }
    hr::after {
      content: var(--hr, "* * *");
      color: var(--border, inherit);
    }
    tt,
code,
kbd,
samp {
      font-family: var(--font-code, var(--var-mono, var(--ui-mono)));
      font-size: var(--smaller, 0.8em);
    }
    ::selection {
      background-color: var(--Highlight);
      color: var(--HighlightText);
    }
    mark {
      background-color: var(--Highlight);
      color: var(--HighlightText);
    }
    input,
select,
textarea {
      background-color: var(--Field);
      border: medium solid var(--field-border, var(--border, currentColor));
      color: var(--FieldText);
      padding: var(--shim);
    }
    textarea {
      min-height: calc(var(--line, 1.4em) * 6);
    }
  }
}

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