@layer components {
  .ui-toc {
    --toc-tick: 1.5rem;
    --toc-tick-subsection: .75rem;
    --toc-gap: .75rem;
    --toc-gutter: calc(var(--toc-tick) + var(--toc-gap));
    --toc-row-padding: .5rem;
    align-content: start;
    gap: var(--ui-space-xs);
    padding: var(--ui-space-xl) var(--ui-space-lg);
    font-size: var(--ui-text-caption);
    display: grid;
  }

  .ui-toc>h4{margin:0 0 var(--ui-space-2xs);padding-left:var(--toc-gutter);color:var(--ui-text-muted);font:var(--ui-weight-medium) var(--ui-text-eyebrow)/1rem var(--font-family-sans);letter-spacing:var(--ui-tracking-eyebrow);text-transform:uppercase}

  .ui-toc ol {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .ui-toc a {
    padding: var(--toc-row-padding) 0 var(--toc-row-padding) var(--toc-gutter);
    color: var(--ui-text-muted);
    transition: color var(--ui-duration-quick);
    line-height: 1.125rem;
    text-decoration: none;
    display: block;
    position: relative;
  }

  .ui-toc a:before {
    content: "";
    top: calc(var(--toc-row-padding) + .5lh - 1px);
    right: calc(100% - var(--toc-tick));
    width: var(--toc-tick);
    background: var(--ui-line-divider);
    pointer-events: none;
    height: 2px;
    transition: background-color var(--ui-duration-quick);
    border-radius: 1px;
    position: absolute;
  }

  .ui-toc :is(ol ol a, a[data-level="3"]):before {
    width: var(--toc-tick-subsection);
  }

  .ui-toc a:hover {
    color: var(--ui-text-strong);
  }

  .ui-toc a:hover:before {
    background: var(--ui-line-mark);
  }

  .ui-toc a[aria-current="location"] {
    color: var(--ui-text-strong);
    font-weight: var(--ui-weight-medium);
  }

  .ui-toc a[aria-current="location"]:before {
    background: var(--ui-text-strong);
  }

  .ui-toc a:focus-visible{outline:2px solid var(--ui-focus);outline-offset:1px;border-radius:var(--ui-radius-xs)}

  .ui-toc ol ol a:not([aria-current]) {
    color: color-mix(in oklab, var(--ui-text-muted) 72%, var(--ui-text-disabled));
  }

  .ui-toc ol ol a:not([aria-current]):before {
    background: var(--ui-line-hair);
  }

  .ui-toc ol ol a:not([aria-current]):hover {
    color: var(--ui-text-strong);
  }

  .ui-toc-actions {
    padding: var(--ui-space-sm) 0 0 var(--toc-gutter);
    display: grid;
  }

  .ui-toc-actions a {
    color: var(--ui-text-muted);
    padding: .3125rem 0;
    font-size: .75rem;
    line-height: 1.5;
  }

  .ui-toc-actions a:before {
    content: none;
  }

  .ui-toc a {
    overflow-wrap: anywhere;
    text-wrap: pretty;
  }

  .ui-toc a code {
    font-family: var(--font-family-mono);
    font-size: .9em;
  }

  .ui-toc li:has( > ol [aria-current="location"]) > a {
    color: var(--ui-text-body);
  }

  .ui-toc ol[data-fold] > li:not(:has([aria-current="location"])) > ol {
    display: none;
  }

  .ui-toc-actions>a:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px;border-radius:var(--ui-radius-xs)}

  .ui-toc-actions > a {
    transition: color var(--ui-duration-quick);
    text-decoration: none;
  }

  .ui-toc-actions > a:hover {
    color: var(--ui-text-strong);
  }

  .ui-toc[data-rail] a:focus-visible {
    outline-offset: -2px;
  }

  @media (pointer: coarse) {
    .ui-toc {
      --toc-row-padding: .8125rem;
    }

    .ui-toc a, .ui-toc-actions > a {
      min-height: 2.75rem;
    }
  }

  @media (forced-colors: active) {
    .ui-toc a[aria-current="location"] {
      text-decoration: underline;
    }
  }

  @media print {
    .ui-toc {
      display: none;
    }
  }

  [data-contents-disclosure] {
    margin-block: 0 var(--ui-space-xl);
  }

  [data-contents-disclosure] > .ui-toc {
    padding: 0 0 var(--ui-space-md);
  }

  @media (width >= 80rem) {
    [data-contents-disclosure] {
      display: none;
    }

    .ui-docs-article > [data-contents-disclosure]:not(:first-child, .ui-pagehead + *) + h2, .ui-docs-article > [data-contents-disclosure]:not(:first-child, .ui-pagehead + *) + a[id]:empty + h2, .ui-docs-article > [data-contents-disclosure]:not(:first-child, .ui-pagehead + *) + hr + h2, .ui-docs-article > [data-contents-disclosure]:not(:first-child, .ui-pagehead + *) + hr + a[id]:empty + h2 {
      --section-rule: block;
    }
  }

  @media print {
    [data-contents-disclosure] {
      display: none;
    }
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265)}:root,:host{--font-family-sans:var(--font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-mono:var(--font-mono, ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root,:host{--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0), var(--color-zinc-95))}:root,:host{--font-sans:"Geist", "Noto Sans TC";--font-mono:"IBM Plex Mono"}}@layer components {
  .ui-pager {
    gap: var(--ui-space-xl);
    padding-top: var(--ui-space-lg);
    box-shadow: inset 0 1px 0 var(--ui-line-hair);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 5rem;
    display: grid;
  }

  .ui-pager > a {
    align-content: start;
    gap: var(--ui-space-2xs);
    color: var(--ui-text-body);
    transition: color var(--ui-duration-quick);
    text-decoration: none;
    display: grid;
  }

  .ui-pager > a:hover {
    color: var(--ui-text-strong);
  }

  .ui-pager>a:focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px;border-radius:var(--ui-radius-xs)}

  .ui-pager > a[rel="next"] {
    text-align: right;
    justify-items: end;
  }

  .ui-pager small{color:var(--ui-text-muted);font:var(--ui-weight-medium) var(--ui-text-eyebrow)/1rem var(--font-family-sans);letter-spacing:var(--ui-tracking-eyebrow);text-transform:uppercase}

  .ui-pager b {
    font-weight: var(--ui-weight-regular);
    font-size: var(--ui-text-base);
    text-wrap: balance;
    line-height: 1.5;
  }

  .ui-pager > a[rel="prev"] > b:before {
    content: "←";
    color: var(--ui-text-muted);
    margin-right: .5em;
  }

  .ui-pager > a[rel="next"] > b:after {
    content: "→";
    color: var(--ui-text-muted);
    margin-left: .5em;
  }

  .ui-pager > a:hover > b:before, .ui-pager > a:hover > b:after {
    color: var(--ui-text-strong);
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265)}:root,:host{--font-family-sans:var(--font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:root,:host{--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0), var(--color-zinc-95))}:root,:host{--font-sans:"Geist", "Noto Sans TC"}}@layer components {
  .ui-footer {
    gap: var(--ui-space-3xl);
    padding: 4rem max(1.25rem, env(safe-area-inset-right)) max(var(--ui-space-2xl), env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));
    box-shadow: inset 0 1px 0 var(--ui-line-hair);
    color: var(--ui-text-muted);
    font-size: var(--ui-text-small);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
    container-type: inline-size;
  }

  @media (width >= 52.125rem){
    .ui-footer {
      padding-inline: 2.5rem;
    }
  }

  .ui-footer > * {
    width: 100%;
    max-width: 72rem;
    margin-inline: auto;
  }

  .ui-docs-main .ui-footer {
    padding-inline: var(--docs-gutter);
  }

  .ui-docs-main .ui-footer > * {
    max-width: var(--docs-wide);
  }

  .ui-footer-nav {
    gap: var(--ui-space-2xl) var(--ui-space-xl);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 11rem), 1fr));
    display: grid;
  }

  @container (18rem <= width < 30rem) {
    .ui-footer-nav {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .ui-footer-nav > * {
    min-width: 0;
  }

  .ui-footer-group>h2{margin:0 0 var(--ui-space-md);color:var(--ui-text-strong);font:var(--ui-weight-medium) var(--ui-text-eyebrow)/1rem var(--font-family-sans);letter-spacing:var(--ui-tracking-eyebrow);text-transform:uppercase}

  .ui-footer-group > ul {
    gap: var(--ui-space-sm);
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .ui-footer-group li {
    min-width: 0;
    line-height: 1.25rem;
  }

  .ui-footer a {
    color: var(--ui-text-body);
    transition: color var(--ui-duration-quick);
    text-decoration: none;
  }

  .ui-footer a:hover {
    color: var(--ui-text-strong);
  }

  .ui-footer :is(a,button):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px;border-radius:var(--ui-radius-xs)}

  .ui-footer-group button {
    color: var(--ui-text-disabled);
    font: inherit;
    cursor: not-allowed;
    background: none;
    border: 0;
    padding: 0;
  }

  .ui-footer-legal {
    align-items: center;
    gap: var(--ui-space-xs) var(--ui-space-lg);
    padding-top: var(--ui-space-lg);
    box-shadow: inset 0 1px 0 var(--ui-line-hair);
    font-size: var(--ui-text-label);
    letter-spacing: .04em;
    flex-wrap: wrap;
    line-height: 1.25rem;
    display: flex;
  }

  .ui-footer-notice {
    margin: 0 auto 0 0;
  }

  .ui-footer-preference {
    color: var(--ui-text-muted);
    align-items: center;
    gap: var(--ui-space-3xs);
    border-radius: var(--ui-radius-xs);
    cursor: pointer;
    transition: color var(--ui-duration-quick);
    display: inline-flex;
    position: relative;
  }

  .ui-footer-preference:hover {
    color: var(--ui-text-strong);
  }

  .ui-footer-preference > svg {
    flex: none;
    width: 12px;
    height: 12px;
  }

  .ui-footer-preference > svg:first-child {
    width: 14px;
    height: 14px;
    margin-right: 2px;
  }

  @media (width < 64rem) {
    .ui-footer-preference {
      display: none;
    }
  }

  @media (pointer: coarse) {
    .ui-footer-group a {
      align-items: center;
      min-height: 2.75rem;
      display: inline-flex;
    }

    .ui-footer-group > ul {
      gap: 0;
    }

    .ui-footer-group > h2 {
      margin-bottom: var(--ui-space-xs);
    }
  }

  @media print {
    .ui-footer {
      display: none;
    }
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265)}:root,:host{--font-family-sans:var(--font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:root,:host{--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0), var(--color-zinc-95))}:root,:host{--font-sans:"Geist", "Noto Sans TC"}}