@layer theme {

  :root,
  :host {
    --font-sans: SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    --font-mono: "GT America Mono", monospace;
    --spacing: .25rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    --default-mono-font-family: "GT America Mono", monospace;
    --radius: var(--radius-md);
    --color-neutral-1300: oklch(99.5% .0001 260);
    --color-neutral-1200: oklch(97.5% .0001 260);
    --color-neutral-1100: oklch(95% .0001 260);
    --color-neutral-1000: oklch(92.5% .0001 260);
    --color-neutral-900: oklch(90% .0001 260);
    --color-neutral-800: oklch(79% .0011 260);
    --color-neutral-700: oklch(71.7% .0021 260);
    --color-neutral-600: oklch(60.6% .0031 260);
    --color-neutral-500: oklch(48.3% .0041 260);
    --color-neutral-400: oklch(38.9% .005 260);
    --color-neutral-300: oklch(31.6% .006 260);
    --color-neutral-200: oklch(24.7% .007 260);
    --color-neutral-100: oklch(21.6% .008 260);
    --color-neutral-50: oklch(19.5% .009 260);
    --color-neutral-0: oklch(16.2% .01 260);
    --color-blue-1300: oklch(95% .0194 272);
    --color-blue-1200: oklch(92.2% .039 272);
    --color-blue-1100: oklch(89.2% .0598 272);
    --color-blue-1000: oklch(85.2% .088 272);
    --color-blue-900: oklch(82.5% .109 272);
    --color-blue-800: oklch(71% .15 272);
    --color-blue-700: oklch(67% .1216 275.3);
    --color-blue-600: oklch(56.3% .1139 278.7);
    --color-blue-500: oklch(47.4% .0984 282);
    --color-blue-400: oklch(37.9% .0776 285.3);
    --color-blue-300: oklch(30.8% .0623 288.7);
    --color-blue-200: oklch(24% .0479 292);
    --color-purple-1300: oklch(95% .0226 305.4);
    --color-purple-1200: oklch(92.2% .0455 305.4);
    --color-purple-1100: oklch(89.2% .0697 305.4);
    --color-purple-1000: oklch(85.2% .1027 305.4);
    --color-purple-900: oklch(82.5% .1271 305.4);
    --color-purple-800: oklch(74% .175 305.4);
    --color-purple-700: oklch(67% .1419 308.7);
    --color-purple-600: oklch(56.3% .1328 312.1);
    --color-purple-500: oklch(47.4% .1148 315.4);
    --color-purple-400: oklch(37.9% .0906 318.7);
    --color-purple-300: oklch(30.8% .0727 322.1);
    --color-purple-200: oklch(24% .0559 325.4);
    --color-red-1300: oklch(95% .0253 11.3);
    --color-red-1200: oklch(92.2% .0509 11.3);
    --color-red-1100: oklch(89.2% .078 11.3);
    --color-red-1000: oklch(85.2% .1149 11.3);
    --color-red-900: oklch(82.5% .1423 11.3);
    --color-red-800: oklch(71.2% .185 11.3);
    --color-red-700: oklch(67% .1588 14.7);
    --color-red-600: oklch(56.3% .1487 18);
    --color-red-500: oklch(47.4% .1285 21.3);
    --color-red-400: oklch(37.9% .1014 24.7);
    --color-red-300: oklch(30.8% .0814 28);
    --color-red-200: oklch(24% .0626 31.3);
    --color-yellow-1300: oklch(95% .0213 75);
    --color-yellow-1200: oklch(92.2% .0428 75);
    --color-yellow-1100: oklch(89.2% .0656 75);
    --color-yellow-1000: oklch(85.2% .0966 75);
    --color-yellow-900: oklch(82.5% .1196 75);
    --color-yellow-800: oklch(83.7% .14 75);
    --color-yellow-700: oklch(67% .1336 78.3);
    --color-yellow-600: oklch(56.3% .125 81.7);
    --color-yellow-500: oklch(47.4% .1081 85);
    --color-yellow-400: oklch(37.9% .0853 88.3);
    --color-yellow-300: oklch(30.8% .0685 91.7);
    --color-yellow-200: oklch(24% .0526 95);
    --color-green-1300: oklch(95% .0292 163.7);
    --color-green-1200: oklch(92.2% .0586 163.7);
    --color-green-1100: oklch(89.2% .0899 163.7);
    --color-green-1000: oklch(85.2% .1324 163.7);
    --color-green-900: oklch(82.5% .164 163.7);
    --color-green-800: oklch(77% .1919 163.7);
    --color-green-700: oklch(67% .1831 167);
    --color-green-600: oklch(56.3% .1714 170.4);
    --color-green-500: oklch(47.4% .1481 173.7);
    --color-green-400: oklch(37.9% .1169 177);
    --color-green-300: oklch(30.8% .0938 180.4);
    --color-green-200: oklch(24% .0722 183.7);
    --theme-accent-200: var(--color-green-200);
    --theme-accent-300: var(--color-green-300);
    --theme-accent-400: var(--color-green-400);
    --theme-accent-500: var(--color-green-500);
    --theme-accent-600: var(--color-green-600);
    --theme-accent-700: var(--color-green-700);
    --theme-accent-800: var(--color-green-800);
    --theme-accent-900: var(--color-green-900);
    --theme-accent-1000: var(--color-green-1000);
    --theme-accent-1100: var(--color-green-1100);
    --theme-accent-1200: var(--color-green-1200);
    --theme-destructive-200: var(--color-red-200);
    --theme-destructive-300: var(--color-red-300);
    --theme-destructive-400: var(--color-red-400);
    --theme-destructive-500: var(--color-red-500);
    --theme-destructive-600: var(--color-red-600);
    --theme-destructive-700: var(--color-red-700);
    --theme-destructive-800: var(--color-red-800);
    --theme-destructive-900: var(--color-red-900);
    --theme-destructive-1000: var(--color-red-1000);
    --theme-destructive-1100: var(--color-red-1100);
    --theme-destructive-1200: var(--color-red-1200);
    --theme-success-300: var(--color-green-300);
    --theme-success-400: var(--color-green-400);
    --theme-success-500: var(--color-green-500);
    --theme-success-600: var(--color-green-600);
    --theme-success-700: var(--color-green-700);
    --theme-success-800: var(--color-green-800);
    --theme-success-1000: var(--color-green-1000);
    --theme-error-200: var(--color-red-200);
    --theme-error-300: var(--color-red-300);
    --theme-error-400: var(--color-red-400);
    --theme-error-500: var(--color-red-500);
    --theme-error-600: var(--color-red-600);
    --theme-error-700: var(--color-red-700);
    --theme-error-800: var(--color-red-800);
    --theme-error-900: var(--color-red-900);
    --theme-error-1000: var(--color-red-1000);
    --theme-error-1100: var(--color-red-1100);
    --theme-error-1200: var(--color-red-1200);
    --theme-notice-200: var(--color-yellow-200);
    --theme-notice-300: var(--color-yellow-300);
    --theme-notice-400: var(--color-yellow-400);
    --theme-notice-500: var(--color-yellow-500);
    --theme-notice-600: var(--color-yellow-600);
    --theme-notice-700: var(--color-yellow-700);
    --theme-notice-800: var(--color-yellow-800);
    --theme-notice-900: var(--color-yellow-900);
    --theme-notice-1000: var(--color-yellow-1000);
    --theme-notice-1100: var(--color-yellow-1100);
    --theme-notice-1200: var(--color-yellow-1200);
    --theme-info-200: var(--color-blue-200);
    --theme-info-300: var(--color-blue-300);
    --theme-info-400: var(--color-blue-400);
    --theme-info-500: var(--color-blue-500);
    --theme-info-600: var(--color-blue-600);
    --theme-info-700: var(--color-blue-700);
    --theme-info-800: var(--color-blue-800);
    --theme-info-900: var(--color-blue-900);
    --theme-info-1000: var(--color-blue-1000);
    --theme-info-1100: var(--color-blue-1100);
    --theme-info-1200: var(--color-blue-1200);
    --theme-accent-alt-200: var(--color-purple-200);
    --theme-accent-alt-300: var(--color-purple-300);
    --theme-accent-alt-400: var(--color-purple-400);
    --theme-accent-alt-500: var(--color-purple-500);
    --theme-accent-alt-600: var(--color-purple-600);
    --theme-accent-alt-700: var(--color-purple-700);
    --theme-accent-alt-800: var(--color-purple-800);
    --theme-accent-alt-900: var(--color-purple-900);
    --theme-accent-alt-1000: var(--color-purple-1000);
    --theme-accent-alt-1100: var(--color-purple-1100);
    --theme-accent-alt-1200: var(--color-purple-1200);
    --radius-md: .125rem;
    --animate-little-ping: little-ping 1.5s 3
  }
}

@layer base {
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }

  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid var(--stroke-default, currentColor);
    margin: 0;
    padding: 0
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid var(--stroke-default, currentColor);
    margin: 0;
    padding: 0
  }

  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
  }

  b,
  strong {
    font-weight: bolder
  }

  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em
  }

  small {
    font-size: 80%
  }

  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
  }

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
  }

  :-moz-focusring {
    outline: auto
  }

  progress {
    vertical-align: baseline
  }

  summary {
    display: list-item
  }

  ol,
  ul,
  menu {
    list-style: none
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block
  }

  img,
  video {
    max-width: 100%;
    height: auto
  }

  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
  }

  ::file-selector-button {
    margin-inline-end: 4px
  }

  ::placeholder {
    opacity: 1
  }

  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }

  textarea {
    resize: vertical
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
  }

  ::-webkit-datetime-edit {
    display: inline-flex
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
  }

  ::-webkit-datetime-edit {
    padding-block: 0
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1
  }

  :-moz-ui-invalid {
    box-shadow: none
  }

  button,
  input:where([type=button], [type=reset], [type=submit]) {
    appearance: button
  }

  ::file-selector-button {
    appearance: button
  }

  ::-webkit-inner-spin-button {
    height: auto
  }

  ::-webkit-outer-spin-button {
    height: auto
  }

  [hidden]:where(:not([hidden=until-found])) {
    display: none !important
  }

  @font-face {
    font-family: GT America Mono;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/GT-America-Mono-Regular-OCC.woff2)format("woff2"), url(/fonts/GT-America-Mono-Regular-OCC.woff)format("woff")
  }

  @font-face {
    font-family: SuisseIntl;
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/SuisseIntl-Light-WebS.woff2)format("woff2"), url(/fonts/SuisseIntl-Light-WebS.woff)format("woff")
  }

  @font-face {
    font-family: SuisseIntl;
    src: url(/fonts/SuisseIntl-Regular-WebS.woff2)format("woff2"), url(/fonts/SuisseIntl-Regular-WebS.woff)format("woff");
    font-style: normal;
    font-weight: 400
  }

  @font-face {
    font-family: SuisseIntl;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/SuisseIntl-RegularItalic-WebS.woff2)format("woff2"), url(/fonts/SuisseIntl-RegularItalic-WebS.woff)format("woff")
  }

  @font-face {
    font-family: SuisseIntl;
    src: url(/fonts/SuisseIntl-Medium-WebS.woff2)format("woff2"), url(/fonts/SuisseIntl-Medium-WebS.woff)format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap
  }
}

@layer components {
  .asciidoc-body .line-through {
    text-decoration: line-through
  }

  .asciidoc-body .quoteblock {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 8);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--stroke-default);
    color: var(--content-secondary);
    padding-left: 1.6rem
  }

  .asciidoc-body .quoteblock p {
    color: var(--content-secondary)
  }

  .asciidoc-body .quoteblock .attribution {
    margin-top: calc(var(--spacing) * 8);
    color: var(--content-raise)
  }

  .asciidoc-body .attribution cite {
    display: block
  }

  .asciidoc-body .admonitionblock .quoteblock {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
    border-color: var(--stroke-accent-secondary);
    padding-left: .75rem
  }

  .asciidoc-body .admonition-content .paragraph {
    margin-bottom: calc(var(--spacing) * 1)
  }

  .asciidoc-body .admonition-content .paragraph:last-child {
    margin-bottom: calc(var(--spacing) * 0)
  }

  .asciidoc-body .admonition-content>div:first-of-type {
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    text-transform: none;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.125rem
  }

  .asciidoc-body .imageblock img {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-tertiary);
    object-fit: contain;
    border-radius: .25rem;
    width: 100%;
    height: auto;
    max-height: max(500px, 75vh);
    margin-inline: auto
  }

  .asciidoc-body span img {
    display: inline
  }

  .asciidoc-body img.transparent-dark {
    background-color: var(--surface-secondary)
  }

  .asciidoc-body p a {
    color: var(--content-accent-secondary)
  }

  @media (hover:hover) {
    .asciidoc-body p a:hover {
      color: var(--content-accent)
    }
  }

  .asciidoc-body p a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-decoration: underline;
    -webkit-text-decoration-color: var(--content-accent-tertiary);
    -webkit-text-decoration-color: var(--content-accent-tertiary);
    -webkit-text-decoration-color: var(--content-accent-tertiary);
    text-decoration-color: var(--content-accent-tertiary)
  }

  .asciidoc-body strong {
    --tw-font-weight: 500;
    color: var(--content-raise);
    font-weight: 500
  }

  .asciidoc-body a strong {
    color: var(--content-accent-secondary)
  }

  .asciidoc-body h2,
  .asciidoc-body h3,
  .asciidoc-body h4,
  .asciidoc-body h5 {
    margin-top: calc(var(--spacing) * 10);
    margin-bottom: calc(var(--spacing) * 3);
    color: var(--content-raise);
    position: relative
  }

  .asciidoc-body#content>.sect1:first-of-type>h1:first-child,
  .asciidoc-body#content>.sect1:first-of-type>h2:first-child,
  .asciidoc-body#content>.sect1:first-of-type>h3:first-child,
  .asciidoc-body#content>.sect1:first-of-type>h4:first-child,
  .asciidoc-body#content>.sect1:first-of-type>h5:first-child {
    margin-top: calc(var(--spacing) * 0)
  }

  .asciidoc-body h1 a,
  .asciidoc-body h2 a,
  .asciidoc-body h3 a,
  .asciidoc-body h4 a,
  .asciidoc-body h5 a {
    color: var(--content-raise);
    display: inline
  }

  .asciidoc-body h1[data-sectnum]:before,
  .asciidoc-body h2[data-sectnum]:before,
  .asciidoc-body h3[data-sectnum]:before,
  .asciidoc-body h4[data-sectnum]:before,
  .asciidoc-body h5[data-sectnum]:before {
    bottom: calc(var(--spacing) * 0);
    margin-right: calc(var(--spacing) * 2);
    color: var(--content-tertiary);
    display: inline-block
  }

  @media (width>=800px) {

    .asciidoc-body h1[data-sectnum]:before,
    .asciidoc-body h2[data-sectnum]:before,
    .asciidoc-body h3[data-sectnum]:before,
    .asciidoc-body h4[data-sectnum]:before,
    .asciidoc-body h5[data-sectnum]:before {
      margin-right: calc(var(--spacing) * 0);
      text-align: right;
      width: 60px;
      font-family: var(--font-sans);
      letter-spacing: .0175rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.375rem;
      position: absolute;
      left: -72px
    }

    .asciidoc-body h3[data-sectnum]:before,
    .asciidoc-body h2[data-sectnum]:before {
      bottom: 2px
    }
  }

  .asciidoc-body h2 {
    font-family: var(--font-sans);
    letter-spacing: .015rem;
    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 2rem
  }

  .asciidoc-body h3 {
    font-family: var(--font-sans);
    letter-spacing: .0125rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem
  }

  .asciidoc-body h4,
  .asciidoc-body h5 {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 2);
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    color: var(--content-raise);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
  }

  .asciidoc-body .anchor,
  .asciidoc-body .sectionanchor {
    margin-top: calc(var(--header-height) * -1 - 20px);
    visibility: hidden;
    -webkit-user-select: none;
    user-select: none;
    position: absolute
  }

  .asciidoc-body .dlist dt {
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    color: var(--content-raise);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
  }

  .asciidoc-body .dlist dt:after {
    content: ":";
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    color: var(--content-tertiary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
  }

  .asciidoc-body figure svg {
    line-height: 1 !important
  }

  .asciidoc-body p {
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    margin-bottom: 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    --tw-leading: 1.5 !important;
    line-height: 1.5 !important
  }

  @media (width>=800px) {
    .asciidoc-body p {
      margin-bottom: calc(var(--spacing) * 3)
    }
  }

  .asciidoc-body ul li,
  .asciidoc-body ol li {
    margin-top: .325rem
  }

  .asciidoc-body ul,
  .asciidoc-body ol {
    margin-bottom: calc(var(--spacing) * 3);
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    list-style-type: disc
  }

  .asciidoc-body li::marker {
    color: currentColor
  }

  @supports (color:color-mix(in lab, red, red)) {
    .asciidoc-body li::marker {
      color: color-mix(in srgb, currentColor 60%, transparent)
    }
  }

  .asciidoc-body ol::marker {
    color: currentColor
  }

  @supports (color:color-mix(in lab, red, red)) {
    .asciidoc-body ol::marker {
      color: color-mix(in srgb, currentColor 60%, transparent)
    }
  }

  .asciidoc-body ul p,
  .asciidoc-body ol p {
    text-transform: none
  }

  .asciidoc-body ul ul,
  .asciidoc-body ul ol,
  .asciidoc-body ol ol,
  .asciidoc-body ol ul {
    margin-bottom: calc(var(--spacing) * 0)
  }

  .asciidoc-body ul ul li {
    list-style-type: circle
  }

  .asciidoc-body ul ul ul li {
    list-style-type: square
  }

  .asciidoc-body ul ul ul ul li,
  .asciidoc-body ul {
    list-style-type: disc
  }

  .asciidoc-body ol {
    list-style-type: decimal
  }

  .asciidoc-body ul,
  .asciidoc-body ol {
    list-style-position: inside
  }

  @media (width>=800px) {

    .asciidoc-body ul,
    .asciidoc-body ol {
      list-style-position: outside
    }

    .asciidoc-body ul:first-of-type,
    .asciidoc-body .github-markdown>ul {
      margin-left: calc(var(--spacing) * 4)
    }

    .asciidoc-body ol:first-of-type,
    .asciidoc-body .github-markdown>ol {
      margin-left: calc(var(--spacing) * 6)
    }
  }

  .asciidoc-body .tableblock ul,
  .asciidoc-body .tableblock ol,
  .asciidoc-body .quoteblock ul,
  .asciidoc-body .quoteblock ol {
    list-style-position: inside
  }

  .asciidoc-body .ulist .ulist,
  .asciidoc-body .ulist .olist,
  .asciidoc-body .olist .ulist,
  .asciidoc-body .olist .olist {
    margin-left: 2rem
  }

  @media (width>=800px) {

    .asciidoc-body .ulist .ulist,
    .asciidoc-body .ulist .olist,
    .asciidoc-body .olist .ulist,
    .asciidoc-body .olist .olist {
      margin-left: calc(var(--spacing) * 2)
    }
  }

  .asciidoc-body .exampleblock ul,
  .asciidoc-body .exampleblock ol {
    list-style-position: inside
  }

  .asciidoc-body ul p,
  .asciidoc-body ol p {
    display: inline
  }

  .asciidoc-body p {
    color: var(--content-default)
  }

  .asciidoc-body .lead p {
    color: var(--content-raise)
  }

  .asciidoc-body .arabic {
    list-style-type: decimal
  }

  .asciidoc-body .loweralpha {
    list-style-type: lower-alpha
  }

  .asciidoc-body .lowerroman {
    list-style-type: lower-roman
  }

  .asciidoc-body .upperalpha {
    list-style-type: upper-alpha
  }

  .asciidoc-body .upperroman {
    list-style-type: upper-roman
  }

  .asciidoc-body ol p {
    color: var(--content-default);
    text-transform: none
  }

  .asciidoc-body p code,
  .asciidoc-body h1 code,
  .asciidoc-body h2 code,
  .asciidoc-body h3 code,
  .asciidoc-body h4 code,
  .asciidoc-body h5 code,
  .asciidoc-body .title code {
    color: var(--content-default);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    background-color: var(--surface-raise);
    vertical-align: 1px;
    border-radius: .125rem;
    margin-left: 1px;
    margin-right: 1px;
    padding-block: 1px;
    padding-inline: 4px;
    font-size: .825em
  }

  .asciidoc-body p a code {
    color: var(--content-accent-secondary)
  }

  .asciidoc-body table p code {
    overflow-wrap: normal;
    word-break: normal
  }

  .asciidoc-body .admonitionblock p code {
    --tw-border-style: none;
    background-color: var(--surface-accent-inverse);
    color: var(--content-inverse);
    border-style: none
  }

  .asciidoc-body pre {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    border-radius: .25rem;
    padding-block: 1rem;
    padding-inline: 1.25rem
  }

  @media (width>=800px) {
    .asciidoc-body pre {
      padding-block: 1.5rem;
      padding-inline: 1.75rem
    }
  }

  .asciidoc-body pre {
    font-family: var(--font-mono);
    letter-spacing: 0;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-feature-settings: "calt" 0;
    letter-spacing: 0;
    font-size: .825em;
    font-weight: 400;
    line-height: 1rem;
    overflow-x: auto;
    text-transform: none !important;
    font-size: 13px !important
  }

  .asciidoc-body code {
    font-feature-settings: "calt" 0
  }

  .asciidoc-body .listingblock .content {
    position: relative
  }

  .asciidoc-body .listingblock pre:not(.highlight) {
    color: var(--content-default)
  }

  .asciidoc-body .listingblock code[data-lang]:before {
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 2);
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    color: var(--content-secondary);
    content: attr(data-lang);
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1rem;
    display: block;
    position: absolute
  }

  .asciidoc-body pre .conum[data-value] {
    background-color: var(--surface-raise);
    text-align: center;
    min-width: 1rem;
    height: 1rem;
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    color: var(--content-secondary);
    border-radius: 624.938rem;
    font-size: .6875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    display: inline-block;
    position: relative;
    top: -.125rem
  }

  .asciidoc-body pre .conum[data-value]:after {
    content: attr(data-value);
    padding-left: 1px
  }

  .asciidoc-body pre .conum[data-value]+b {
    display: none
  }

  .asciidoc-body .exampleblock {
    background-color: var(--surface-raise);
    border-radius: .25rem;
    padding-block: 1.25rem;
    padding-inline: 1.5rem;
    overflow-x: auto
  }

  .asciidoc-body .exampleblock p {
    margin-bottom: calc(var(--spacing) * 2);
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem
  }

  .asciidoc-body .exampleblock .content,
  .asciidoc-body .exampleblock .paragraph:last-of-type p {
    margin: calc(var(--spacing) * 0)
  }

  .asciidoc-body .exampleblock>.content {
    margin-block: 1rem
  }

  .asciidoc-body .admonitionblock {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-accent-tertiary);
    background-color: var(--surface-accent);
    color: var(--content-accent);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-radius: .25rem;
    margin-block: 1.5rem;
    display: flex
  }

  .asciidoc-body .admonition-content p {
    color: currentColor
  }

  .asciidoc-body .admonitionblock a {
    text-decoration-color: currentColor
  }

  @supports (color:color-mix(in lab, red, red)) {
    .asciidoc-body .admonitionblock a {
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      text-decoration-color: color-mix(in srgb, currentColor 60%, transparent)
    }
  }

  .asciidoc-body .admonitionblock strong {
    color: var(--content-accent)
  }

  .asciidoc-body .admonitionblock .quoteblock {
    border-color: var(--stroke-accent-secondary)
  }

  .asciidoc-body .admonitionblock,
  .asciidoc-body .admonitionblock blockquote {
    color: var(--content-accent)
  }

  .asciidoc-body .admonitionblock a {
    color: var(--content-accent);
    text-decoration-line: underline
  }

  .asciidoc-body .admonition-icon svg {
    margin-top: calc(var(--spacing) * .5);
    margin-right: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3)
  }

  .asciidoc-body .admonition-content {
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem
  }

  @media (width>=800px) {
    .asciidoc-body .admonition-content {
      margin-right: 1.25rem
    }
  }

  .asciidoc-body .admonition-content p {
    margin-bottom: calc(var(--spacing) * 0);
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem
  }

  .asciidoc-body .imageblock,
  .asciidoc-body .table-wrapper {
    margin-block: calc(var(--spacing) * 6)
  }

  .asciidoc-body .imageblock.inlineimage {
    margin-block: calc(var(--spacing) * 3)
  }

  .asciidoc-body table.tableblock table.tableblock {
    margin-block: calc(var(--spacing) * 2)
  }

  .asciidoc-body table.tableblock .imageblock {
    margin-block: calc(var(--spacing) * 0)
  }

  .asciidoc-body .imageblock .title {
    margin-top: calc(var(--spacing) * 3);
    text-align: center;
    max-width: 100%;
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    color: var(--content-secondary);
    font-size: .6875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem
  }

  .asciidoc-body img.wide {
    width: 125%;
    max-width: none;
    margin-left: -12.5%
  }

  .asciidoc-body sup.footnote {
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    color: var(--content-secondary);
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1rem
  }

  .asciidoc-body sup.footnote a {
    padding-top: calc(var(--header-height) + 20px);
    margin-top: calc(var(--header-height) * -1 - 20px)
  }

  .asciidoc-body .imageblock,
  .asciidoc-body .literalblock,
  .asciidoc-body .listingblock,
  .asciidoc-body .stemblock,
  .asciidoc-body .videoblock,
  .asciidoc-body .exampleblock {
    margin-block: 2rem
  }

  .asciidoc-body .title {
    margin-bottom: calc(var(--spacing) * 2);
    text-align: left;
    max-width: 40rem;
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    color: var(--content-secondary);
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.375rem
  }

  .asciidoc-body summary.title {
    color: var(--content-raise);
    font-style: normal
  }

  .asciidoc-body .conum {
    display: inline-block
  }

  .asciidoc-body .table-wrapper {
    position: relative;
    overflow-x: auto
  }

  .asciidoc-body .table-wrapper caption {
    left: calc(var(--spacing) * 0);
    text-align: left;
    position: sticky
  }

  .asciidoc-body .table-wrapper caption>a {
    text-decoration-line: none
  }

  .asciidoc-body table {
    border-collapse: separate;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    width: 100%;
    padding: calc(var(--spacing) * 0);
    border-spacing: 0;
    border-radius: .25rem;
    overflow: hidden
  }

  .asciidoc-body table p {
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem
  }

  .asciidoc-body table td,
  .asciidoc-body table th {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--stroke-secondary);
    vertical-align: top;
    padding-block: .5rem;
    padding-inline: .5rem
  }

  .asciidoc-body table tr th:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0
  }

  .asciidoc-body tbody>tr:last-child>td,
  .asciidoc-body tbody>tr:last-child>th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  .asciidoc-body tbody tr td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0
  }

  .asciidoc-body table th {
    background-color: var(--surface-raise);
    text-align: left;
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    color: var(--content-secondary);
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1rem
  }

  .asciidoc-body table th p {
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1rem
  }

  .asciidoc-body table td {
    padding-block: .5rem
  }

  .asciidoc-body table pre {
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 0);
    border-width: 0
  }

  .asciidoc-body table p {
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0)
  }

  .asciidoc-body .colist table {
    margin-block: 1.5rem
  }

  .asciidoc-body .colist table td {
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem
  }

  .asciidoc-body .colist table tr td:first-of-type {
    white-space: nowrap;
    width: 1%;
    color: var(--content-tertiary)
  }

  .asciidoc-body .colist table b {
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
  }

  .asciidoc-body div.bibliography~h2 {
    margin-top: calc(var(--spacing) * 12)
  }

  @media (width>=800px) {
    .asciidoc-body div.bibliography~h2 {
      margin-top: calc(var(--spacing) * 16)
    }
  }

  :where(:is(.asciidoc-body .bibliography ul, .asciidoc-body .bibliography ol)>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
  }

  .asciidoc-body mark {
    background-color: var(--surface-notice);
    color: var(--content-notice);
    border-radius: .125rem;
    padding-inline: 2px
  }

  .asciidoc-body .steminline svg {
    display: inline
  }

  .asciidoc-body hr {
    margin-block: calc(var(--spacing) * 3);
    border-color: var(--stroke-default)
  }

  .asciidoc-body .sidebarblock {
    margin-block: calc(var(--spacing) * 8);
    background-color: var(--surface-raise);
    padding: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5);
    border-radius: .25rem
  }

  .asciidoc-body .halign-left {
    text-align: left
  }

  .asciidoc-body .halign-right {
    text-align: right
  }

  .asciidoc-body .halign-center {
    text-align: center
  }

  .asciidoc-body .valign-top {
    vertical-align: top
  }

  .asciidoc-body .valign-bottom {
    vertical-align: bottom
  }

  .asciidoc-body .valign-middle {
    vertical-align: middle
  }

  .asciidoc-body .paragraph.lead p {
    font-family: var(--font-sans);
    letter-spacing: .0125rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem
  }

  .asciidoc-body a:not(:is(h1, h2, h3, h4, h5, h6) a) {
    text-decoration-color: currentColor
  }

  @supports (color:color-mix(in lab, red, red)) {
    .asciidoc-body a:not(:is(h1, h2, h3, h4, h5, h6) a) {
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      text-decoration-color: color-mix(in srgb, currentColor 60%, transparent)
    }
  }

  .asciidoc-body a:not(:is(h1, h2, h3, h4, h5, h6) a) {
    color: var(--content-accent-secondary);
    text-decoration-line: underline
  }

  #footnotes p a {
    color: var(--content-accent-secondary)
  }

  @media (hover:hover) {
    #footnotes p a:hover {
      color: var(--content-accent)
    }
  }

  #footnotes p a {
    text-decoration: underline
  }

  @supports (color:color-mix(in lab, red, red)) {
    #footnotes p a {
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      text-decoration-color: color-mix(in srgb, currentColor 60%, transparent)
    }
  }

  #footnotes p code {
    color: var(--content-secondary);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    background-color: var(--surface-raise);
    vertical-align: 1px;
    border-radius: .125rem;
    margin-left: 1px;
    margin-right: 1px;
    padding-block: 1px;
    padding-inline: 4px;
    font-size: .825em
  }

  .toc .active code {
    border-color: var(--stroke-accent-tertiary)
  }

  .toc code {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    vertical-align: 1px;
    border-radius: .125rem;
    margin-left: 1px;
    margin-right: 1px;
    padding-inline: 3px
  }

  @media screen and (width>=720px) {
    .animated-accordion[data-state=open].hydrated {
      animation: .3s cubic-bezier(.87, 0, .13, 1) accordionSlideDown
    }

    .animated-accordion[data-state=closed].hydrated {
      animation: .3s cubic-bezier(.87, 0, .13, 1) accordionSlideUp
    }

    .animated-accordion {
      overflow: hidden
    }
  }

  @media screen and (prefers-reduced-motion) {

    .animated-accordion[data-state=open],
    .animated-accordion[data-state=closed] {
      animation-name: none
    }
  }

  @keyframes accordionSlideDown {
    0% {
      height: 0
    }

    to {
      height: var(--radix-accordion-content-height)
    }
  }

  @keyframes accordionSlideUp {
    0% {
      height: var(--radix-accordion-content-height)
    }

    to {
      height: 0
    }
  }

  @media print {
    html {
      font-size: 14px !important
    }

    a {
      text-decoration: underline;
      color: inherit !important
    }

    a.bare,
    a[href^=\#],
    a[href^=mailto\:] {
      text-decoration: none
    }

    tr,
    img,
    object,
    svg {
      break-inside: avoid
    }

    thead {
      display: table-header-group
    }

    pre {
      -webkit-hyphens: none;
      hyphens: none;
      white-space: pre-wrap
    }

    h1 {
      font-size: 2.5rem !important;
      line-height: 1 !important
    }

    @page {
      margin-top: 2cm;
      margin-bottom: 2cm
    }

    :root,
    .yellow-theme,
    .purple-theme,
    .green-theme,
    .blue-theme,
    .red-theme {
      --surface-default: white;
      --surface-default-p3: var(--surface-default);
      --content-default: black;
      --content-default-p3: var(--content-default);
      --content-secondary: #000c;
      --content-secondary-p3: var(--content-secondary);
      --content-tertiary: var(--content-secondary);
      --content-tertiary-p3: var(--content-secondary);
      --content-raise: var(--content-default);
      --content-raise-p3: var(--content-default);
      --surface-raise: #0000001a;
      --surface-raise-p3: var(--surface-raise);
      --surface-inverse: var(--surface-raise);
      --surface-inverse-p3: var(--surface-raise);
      --stroke-default: var(--content-secondary);
      --stroke-default-p3: var(--content-secondary)
    }

    p a {
      text-decoration-color: #000 !important
    }

    p {
      color: #000 !important
    }

    .imageblock img {
      border: 0
    }

    .admonitionblock {
      color: var(--content-raise) !important;
      background-color: var(--surface-raise) !important
    }

    .asciidoc-body h1[data-sectnum]:before,
    .asciidoc-body h2[data-sectnum]:before,
    .asciidoc-body h3[data-sectnum]:before,
    .asciidoc-body h4[data-sectnum]:before,
    .asciidoc-body h5[data-sectnum]:before {
      display: none !important
    }

    .asciidoc-body h1,
    .asciidoc-body h2,
    .asciidoc-body h3,
    .asciidoc-body h4,
    .asciidoc-body h5 {
      margin-left: calc(var(--spacing) * 0);
      padding-left: calc(var(--spacing) * 0)
    }

    .asciidoc-body .paragraph {
      max-width: 80vw
    }
  }

  p a:hover {
    text-decoration-line: underline
  }

  @keyframes slideUpAndFade {
    0% {
      opacity: 0;
      transform: translateY(2px)
    }

    to {
      opacity: 1;
      transform: translateY(0)
    }
  }
}

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto
  }

  .pointer-events-none {
    pointer-events: none
  }

  .collapse {
    visibility: collapse
  }

  .invisible {
    visibility: hidden
  }

  .visible {
    visibility: visible
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
  }

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .static {
    position: static
  }

  .sticky {
    position: sticky
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0)
  }

  .start {
    inset-inline-start: var(--spacing)
  }

  .end {
    inset-inline-end: var(--spacing)
  }

  .-top-2 {
    top: calc(var(--spacing) * -2)
  }

  .top-\(--header-height\) {
    top: var(--header-height)
  }

  .top-0 {
    top: calc(var(--spacing) * 0)
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5)
  }

  .top-1\/2 {
    top: 50%
  }

  .top-20 {
    top: calc(var(--spacing) * 20)
  }

  .top-\[7px\] {
    top: 7px
  }

  .top-\[calc\(2rem\+var\(--header-height\)\)\] {
    top: calc(2rem + var(--header-height))
  }

  .top-\[calc\(max\(100\%-120px\,600px\)\)\] {
    top: calc(max(100% - 120px, 600px))
  }

  .top-\[calc\(var\(--header-height\)\+1\.5rem\)\] {
    top: calc(var(--header-height) + 1.5rem)
  }

  .top-\[calc\(var\(--header-height\)-1px\)\] {
    top: calc(var(--header-height) - 1px)
  }

  .right-0 {
    right: calc(var(--spacing) * 0)
  }

  .right-3 {
    right: calc(var(--spacing) * 3)
  }

  .right-4 {
    right: calc(var(--spacing) * 4)
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0)
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4)
  }

  .left-0 {
    left: calc(var(--spacing) * 0)
  }

  .left-0\.5 {
    left: calc(var(--spacing) * .5)
  }

  .left-1 {
    left: calc(var(--spacing) * 1)
  }

  .left-1\/2 {
    left: 50%
  }

  .left-4 {
    left: calc(var(--spacing) * 4)
  }

  .isolate {
    isolation: isolate
  }

  .-z-10 {
    z-index: calc(10 * -1)
  }

  .z-0 {
    z-index: 0
  }

  .z-10 {
    z-index: 10
  }

  .z-20 {
    z-index: 20
  }

  .z-30 {
    z-index: 30
  }

  .z-40 {
    z-index: 40
  }

  .z-50 {
    z-index: 50
  }

  .z-\[-1\] {
    z-index: -1
  }

  .order-1 {
    order: 1
  }

  .order-2 {
    order: 2
  }

  .col-span-6 {
    grid-column: span 6/span 6
  }

  .col-span-12 {
    grid-column: span 12/span 12
  }

  .container {
    width: 100%
  }

  @media (width>=300px) {
    .container {
      max-width: 300px
    }
  }

  @media (width>=400px) {
    .container {
      max-width: 400px
    }
  }

  @media (width>=500px) {
    .container {
      max-width: 500px
    }
  }

  @media (width>=600px) {
    .container {
      max-width: 600px
    }
  }

  @media (width>=700px) {
    .container {
      max-width: 700px
    }
  }

  @media (width>=800px) {
    .container {
      max-width: 800px
    }
  }

  @media (width>=900px) {
    .container {
      max-width: 900px
    }
  }

  @media (width>=1000px) {
    .container {
      max-width: 1000px
    }
  }

  @media (width>=1100px) {
    .container {
      max-width: 1100px
    }
  }

  @media (width>=1200px) {
    .container {
      max-width: 1200px
    }
  }

  @media (width>=1300px) {
    .container {
      max-width: 1300px
    }
  }

  @media (width>=1400px) {
    .container {
      max-width: 1400px
    }
  }

  @media (width>=1600px) {
    .container {
      max-width: 1600px
    }
  }

  @media (width>=40rem) {
    .container {
      max-width: 40rem
    }
  }

  @media (width>=48rem) {
    .container {
      max-width: 48rem
    }
  }

  @media (width>=64rem) {
    .container {
      max-width: 64rem
    }
  }

  @media (width>=80rem) {
    .container {
      max-width: 80rem
    }
  }

  @media (width>=96rem) {
    .container {
      max-width: 96rem
    }
  }

  .-m-1 {
    margin: calc(var(--spacing) * -1)
  }

  .-m-2 {
    margin: calc(var(--spacing) * -2)
  }

  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6)
  }

  .mx-0\! {
    margin-inline: calc(var(--spacing) * 0) !important
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4)
  }

  .mx-auto {
    margin-inline: auto
  }

  .response-description {
    max-width: 620px;
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    color: var(--content-secondary);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem
  }

  .response-description ul,
  .response-description ol {
    color: var(--content-default);
    text-transform: none
  }

  .response-description blockquote {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 4);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--stroke-default);
    padding-left: calc(var(--spacing) * 4)
  }

  .response-description blockquote p {
    color: var(--content-secondary)
  }

  .response-description p code {
    background-color: var(--surface-default);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    vertical-align: 1px;
    border-radius: .0625rem;
    margin-left: 1px;
    margin-right: 1px;
    padding-block: 1px;
    padding-inline: 4px;
    font-size: .825em
  }

  .response-description pre {
    margin-block: calc(var(--spacing) * 4);
    background-color: var(--surface-default);
    color: var(--content-default)
  }

  .response-description p {
    margin-bottom: calc(var(--spacing) * 1)
  }

  .response-description :last-child {
    margin-bottom: calc(var(--spacing) * 0)
  }

  .schema-description {
    max-width: 620px;
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    color: var(--content-secondary);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem
  }

  .schema-description ul,
  .schema-description ol {
    color: var(--content-default);
    text-transform: none
  }

  .schema-description blockquote {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 4);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--stroke-default);
    padding-left: calc(var(--spacing) * 4)
  }

  .schema-description blockquote p {
    color: var(--content-secondary)
  }

  .schema-description p code {
    background-color: var(--surface-default);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    vertical-align: 1px;
    border-radius: .0625rem;
    margin-left: 1px;
    margin-right: 1px;
    padding-block: 1px;
    padding-inline: 4px;
    font-size: .825em
  }

  .schema-description pre {
    margin-block: calc(var(--spacing) * 4);
    background-color: var(--surface-default);
    color: var(--content-default)
  }

  .schema-description p {
    margin-bottom: calc(var(--spacing) * 1)
  }

  .schema-description :last-child {
    margin-bottom: calc(var(--spacing) * 0)
  }

  .bot-markdown-body.asciidoc-body p {
    margin-bottom: calc(var(--spacing) * 2);
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem
  }

  .bot-markdown-body.asciidoc-body ul,
  .bot-markdown-body.asciidoc-body ol {
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    color: var(--content-default);
    text-transform: none;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem
  }

  .bot-markdown-body.asciidoc-body blockquote {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 4);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--stroke-default);
    padding-left: calc(var(--spacing) * 4)
  }

  .bot-markdown-body.asciidoc-body blockquote p {
    color: var(--content-tertiary)
  }

  .bot-markdown-body.asciidoc-body p code {
    background-color: var(--surface-default);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    vertical-align: 1px;
    border-radius: .0625rem;
    margin-left: 1px;
    margin-right: 1px;
    padding-block: 1px;
    padding-inline: 4px;
    font-size: .75rem
  }

  .bot-markdown-body.asciidoc-body ul code,
  .bot-markdown-body.asciidoc-body pre code {
    font-size: .75rem
  }

  .bot-markdown-body.asciidoc-body pre {
    margin-block: calc(var(--spacing) * 4);
    background-color: var(--surface-default);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    color: var(--content-default)
  }

  .bot-markdown-body.asciidoc-body p {
    margin-bottom: calc(var(--spacing) * 1)
  }

  .bot-markdown-body.asciidoc-body :last-child {
    margin-bottom: calc(var(--spacing) * 0)
  }

  .asciidoc-body.markdown-body p {
    margin-bottom: calc(var(--spacing) * 2);
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
  }

  .asciidoc-body.markdown-body ul,
  .asciidoc-body.markdown-body ol {
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
  }

  .asciidoc-body .markdown-body ul,
  .asciidoc-body .markdown-body ol {
    color: var(--content-default);
    text-transform: none
  }

  .asciidoc-body .markdown-body blockquote {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 4);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--stroke-default);
    padding-left: calc(var(--spacing) * 4)
  }

  .asciidoc-body .markdown-body blockquote p {
    color: var(--content-secondary)
  }

  .asciidoc-body .markdown-body p code {
    background-color: var(--surface-default);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    vertical-align: 1px;
    border-radius: .0625rem;
    margin-left: 1px;
    margin-right: 1px;
    padding-block: 1px;
    padding-inline: 4px;
    font-size: .825em
  }

  .asciidoc-body .markdown-body pre {
    margin-block: calc(var(--spacing) * 4);
    background-color: var(--surface-default);
    color: var(--content-default)
  }

  .asciidoc-body .markdown-body p {
    margin-bottom: calc(var(--spacing) * 1)
  }

  .asciidoc-body .markdown-body :last-child {
    margin-bottom: calc(var(--spacing) * 0)
  }

  .cli-markdown-body.asciidoc-body p {
    margin-bottom: calc(var(--spacing) * 2);
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
  }

  .cli-markdown-body.asciidoc-body ul,
  .cli-markdown-body.asciidoc-body ol {
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    color: var(--content-default);
    text-transform: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
  }

  .cli-markdown-body.asciidoc-body blockquote {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 4);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--stroke-default);
    padding-left: calc(var(--spacing) * 4)
  }

  .cli-markdown-body.asciidoc-body blockquote p {
    color: var(--content-secondary)
  }

  .cli-markdown-body.asciidoc-body p code {
    background-color: var(--surface-default);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    vertical-align: 1px;
    border-radius: .0625rem;
    margin-left: 1px;
    margin-right: 1px;
    padding-block: 1px;
    padding-inline: 4px;
    font-size: .825em
  }

  .cli-markdown-body.asciidoc-body pre {
    margin-block: calc(var(--spacing) * 4);
    background-color: var(--surface-default);
    color: var(--content-default)
  }

  .cli-markdown-body.asciidoc-body p {
    margin-bottom: calc(var(--spacing) * 1)
  }

  .cli-markdown-body.asciidoc-body :last-child {
    margin-bottom: calc(var(--spacing) * 0)
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1)
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3)
  }

  .my-10\! {
    margin-block: calc(var(--spacing) * 10) !important
  }

  .my-12 {
    margin-block: calc(var(--spacing) * 12)
  }

  .-mt-8 {
    margin-top: calc(var(--spacing) * -8)
  }

  .-mt-px {
    margin-top: -1px
  }

  .mt-0\! {
    margin-top: calc(var(--spacing) * 0) !important
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1)
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2)
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3)
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4)
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6)
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8)
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16)
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20)
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1)
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5)
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2)
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3)
  }

  .mr-8 {
    margin-right: calc(var(--spacing) * 8)
  }

  .mr-\[4px\] {
    margin-right: 4px
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0)
  }

  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1)
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2)
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3)
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4)
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5)
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8)
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10)
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12)
  }

  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20)
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1)
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5)
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2)
  }

  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5)
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3)
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4)
  }

  .ml-auto {
    margin-left: auto
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
  }

  .block {
    display: block
  }

  .contents {
    display: contents
  }

  .flex {
    display: flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .inline {
    display: inline
  }

  .inline-block {
    display: inline-block
  }

  .inline-flex {
    display: inline-flex
  }

  .table {
    display: table
  }

  .h-\(--header-height\) {
    height: var(--header-height)
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5)
  }

  .h-3 {
    height: calc(var(--spacing) * 3)
  }

  .h-4 {
    height: calc(var(--spacing) * 4)
  }

  .h-5 {
    height: calc(var(--spacing) * 5)
  }

  .h-6 {
    height: calc(var(--spacing) * 6)
  }

  .h-8 {
    height: calc(var(--spacing) * 8)
  }

  .h-10 {
    height: calc(var(--spacing) * 10)
  }

  .h-12 {
    height: calc(var(--spacing) * 12)
  }

  .h-\[14px\] {
    height: 14px
  }

  .h-\[34px\] {
    height: 34px
  }

  .h-\[50px\] {
    height: 50px
  }

  .h-\[60vh\] {
    height: 60vh
  }

  .h-\[73px\] {
    height: 73px
  }

  .h-\[120px\] {
    height: 120px
  }

  .h-\[860px\] {
    height: 860px
  }

  .h-\[calc\(100\%\+1px\)\] {
    height: calc(100% + 1px)
  }

  .h-\[calc\(100\%-6rem\)\] {
    height: calc(100% - 6rem)
  }

  .h-\[calc\(100\%-12px\)\] {
    height: calc(100% - 12px)
  }

  .h-auto {
    height: auto
  }

  .h-full {
    height: 100%
  }

  .h-px {
    height: 1px
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72)
  }

  .max-h-\[30vh\] {
    max-height: 30vh
  }

  .max-h-\[60vh\] {
    max-height: 60vh
  }

  .max-h-\[720px\] {
    max-height: 720px
  }

  .max-h-\[calc\(100vh-8rem-var\(--header-height\)\)\] {
    max-height: calc(100vh - 8rem - var(--header-height))
  }

  .max-h-\[calc\(100vh-32px-var\(--header-height\)-var\(--toc-header-height\)\)\] {
    max-height: calc(100vh - 32px - var(--header-height) - var(--toc-header-height))
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12)
  }

  .min-h-full {
    min-height: 100%
  }

  .min-h-screen {
    min-height: 100vh
  }

  .w-\(--release-note-timeline-width\) {
    width: var(--release-note-timeline-width)
  }

  .w-\(--toc-width\) {
    width: var(--toc-width)
  }

  .w-2 {
    width: calc(var(--spacing) * 2)
  }

  .w-3 {
    width: calc(var(--spacing) * 3)
  }

  .w-4 {
    width: calc(var(--spacing) * 4)
  }

  .w-8 {
    width: calc(var(--spacing) * 8)
  }

  .w-10 {
    width: calc(var(--spacing) * 10)
  }

  .w-\[16rem\] {
    width: 16rem
  }

  .w-\[34px\] {
    width: 34px
  }

  .w-\[70px\] {
    width: 70px
  }

  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem)
  }

  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem)
  }

  .w-auto {
    width: auto
  }

  .w-full {
    width: 100%
  }

  .w-px {
    width: 1px
  }

  .max-w-2xl {
    max-width: var(--container-2xl)
  }

  .max-w-3xl {
    max-width: var(--container-3xl)
  }

  .max-w-72 {
    max-width: calc(var(--spacing) * 72)
  }

  .max-w-400 {
    max-width: calc(var(--spacing) * 400)
  }

  .max-w-\[24rem\] {
    max-width: 24rem
  }

  .max-w-\[840px\] {
    max-width: 840px
  }

  .max-w-\[1440px\] {
    max-width: 1440px
  }

  .max-w-\[calc\(1440px-var\(--sidebar-width\)\)\] {
    max-width: calc(1440px - var(--sidebar-width))
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48)
  }

  .flex-1 {
    flex: 1
  }

  .flex-shrink-0 {
    flex-shrink: 0
  }

  .shrink {
    flex-shrink: 1
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .grow {
    flex-grow: 1
  }

  .grow-0 {
    flex-grow: 0
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * -.5);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-rotate-90 {
    rotate: -90deg
  }

  .rotate-90 {
    rotate: 90deg
  }

  .rotate-180 {
    rotate: 180deg
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
  }

  @media screen and (width>=720px) {
    .accordion-content[data-state=open].hydrated {
      animation: .3s cubic-bezier(.87, 0, .13, 1) accordionSlideDown
    }

    .accordion-content[data-state=closed].hydrated {
      animation: .3s cubic-bezier(.87, 0, .13, 1) accordionSlideUp
    }

    .accordion-content {
      overflow: hidden
    }
  }

  @media screen and (prefers-reduced-motion) {

    .accordion-content[data-state=open],
    .accordion-content[data-state=closed] {
      animation-name: none
    }
  }

  @media screen and (width>=720px) {
    .hydrated.accordion-content[data-state=open] {
      animation: .3s cubic-bezier(.87, 0, .13, 1) accordionSlideDown
    }

    .hydrated.accordion-content[data-state=closed] {
      animation: .3s cubic-bezier(.87, 0, .13, 1) accordionSlideUp
    }
  }

  .animate-little-ping {
    animation: var(--animate-little-ping)
  }

  .animate-pulse {
    animation: var(--animate-pulse)
  }

  .cursor-not-allowed {
    cursor: not-allowed
  }

  .cursor-pointer {
    cursor: pointer
  }

  .resize {
    resize: both
  }

  .resize-none {
    resize: none
  }

  .scroll-m-4 {
    scroll-margin: calc(var(--spacing) * 4)
  }

  .scroll-mt-\[calc\(var\(--header-height\)\+1rem\)\] {
    scroll-margin-top: calc(var(--header-height) + 1rem)
  }

  .list-none {
    list-style-type: none
  }

  .appearance-none {
    appearance: none
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .flex-col {
    flex-direction: column
  }

  .flex-wrap {
    flex-wrap: wrap
  }

  .items-baseline {
    align-items: baseline
  }

  .items-center {
    align-items: center
  }

  .justify-between {
    justify-content: space-between
  }

  .justify-center {
    justify-content: center
  }

  .justify-end {
    justify-content: flex-end
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1)
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2)
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3)
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4)
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6)
  }

  :where(.space-y-1>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-2>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-3>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-8>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-16>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))
  }

  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1)
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2)
  }

  :where(.space-x-1>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))
  }

  .self-start {
    align-self: flex-start
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }

  .overflow-auto {
    overflow: auto
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-x-hidden {
    overflow-x: hidden
  }

  .overflow-y-auto {
    overflow-y: auto
  }

  .overflow-y-scroll {
    overflow-y: scroll
  }

  .rounded {
    border-radius: var(--radius)
  }

  .rounded-lg {
    border-radius: .25rem
  }

  .rounded-md {
    border-radius: .125rem
  }

  .rounded-none {
    border-radius: 0
  }

  .rounded-sm {
    border-radius: .0625rem
  }

  .rounded-t-lg {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
  }

  .rounded-t-sm {
    border-top-left-radius: .0625rem;
    border-top-right-radius: .0625rem
  }

  .rounded-b-lg {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
  }

  .rounded-b-sm {
    border-bottom-right-radius: .0625rem;
    border-bottom-left-radius: .0625rem
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
  }

  .\!border-default {
    border-color: var(--stroke-default) !important
  }

  .\!border-error-secondary {
    border-color: var(--stroke-error-secondary) !important
  }

  .border-accent {
    border-color: var(--stroke-accent)
  }

  .border-accent-secondary {
    border-color: var(--stroke-accent-secondary)
  }

  .border-default {
    border-color: var(--stroke-default)
  }

  .border-error {
    border-color: var(--stroke-error)
  }

  .border-error-secondary {
    border-color: var(--stroke-error-secondary)
  }

  .border-notice-tertiary {
    border-color: var(--stroke-notice-tertiary)
  }

  .border-secondary {
    border-color: var(--stroke-secondary)
  }

  .border-x-secondary {
    border-inline-color: var(--stroke-secondary)
  }

  .border-t-default {
    border-top-color: var(--stroke-default)
  }

  .border-b-secondary {
    border-bottom-color: var(--stroke-secondary)
  }

  .bg-\[var\(--base-purple-800\)\] {
    background-color: var(--base-purple-800)
  }

  .bg-\[var\(--stroke-default\)\] {
    background-color: var(--stroke-default)
  }

  .bg-\[var\(--stroke-secondary\)\] {
    background-color: var(--stroke-secondary)
  }

  .bg-accent {
    background-color: var(--surface-accent)
  }

  .bg-accent-alt {
    background-color: var(--surface-accent-alt)
  }

  .bg-accent-inverse {
    background-color: var(--surface-accent-inverse)
  }

  .bg-accent-secondary {
    background-color: var(--surface-accent-secondary)
  }

  .bg-blue-800 {
    background-color: oklch(71% .15 272)
  }

  .bg-default {
    background-color: var(--surface-default)
  }

  .bg-default\! {
    background-color: var(--surface-default) !important
  }

  .bg-destructive {
    background-color: var(--surface-destructive)
  }

  .bg-disabled {
    background-color: var(--surface-disabled)
  }

  .bg-error-secondary {
    background-color: var(--surface-error-secondary)
  }

  .bg-green-800 {
    background-color: oklch(77% .1919 163.7)
  }

  .bg-info {
    background-color: var(--surface-info)
  }

  .bg-neutral-600\! {
    background-color: oklch(60.6% .0031 260) !important
  }

  .bg-neutral-800 {
    background-color: oklch(79% .0011 260)
  }

  .bg-notice {
    background-color: var(--surface-notice)
  }

  .bg-purple-800 {
    background-color: oklch(74% .175 305.4)
  }

  .bg-raise {
    background-color: var(--surface-raise)
  }

  .bg-red-800 {
    background-color: oklch(71.2% .185 11.3)
  }

  .bg-scrim {
    background-color: var(--surface-scrim)
  }

  .bg-secondary {
    background-color: var(--surface-secondary)
  }

  .bg-tertiary {
    background-color: var(--surface-tertiary)
  }

  .bg-transparent {
    background-color: #0000
  }

  .bg-yellow-800 {
    background-color: oklch(83.7% .14 75)
  }

  .fill-current {
    fill: currentColor
  }

  .p-1 {
    padding: calc(var(--spacing) * 1)
  }

  .p-2 {
    padding: calc(var(--spacing) * 2)
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5)
  }

  .p-3 {
    padding: calc(var(--spacing) * 3)
  }

  .p-4 {
    padding: calc(var(--spacing) * 4)
  }

  .p-6 {
    padding: calc(var(--spacing) * 6)
  }

  .p-px {
    padding: 1px
  }

  .px-\(--container-px\) {
    padding-inline: var(--container-px)
  }

  .px-0\.75 {
    padding-inline: calc(var(--spacing) * .75)
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5)
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2)
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3)
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4)
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5)
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1)
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2)
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5)
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3)
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4)
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5)
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12)
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14)
  }

  .py-\[4px\] {
    padding-block: 4px
  }

  .py-px {
    padding-block: 1px
  }

  .pt-0\! {
    padding-top: calc(var(--spacing) * 0) !important
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2)
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3)
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6)
  }

  .pt-\[calc\(var\(--header-height\)\+2\.25rem\)\] {
    padding-top: calc(var(--header-height) + 2.25rem)
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3)
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4)
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6)
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2)
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4)
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8)
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12)
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1)
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4)
  }

  .pl-\[0\.5rem\] {
    padding-left: .5rem
  }

  .pl-\[1\.5rem\] {
    padding-left: 1.5rem
  }

  .pl-\[1rem\] {
    padding-left: 1rem
  }

  .pl-\[2\.5rem\] {
    padding-left: 2.5rem
  }

  .pl-\[2rem\] {
    padding-left: 2rem
  }

  .pl-\[3rem\] {
    padding-left: 3rem
  }

  .text-center {
    text-align: center
  }

  .text-left {
    text-align: left
  }

  .align-top {
    vertical-align: top
  }

  .text-mono-md {
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
  }

  .text-mono-sm {
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
  }

  .text-mono-xs {
    font-family: var(--font-mono);
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1rem
  }

  .text-mono-code {
    font-family: var(--font-mono);
    letter-spacing: 0;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
  }

  .text-sans-2xl {
    font-family: var(--font-sans);
    letter-spacing: .015rem;
    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 2rem
  }

  .text-sans-3xl {
    font-family: var(--font-sans);
    letter-spacing: .005rem;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 2.625rem
  }

  .text-sans-lg {
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
  }

  .text-sans-md {
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem
  }

  .text-sans-semi-md {
    font-family: var(--font-sans);
    letter-spacing: .03rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.125rem
  }

  .text-sans-semi-xl {
    font-family: var(--font-sans);
    letter-spacing: .0125rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem
  }

  .text-sans-sm {
    font-family: var(--font-sans);
    letter-spacing: .04rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
  }

  .text-sans-xl {
    font-family: var(--font-sans);
    letter-spacing: .0125rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem
  }

  .text-mono-code {
    font-feature-settings: "calt" 0;
    letter-spacing: 0;
    font-size: .825em;
    text-transform: none !important
  }

  .\[font-feature-settings\:\'calt\'_0\] {
    font-feature-settings: "calt" 0
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height))
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .leading-6\! {
    --tw-leading: calc(var(--spacing) * 6) !important;
    line-height: calc(var(--spacing) * 6) !important
  }

  .leading-\[1\.3\]\! {
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important
  }

  .font-normal\! {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important
  }

  .\[text-wrap\:unset\] {
    text-wrap: unset
  }

  .break-words {
    overflow-wrap: break-word
  }

  .whitespace-normal\! {
    white-space: normal !important
  }

  .whitespace-nowrap {
    white-space: nowrap
  }

  .link-with-underline {
    color: var(--content-default)
  }

  @media (hover:hover) {
    .link-with-underline:hover {
      color: var(--content-raise)
    }
  }

  .link-with-underline {
    text-decoration: underline
  }

  @supports (color:color-mix(in lab, red, red)) {
    .link-with-underline {
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      -webkit-text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
      text-decoration-color: color-mix(in srgb, currentColor 60%, transparent)
    }
  }

  .text-\[var\(--base-neutral-400\)\] {
    color: var(--base-neutral-400)
  }

  .text-accent {
    color: var(--content-accent)
  }

  .text-accent-alt {
    color: var(--content-accent-alt)
  }

  .text-accent-secondary {
    color: var(--content-accent-secondary)
  }

  .text-accent-tertiary {
    color: var(--content-accent-tertiary)
  }

  .text-blue-200 {
    color: oklch(24% .0479 292)
  }

  .text-default {
    color: var(--content-default)
  }

  .text-destructive {
    color: var(--content-destructive)
  }

  .text-disabled {
    color: var(--content-disabled)
  }

  .text-error {
    color: var(--content-error)
  }

  .text-green-200 {
    color: oklch(24% .0722 183.7)
  }

  .text-green-500 {
    color: oklch(47.4% .1481 173.7)
  }

  .text-info {
    color: var(--content-info)
  }

  .text-neutral-200 {
    color: oklch(24.7% .007 260)
  }

  .text-notice {
    color: var(--content-notice)
  }

  .text-purple-200 {
    color: oklch(24% .0559 325.4)
  }

  .text-quaternary {
    color: var(--content-quaternary)
  }

  .text-raise {
    color: var(--content-raise)
  }

  .text-red-200 {
    color: oklch(24% .0626 31.3)
  }

  .text-secondary {
    color: var(--content-secondary)
  }

  .text-tertiary {
    color: var(--content-tertiary)
  }

  .text-yellow-200 {
    color: oklch(24% .0526 95)
  }

  .lowercase {
    text-transform: lowercase
  }

  .normal-case\! {
    text-transform: none !important
  }

  .uppercase {
    text-transform: uppercase
  }

  .italic {
    font-style: italic
  }

  .opacity-0 {
    opacity: 0
  }

  .opacity-40 {
    opacity: .4
  }

  .opacity-60 {
    opacity: .6
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .ring-accent-secondary {
    --tw-ring-color: var(--stroke-accent-secondary)
  }

  .ring-current\/15 {
    --tw-ring-color: currentcolor
  }

  @supports (color:color-mix(in lab, red, red)) {
    .ring-current\/15 {
      --tw-ring-color: color-mix(in oklab, currentcolor 15%, transparent)
    }
  }

  .ring-error-secondary {
    --tw-ring-color: var(--stroke-error-secondary)
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .tooltip-content {
    -webkit-user-select: none;
    user-select: none;
    will-change: transform, opacity;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1)
  }

  .tooltip-content[data-state=delayed-open][data-side=bottom] {
    animation-name: slideUpAndFade
  }

  .\!outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none
  }

  .\[--sidebar-width\:15rem\] {
    --sidebar-width: 15rem
  }

  .\[source\:shell\] {
    source: shell
  }

  .ring-inset {
    --tw-ring-inset: inset
  }

  :is(.\*\:border-b>*) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }

  :is(.\*\:border-secondary>*) {
    border-color: var(--stroke-secondary)
  }

  :is(.\*\:py-3>*) {
    padding-block: calc(var(--spacing) * 3)
  }

  :is(.\*\:pt-\[calc\(var\(--header-height\)\+2\.5rem\)\]>*) {
    padding-top: calc(var(--header-height) + 2.5rem)
  }

  @media (hover:hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible
    }

    .group-hover\:inline-block:is(:where(.group):hover *) {
      display: inline-block
    }

    .group-hover\:-translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:bg-accent:is(:where(.group):hover *) {
      background-color: var(--surface-accent)
    }

    .group-hover\:text-accent-tertiary:is(:where(.group):hover *) {
      color: var(--content-accent-tertiary)
    }

    .group-hover\:text-default:is(:where(.group):hover *) {
      color: var(--content-default)
    }

    .group-hover\:text-raise:is(:where(.group):hover *) {
      color: var(--content-raise)
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1
    }
  }

  .placeholder\:text-quaternary::placeholder {
    color: var(--content-quaternary)
  }

  .before\:visible:before {
    content: var(--tw-content);
    visibility: visible
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0)
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  .last\:border-none:last-child {
    --tw-border-style: none;
    border-style: none
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0)
  }

  .last\:text-accent:last-child {
    color: var(--content-accent)
  }

  .last-of-type\:text-accent-secondary:last-of-type {
    color: var(--content-accent-secondary)
  }

  .checked\:border-accent-tertiary:checked {
    border-color: var(--stroke-accent-tertiary)
  }

  .checked\:bg-accent:checked {
    background-color: var(--surface-accent)
  }

  .indeterminate\:border-accent-tertiary:indeterminate {
    border-color: var(--stroke-accent-tertiary)
  }

  .indeterminate\:bg-accent:indeterminate {
    background-color: var(--surface-accent)
  }

  @media (hover:hover) {
    .hover\:cursor-pointer:hover {
      cursor: pointer
    }

    .hover\:border-error:hover {
      border-color: var(--stroke-error)
    }

    .hover\:border-raise:hover {
      border-color: var(--stroke-raise)
    }

    .hover\:bg-\[var\(--base-neutral-300\)\]:hover {
      background-color: var(--base-neutral-300)
    }

    .hover\:bg-accent-hover:hover {
      background-color: var(--surface-accent-hover)
    }

    .hover\:bg-accent-hover\!:hover {
      background-color: var(--surface-accent-hover) !important
    }

    .hover\:bg-hover:hover {
      background-color: var(--surface-hover)
    }

    .hover\:bg-neutral-100:hover {
      background-color: oklch(21.6% .008 260)
    }

    .hover\:bg-raise:hover {
      background-color: var(--surface-raise)
    }

    .hover\:bg-secondary:hover {
      background-color: var(--surface-secondary)
    }

    .hover\:text-accent:hover {
      color: var(--content-accent)
    }

    .hover\:text-raise:hover {
      color: var(--content-raise)
    }

    .hover\:text-secondary:hover {
      color: var(--content-secondary)
    }

    .hover\:underline:hover {
      text-decoration-line: underline
    }

    .hover\:opacity-80:hover {
      opacity: .8
    }

    .hover\:last-of-type\:text-accent:hover:last-of-type {
      color: var(--content-accent)
    }

    .checked\:hover\:border-accent-secondary:checked:hover,
    .indeterminate\:hover\:border-accent-secondary:indeterminate:hover {
      border-color: var(--stroke-accent-secondary)
    }
  }

  .focus\:outline-0:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 0
  }

  .focus\:outline-accent-secondary:focus {
    outline-color: var(--stroke-accent-secondary)
  }

  .focus\:outline-destructive-secondary:focus {
    outline-color: var(--stroke-destructive-secondary)
  }

  .focus\:outline-none\!:focus {
    --tw-outline-style: none !important;
    outline-style: none !important
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
  }

  .data-\[state\=open\]\:bg-accent[data-state=open] {
    background-color: var(--surface-accent)
  }

  .data-\[state\=open\]\:text-accent[data-state=open] {
    color: var(--content-accent)
  }

  @media not all and (width>=1200px) {
    .max-1200\:\!mb-0 {
      margin-bottom: calc(var(--spacing) * 0) !important
    }
  }

  @media not all and (width>=600px) {
    .max-600\:rounded-b-lg {
      border-bottom-right-radius: .25rem;
      border-bottom-left-radius: .25rem
    }
  }

  @media (width>=300px) {
    .\33 00\:w-\[80vw\] {
      width: 80vw
    }

    @media not all and (width>=800px) {
      .\33 00\:max-800\:max-w-\[400px\] {
        max-width: 400px
      }
    }
  }

  @media (width>=400px) {
    .\34 00\:mx-6 {
      margin-inline: calc(var(--spacing) * 6)
    }

    .\34 00\:px-6 {
      padding-inline: calc(var(--spacing) * 6)
    }
  }

  @media (width>=600px) {
    .\36 00\:top-\[10\%\] {
      top: 10%
    }

    .\36 00\:-mx-8 {
      margin-inline: calc(var(--spacing) * -8)
    }

    .\36 00\:mx-8 {
      margin-inline: calc(var(--spacing) * 8)
    }

    .\36 00\:block {
      display: block
    }

    .\36 00\:flex {
      display: flex
    }

    .\36 00\:h-96 {
      height: calc(var(--spacing) * 96)
    }

    .\36 00\:h-128 {
      height: calc(var(--spacing) * 128)
    }

    .\36 00\:h-auto {
      height: auto
    }

    .\36 00\:max-h-128 {
      max-height: calc(var(--spacing) * 128)
    }

    .\36 00\:max-h-\[calc\(100vh-32px-var\(--header-height\)\)\] {
      max-height: calc(100vh - 32px - var(--header-height))
    }

    .\36 00\:w-\[32rem\] {
      width: 32rem
    }

    .\36 00\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px
    }

    .\36 00\:bg-accent {
      background-color: var(--surface-accent)
    }

    .\36 00\:bg-accent-inverse\! {
      background-color: var(--surface-accent-inverse) !important
    }

    .\36 00\:p-5 {
      padding: calc(var(--spacing) * 5)
    }

    .\36 00\:p-8 {
      padding: calc(var(--spacing) * 8)
    }

    .\36 00\:px-8 {
      padding-inline: calc(var(--spacing) * 8)
    }

    .\36 00\:py-20 {
      padding-block: calc(var(--spacing) * 20)
    }

    .\36 00\:pt-6 {
      padding-top: calc(var(--spacing) * 6)
    }

    .\36 00\:text-sans-2xl {
      font-family: var(--font-sans);
      letter-spacing: .015rem;
      font-size: 1.5625rem;
      font-weight: 400;
      line-height: 2rem
    }

    .\36 00\:text-accent {
      color: var(--content-accent)
    }

    .\36 00\:text-accent-tertiary {
      color: var(--content-accent-tertiary)
    }

    .\36 00\:text-inverse\! {
      color: var(--content-inverse) !important
    }

    @media (hover:hover) {
      .\36 00\:hover\:bg-accent-hover:hover {
        background-color: var(--surface-accent-hover)
      }
    }
  }

  @media (width>=700px) {
    .\37 00\:col-span-5 {
      grid-column: span 5/span 5
    }

    .\37 00\:col-span-6 {
      grid-column: span 6/span 6
    }

    .\37 00\:col-start-8 {
      grid-column-start: 8
    }
  }

  @media (width>=800px) {
    .\38 00\:order-1 {
      order: 1
    }

    .\38 00\:order-2 {
      order: 2
    }

    .\38 00\:col-span-5 {
      grid-column: span 5/span 5
    }

    .\38 00\:-mx-8 {
      margin-inline: calc(var(--spacing) * -8)
    }

    .\38 00\:my-6 {
      margin-block: calc(var(--spacing) * 6)
    }

    .\38 00\:my-16\! {
      margin-block: calc(var(--spacing) * 16) !important
    }

    .\38 00\:mt-0 {
      margin-top: calc(var(--spacing) * 0)
    }

    .\38 00\:mt-12 {
      margin-top: calc(var(--spacing) * 12)
    }

    .\38 00\:-mr-8 {
      margin-right: calc(var(--spacing) * -8)
    }

    .\38 00\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6)
    }

    .\38 00\:-ml-1 {
      margin-left: calc(var(--spacing) * -1)
    }

    .\38 00\:ml-\(--sidebar-width\) {
      margin-left: var(--sidebar-width)
    }

    .\38 00\:flex {
      display: flex
    }

    .\38 00\:hidden {
      display: none
    }

    .\38 00\:w-\[calc\(15rem\+4px\)\] {
      width: calc(15rem + 4px)
    }

    .\38 00\:w-\[calc\(100\%-var\(--sidebar-width\)\)\] {
      width: calc(100% - var(--sidebar-width))
    }

    .\38 00\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .\38 00\:gap-3 {
      gap: calc(var(--spacing) * 3)
    }

    :where(.\38 00\:space-y-6>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.\38 00\:space-y-16>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.\38 00\:space-y-20>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)))
    }

    .\38 00\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px
    }

    .\38 00\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px
    }

    .\38 00\:border-secondary {
      border-color: var(--stroke-secondary)
    }

    .\38 00\:px-8 {
      padding-inline: calc(var(--spacing) * 8)
    }

    .\38 00\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8)
    }

    .\38 00\:pl-0 {
      padding-left: calc(var(--spacing) * 0)
    }

    .\38 00\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .\38 00\:text-\[30px\]\! {
      font-size: 30px !important
    }

    :is(.\38 00\:\*\:pt-\[calc\(var\(--header-height\)\+3\.75rem\)\]>*) {
      padding-top: calc(var(--header-height) + 3.75rem)
    }
  }

  @media (width>=900px) {
    .\39 00\:top-4 {
      top: calc(var(--spacing) * 4)
    }

    .\39 00\:order-1 {
      order: 1
    }

    .\39 00\:order-2 {
      order: 2
    }

    .\39 00\:mt-0 {
      margin-top: calc(var(--spacing) * 0)
    }

    .\39 00\:mt-3 {
      margin-top: calc(var(--spacing) * 3)
    }

    .\39 00\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0)
    }

    .\39 00\:hidden {
      display: none
    }

    .\39 00\:max-w-\[720px\] {
      max-width: 720px
    }

    .\39 00\:flex-row {
      flex-direction: row
    }

    .\39 00\:items-center {
      align-items: center
    }

    .\39 00\:gap-6 {
      gap: calc(var(--spacing) * 6)
    }

    .\39 00\:p-6 {
      padding: calc(var(--spacing) * 6)
    }

    .\39 00\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12)
    }
  }

  @media (width>=1000px) {
    .\31 000\:col-span-4 {
      grid-column: span 4/span 4
    }

    .\31 000\:col-start-9 {
      grid-column-start: 9
    }

    .\31 000\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10)
    }

    .\31 000\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  @media (width>=1200px) {
    .\31 200\:mx-0 {
      margin-inline: calc(var(--spacing) * 0)
    }

    .\31 200\:mr-auto {
      margin-right: auto
    }

    .\31 200\:block {
      display: block
    }

    .\31 200\:hidden {
      display: none
    }

    .\31 200\:h-full {
      height: 100%
    }

    .\31 200\:flex-row {
      flex-direction: row
    }
  }

  @media (width>=1400px) {
    .\31 400\:mr-20 {
      margin-right: calc(var(--spacing) * 20)
    }

    .\31 400\:gap-10 {
      gap: calc(var(--spacing) * 10)
    }
  }

  @media print {
    .print\:hidden {
      display: none
    }

    .print\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0
    }
  }

  .light\:border-green-800:where([data-theme=light], [data-theme=light] *) {
    border-color: oklch(77% .1919 163.7)
  }

  .light\:bg-blue-900:where([data-theme=light], [data-theme=light] *) {
    background-color: oklch(82.5% .109 272)
  }

  .light\:bg-green-600:where([data-theme=light], [data-theme=light] *) {
    background-color: oklch(56.3% .1714 170.4)
  }

  .light\:bg-green-900:where([data-theme=light], [data-theme=light] *) {
    background-color: oklch(82.5% .164 163.7)
  }

  .light\:bg-neutral-900:where([data-theme=light], [data-theme=light] *) {
    background-color: oklch(90% .0001 260)
  }

  .light\:bg-purple-900:where([data-theme=light], [data-theme=light] *) {
    background-color: oklch(82.5% .1271 305.4)
  }

  .light\:bg-red-900:where([data-theme=light], [data-theme=light] *) {
    background-color: oklch(82.5% .1423 11.3)
  }

  .light\:bg-yellow-900:where([data-theme=light], [data-theme=light] *) {
    background-color: oklch(82.5% .1196 75)
  }

  .light\:text-default:where([data-theme=light], [data-theme=light] *) {
    color: var(--content-default)
  }

  .light\:text-green-600:where([data-theme=light], [data-theme=light] *) {
    color: oklch(56.3% .1714 170.4)
  }

  @media (hover:hover) {
    .hover\:light\:text-raise:hover:where([data-theme=light], [data-theme=light] *) {
      color: var(--content-raise)
    }

    .checked\:hover\:light\:border-accent:checked:hover:where([data-theme=light], [data-theme=light] *),
    .indeterminate\:hover\:light\:border-accent:indeterminate:hover:where([data-theme=light], [data-theme=light] *) {
      border-color: var(--stroke-accent)
    }
  }

  .\[\&_\.arrow\]\:data-\[state\=closed\]\:-rotate-90 .arrow[data-state=closed] {
    rotate: -90deg
  }

  .\[\&_\.content\]\:pointer-events-none .content {
    pointer-events: none
  }

  .\[\&_\.timeline-line-mobile\]\:h-\[78px\] .timeline-line-mobile {
    height: 78px
  }

  .\[\&_\.timeline-line-mobile\]\:first\:-top-10 .timeline-line-mobile:first-child {
    top: calc(var(--spacing) * -10)
  }

  .\[\&_\.timeline-line-mobile\]\:first\:h-\[88px\] .timeline-line-mobile:first-child {
    height: 88px
  }

  .\[\&\>\*\:last-child\]\:border-b-0>:last-child,
  .\[\&\>\*\:last-of-type\]\:border-b-0>:last-of-type {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  @media (width>=600px) {
    .\[\&\>span\]\:600\:underline>span {
      text-decoration-line: underline
    }
  }

  .\[\&\>svg\]\:data-\[state\=open\]\:rotate-90>svg[data-state=open] {
    rotate: 90deg
  }

  .\[\&\>svg\]\:data-\[state\=open\]\:text-accent-tertiary>svg[data-state=open] {
    color: var(--content-accent-tertiary)
  }

  :root {
    --header-height: 60px;
    --toc-width: 240px;
    --toc-header-height: 50px;
    --release-note-timeline-width: 240px;
    --guides-max-width: 800px;
    --container-px: 1rem
  }

  @media (width>=400px) {
    :root {
      --container-px: 1.5rem
    }
  }

  @media (width>=600px) {
    :root {
      --container-px: 2rem
    }
  }

  html,
  body {
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "case" on;
    -webkit-text-stroke: 0;
    font-family: var(--font-sans);
    letter-spacing: .0175rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
  }
}

button,
[role=button] {
  cursor: pointer
}

:root,
.dark {
  --shadow-border-base: 0 0 0 1px #ffffff0d;
  --shadow-border-bg: 0 0 0 1px var(--surface-secondary);
  --shadow-border: var(--shadow-border-base), var(--shadow-border-bg);
  --shadow-small: 0px 1px 2px #00000029;
  --shadow-border-small: var(--shadow-border-base), var(--shadow-small), var(--shadow-border-bg);
  --shadow-medium: 0px 2px 2px #00000052, 0px 8px 8px -8px #00000029;
  --shadow-border-medium: var(--shadow-border-base), var(--shadow-medium), var(--shadow-border-bg);
  --shadow-large: 0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a;
  --shadow-border-large: var(--shadow-border-base), var(--shadow-large), var(--shadow-border-bg);
  --shadow-menu: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f, var(--shadow-border-bg);
  --shadow-menu-inset: 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
  --inset-outline: 1px solid #ffffff15;
  --shadow-toast: 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
  --shadow-modal: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f, var(--shadow-border-bg);
  --shadow-tooltip: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px #0000000a, var(--shadow-border-bg)
}

[data-theme=light] {
  --shadow-border-base: 0 0 0 1px #00000014;
  --shadow-border-bg: 0 0 0 1px var(--surface-secondary);
  --shadow-border: var(--shadow-border-base), var(--shadow-border-bg);
  --shadow-small: 0px 2px 2px #0000000a;
  --shadow-border-small: var(--shadow-border-base), var(--shadow-small), var(--shadow-border-bg);
  --shadow-medium: 0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a;
  --shadow-border-medium: var(--shadow-border-base), var(--shadow-medium), var(--shadow-border-bg);
  --shadow-large: 0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a;
  --shadow-border-large: var(--shadow-border-base), var(--shadow-large), var(--shadow-border-bg);
  --shadow-menu: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f, var(--shadow-border-bg);
  --shadow-menu-inset: 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
  --inset-outline: 1px solid #00000015;
  --shadow-toast: 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
  --shadow-modal: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f, var(--shadow-border-bg);
  --shadow-tooltip: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px #0000000a, var(--shadow-border-bg)
}

:root,
.dark {
  --surface-default: var(--color-neutral-0);
  --surface-hover: var(--color-neutral-200);
  --surface-raise: var(--color-neutral-50);
  --surface-secondary: var(--color-neutral-100);
  --surface-tertiary: var(--color-neutral-300);
  --surface-disabled: var(--color-neutral-100);
  --surface-scrim: oklch(16.2% .01 260/.4);
  --surface-accent-alt-inverse: var(--theme-accent-alt-800);
  --surface-accent-alt: var(--theme-accent-alt-200);
  --surface-accent-alt-hover: var(--theme-accent-alt-300);
  --surface-accent-alt-secondary: var(--theme-accent-alt-400);
  --surface-destructive-inverse: var(--theme-destructive-800);
  --surface-destructive: var(--theme-destructive-200);
  --surface-destructive-hover: var(--theme-destructive-300);
  --surface-destructive-secondary: var(--theme-destructive-400);
  --surface-notice-inverse: var(--theme-notice-800);
  --surface-notice: var(--theme-notice-200);
  --surface-notice-hover: var(--theme-notice-300);
  --surface-notice-secondary: var(--theme-notice-400);
  --surface-error-inverse: var(--theme-error-800);
  --surface-error: var(--theme-error-200);
  --surface-error-hover: var(--theme-error-300);
  --surface-error-secondary: var(--theme-error-400);
  --surface-inverse-raise: var(--content-raise);
  --surface-inverse-primary: var(--content-default);
  --surface-inverse-secondary: var(--content-secondary);
  --surface-info-inverse: var(--theme-info-800);
  --surface-info: var(--theme-info-200);
  --surface-info-hover: var(--theme-info-300);
  --surface-info-secondary: var(--theme-info-400);
  --content-raise: var(--color-neutral-900);
  --content-default: var(--color-neutral-800);
  --content-secondary: var(--color-neutral-700);
  --content-tertiary: var(--color-neutral-600);
  --content-quaternary: var(--color-neutral-500);
  --content-disabled: var(--color-neutral-500);
  --content-accent-alt: var(--theme-accent-alt-800);
  --content-accent-alt-secondary: var(--theme-accent-alt-700);
  --content-accent-alt-tertiary: var(--theme-accent-alt-600);
  --content-accent-alt-disabled: var(--theme-accent-alt-500);
  --content-destructive: var(--theme-destructive-800);
  --content-destructive-secondary: var(--theme-destructive-700);
  --content-destructive-tertiary: var(--theme-destructive-600);
  --content-destructive-disabled: var(--theme-destructive-500);
  --content-success: var(--theme-success-800);
  --content-success-secondary: var(--theme-success-700);
  --content-success-tertiary: var(--theme-success-600);
  --content-success-disabled: var(--theme-success-500);
  --content-error: var(--theme-error-800);
  --content-error-secondary: var(--theme-error-700);
  --content-error-tertiary: var(--theme-error-600);
  --content-error-disabled: var(--theme-error-500);
  --content-notice: var(--theme-notice-800);
  --content-notice-secondary: var(--theme-notice-700);
  --content-notice-tertiary: var(--theme-notice-600);
  --content-notice-disabled: var(--theme-notice-500);
  --content-inverse: var(--surface-default);
  --content-inverse-raise: var(--surface-raise);
  --content-inverse-secondary: var(--surface-secondary);
  --content-info: var(--theme-info-800);
  --content-info-secondary: var(--theme-info-700);
  --content-info-tertiary: var(--theme-info-600);
  --content-info-disabled: var(--theme-info-500);
  --stroke-default: var(--color-neutral-300);
  --stroke-raise: var(--color-neutral-400);
  --stroke-secondary: var(--color-neutral-200);
  --stroke-tertiary: var(--color-neutral-100);
  --stroke-surface: var(--surface-default);
  --stroke-accent-alt: var(--theme-accent-alt-800);
  --stroke-accent-alt-secondary: var(--theme-accent-alt-600);
  --stroke-accent-alt-tertiary: var(--theme-accent-alt-400);
  --stroke-accent-alt-quaternary: var(--theme-accent-alt-300);
  --stroke-destructive: var(--theme-destructive-800);
  --stroke-destructive-secondary: var(--theme-destructive-600);
  --stroke-destructive-tertiary: var(--theme-destructive-400);
  --stroke-destructive-quaternary: var(--theme-destructive-300);
  --stroke-success: var(--theme-success-800);
  --stroke-success-secondary: var(--theme-success-600);
  --stroke-success-tertiary: var(--theme-success-400);
  --stroke-success-quaternary: var(--theme-success-300);
  --stroke-error: var(--theme-error-800);
  --stroke-error-secondary: var(--theme-error-600);
  --stroke-error-tertiary: var(--theme-error-400);
  --stroke-error-quaternary: var(--theme-error-300);
  --stroke-notice: var(--theme-notice-800);
  --stroke-notice-secondary: var(--theme-notice-600);
  --stroke-notice-tertiary: var(--theme-notice-400);
  --stroke-notice-quaternary: var(--theme-notice-300);
  --stroke-info: var(--theme-info-800);
  --stroke-info-secondary: var(--theme-info-600);
  --stroke-info-tertiary: var(--theme-info-400);
  --stroke-info-quaternary: var(--theme-info-300)
}

:root,
.dark,
.dark .red-theme,
.dark .yellow-theme,
.dark .blue-theme,
.dark .green-theme,
.dark .purple-theme,
.red-theme,
.yellow-theme,
.blue-theme,
.green-theme,
.purple-theme {
  --surface-accent-inverse: var(--theme-accent-800);
  --surface-accent: var(--theme-accent-200);
  --surface-accent-hover: var(--theme-accent-300);
  --surface-accent-secondary: var(--theme-accent-400);
  --content-accent: var(--theme-accent-800);
  --content-accent-secondary: var(--theme-accent-700);
  --content-accent-tertiary: var(--theme-accent-600);
  --content-accent-disabled: var(--theme-accent-500);
  --stroke-accent: var(--theme-accent-800);
  --stroke-accent-secondary: var(--theme-accent-600);
  --stroke-accent-tertiary: var(--theme-accent-400);
  --stroke-accent-quaternary: var(--theme-accent-300)
}

[data-theme=light] {
  --surface-default: var(--color-neutral-1300);
  --surface-hover: var(--color-neutral-1100);
  --surface-raise: var(--color-neutral-1200);
  --surface-secondary: var(--color-neutral-1100);
  --surface-tertiary: var(--color-neutral-1000);
  --surface-disabled: var(--color-neutral-1100);
  --surface-scrim: oklch(16.2% .01 260/.1);
  --surface-accent-alt-inverse: var(--theme-accent-alt-800);
  --surface-accent-alt: var(--theme-accent-alt-1200);
  --surface-accent-alt-hover: var(--theme-accent-alt-1100);
  --surface-accent-alt-secondary: var(--theme-accent-alt-1000);
  --surface-destructive-inverse: var(--theme-destructive-800);
  --surface-destructive: var(--theme-destructive-1200);
  --surface-destructive-hover: var(--theme-destructive-1100);
  --surface-destructive-secondary: var(--theme-destructive-1000);
  --surface-notice-inverse: var(--theme-notice-800);
  --surface-notice: var(--theme-notice-1200);
  --surface-notice-hover: var(--theme-notice-1100);
  --surface-notice-secondary: var(--theme-notice-1000);
  --surface-error-inverse: var(--theme-error-800);
  --surface-error: var(--theme-error-1200);
  --surface-error-hover: var(--theme-error-1100);
  --surface-error-secondary: var(--theme-error-1000);
  --surface-inverse-raise: var(--content-raise);
  --surface-inverse-primary: var(--content-default);
  --surface-inverse-secondary: var(--content-secondary);
  --surface-info-inverse: var(--theme-info-800);
  --surface-info: var(--theme-info-1200);
  --surface-info-hover: var(--theme-info-1100);
  --surface-info-secondary: var(--theme-info-1000);
  --content-raise: var(--color-neutral-0);
  --content-default: var(--color-neutral-300);
  --content-secondary: var(--color-neutral-500);
  --content-tertiary: var(--color-neutral-600);
  --content-quaternary: var(--color-neutral-800);
  --content-disabled: var(--color-neutral-1000);
  --content-accent-alt: var(--theme-accent-alt-500);
  --content-accent-alt-secondary: var(--theme-accent-alt-600);
  --content-accent-alt-tertiary: var(--theme-accent-alt-700);
  --content-accent-alt-disabled: var(--theme-accent-alt-1000);
  --content-destructive: var(--theme-destructive-500);
  --content-destructive-secondary: var(--theme-destructive-600);
  --content-destructive-tertiary: var(--theme-destructive-700);
  --content-destructive-disabled: var(--theme-destructive-1000);
  --content-success: var(--theme-success-500);
  --content-success-secondary: var(--theme-success-600);
  --content-success-tertiary: var(--theme-success-700);
  --content-success-disabled: var(--theme-success-1000);
  --content-error: var(--theme-error-500);
  --content-error-secondary: var(--theme-error-600);
  --content-error-tertiary: var(--theme-error-700);
  --content-error-disabled: var(--theme-error-1000);
  --content-notice: var(--theme-notice-500);
  --content-notice-secondary: var(--theme-notice-600);
  --content-notice-tertiary: var(--theme-notice-700);
  --content-notice-disabled: var(--theme-notice-1000);
  --content-inverse: var(--surface-default);
  --content-inverse-raise: var(--surface-raise);
  --content-inverse-secondary: var(--surface-secondary);
  --content-info: var(--theme-info-500);
  --content-info-secondary: var(--theme-info-600);
  --content-info-tertiary: var(--theme-info-700);
  --content-info-disabled: var(--theme-info-1000);
  --stroke-default: var(--color-neutral-900);
  --stroke-secondary: var(--color-neutral-1000);
  --stroke-tertiary: var(--color-neutral-1100);
  --stroke-raise: var(--color-neutral-800);
  --stroke-surface: var(--surface-default);
  --stroke-accent-alt: var(--theme-accent-alt-800);
  --stroke-accent-alt-secondary: var(--theme-accent-alt-900);
  --stroke-accent-alt-tertiary: var(--theme-accent-alt-1000);
  --stroke-accent-alt-quaternary: var(--theme-accent-alt-1100);
  --stroke-destructive: var(--theme-destructive-800);
  --stroke-destructive-secondary: var(--theme-destructive-900);
  --stroke-destructive-tertiary: var(--theme-destructive-1000);
  --stroke-destructive-quaternary: var(--theme-destructive-1100);
  --stroke-error: var(--theme-error-800);
  --stroke-error-secondary: var(--theme-error-900);
  --stroke-error-tertiary: var(--theme-error-1100);
  --stroke-error-quaternary: var(--theme-error-1100);
  --stroke-notice: var(--theme-notice-800);
  --stroke-notice-secondary: var(--theme-notice-900);
  --stroke-notice-tertiary: var(--theme-notice-1000);
  --stroke-notice-quaternary: var(--theme-notice-1100);
  --stroke-info: var(--theme-info-800);
  --stroke-info-secondary: var(--theme-info-900);
  --stroke-info-tertiary: var(--theme-info-1000);
  --stroke-info-quaternary: var(--theme-info-1100);
  --stroke-success: var(--theme-success-800);
  --stroke-success-secondary: var(--theme-success-600);
  --stroke-success-tertiary: var(--theme-success-400);
  --stroke-success-quaternary: var(--theme-success-300)
}

[data-theme=light],
[data-theme=light] .red-theme,
[data-theme=light] .yellow-theme,
[data-theme=light] .blue-theme,
[data-theme=light] .green-theme,
[data-theme=light] .purple-theme {
  --surface-accent-inverse: var(--theme-accent-800);
  --surface-accent: var(--theme-accent-1200);
  --surface-accent-hover: var(--theme-accent-1100);
  --surface-accent-secondary: var(--theme-accent-1000);
  --content-accent: var(--theme-accent-500);
  --content-accent-secondary: var(--theme-accent-600);
  --content-accent-tertiary: var(--theme-accent-700);
  --content-accent-disabled: var(--theme-accent-1000);
  --stroke-accent: var(--theme-accent-800);
  --stroke-accent-secondary: var(--theme-accent-900);
  --stroke-accent-tertiary: var(--theme-accent-1000);
  --stroke-accent-quaternary: var(--theme-accent-1100)
}

.purple-theme {
  --theme-accent-200: var(--color-purple-200);
  --theme-accent-300: var(--color-purple-300);
  --theme-accent-400: var(--color-purple-400);
  --theme-accent-500: var(--color-purple-500);
  --theme-accent-600: var(--color-purple-600);
  --theme-accent-700: var(--color-purple-700);
  --theme-accent-800: var(--color-purple-800);
  --theme-accent-900: var(--color-purple-900);
  --theme-accent-1000: var(--color-purple-1000);
  --theme-accent-1100: var(--color-purple-1100);
  --theme-accent-1200: var(--color-purple-1200);
  --theme-accent-1300: var(--color-purple-1300)
}

.yellow-theme {
  --theme-accent-200: var(--color-yellow-200);
  --theme-accent-300: var(--color-yellow-300);
  --theme-accent-400: var(--color-yellow-400);
  --theme-accent-500: var(--color-yellow-500);
  --theme-accent-600: var(--color-yellow-600);
  --theme-accent-700: var(--color-yellow-700);
  --theme-accent-800: var(--color-yellow-800);
  --theme-accent-900: var(--color-yellow-900);
  --theme-accent-1000: var(--color-yellow-1000);
  --theme-accent-1100: var(--color-yellow-1100);
  --theme-accent-1200: var(--color-yellow-1200);
  --theme-accent-1300: var(--color-yellow-1300)
}

.red-theme {
  --theme-accent-200: var(--color-red-200);
  --theme-accent-300: var(--color-red-300);
  --theme-accent-400: var(--color-red-400);
  --theme-accent-500: var(--color-red-500);
  --theme-accent-600: var(--color-red-600);
  --theme-accent-700: var(--color-red-700);
  --theme-accent-800: var(--color-red-800);
  --theme-accent-900: var(--color-red-900);
  --theme-accent-1000: var(--color-red-1000);
  --theme-accent-1100: var(--color-red-1100);
  --theme-accent-1200: var(--color-red-1200);
  --theme-accent-1300: var(--color-red-1300)
}

.blue-theme {
  --theme-accent-200: var(--color-blue-200);
  --theme-accent-300: var(--color-blue-300);
  --theme-accent-400: var(--color-blue-400);
  --theme-accent-500: var(--color-blue-500);
  --theme-accent-600: var(--color-blue-600);
  --theme-accent-700: var(--color-blue-700);
  --theme-accent-800: var(--color-blue-800);
  --theme-accent-900: var(--color-blue-900);
  --theme-accent-1000: var(--color-blue-1000);
  --theme-accent-1100: var(--color-blue-1100);
  --theme-accent-1200: var(--color-blue-1200);
  --theme-accent-1300: var(--color-blue-1300)
}

.green-theme {
  --theme-accent-200: var(--color-green-200);
  --theme-accent-300: var(--color-green-300);
  --theme-accent-400: var(--color-green-400);
  --theme-accent-500: var(--color-green-500);
  --theme-accent-600: var(--color-green-600);
  --theme-accent-700: var(--color-green-700);
  --theme-accent-800: var(--color-green-800);
  --theme-accent-900: var(--color-green-900);
  --theme-accent-1000: var(--color-green-1000);
  --theme-accent-1100: var(--color-green-1100);
  --theme-accent-1200: var(--color-green-1200);
  --theme-accent-1300: var(--color-green-1300)
}

.ox-tabs.full-width {
  margin-inline: calc(var(--spacing) * 0) !important;
  width: 100% !important
}

.ox-tabs.full-width .ox-tabs-panel {
  margin-inline: var(--content-gutter)
}

.ox-tabs-list {
  margin-bottom: calc(var(--spacing) * 8);
  background-color: #0000;
  display: flex
}

.ox-tabs-list:after {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--stroke-secondary);
  content: " ";
  width: 100%;
  display: block
}

.ox-tabs.full-width .ox-tabs-list:before {
  width: calc(var(--spacing) * 10);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--stroke-secondary);
  content: " ";
  flex-shrink: 0;
  min-width: max-content;
  display: block
}

.ox-tabs-panel:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 1rem;
  outline-width: 2px;
  outline-color: var(--stroke-accent-secondary)
}

.ox-tab {
  height: calc(var(--spacing) * 10)
}

:where(.ox-tab>:not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))
}

.ox-tab {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--stroke-secondary);
  padding-inline: calc(var(--spacing) * 1.5);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 1);
  font-family: var(--font-mono);
  letter-spacing: .04rem;
  font-feature-settings: "ss02" on, "ss03" on, "ss09" on, "ss06" on, "ss07" on, "ss08" on, "calt" off;
  white-space: nowrap;
  color: var(--content-tertiary);
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration-line: none !important
}

.ox-tab[data-state=active],
.ox-tab.is-selected {
  border-color: var(--stroke-accent);
  color: var(--content-accent)
}


h1,
h2,
h3,
h4,
h5,
h6,
.text-wrap {
  text-wrap: balance
}

h2 code {
  font-size: 1.5625rem !important
}

h3 code {
  font-size: 1.125rem !important
}

::selection {
  background-color: var(--surface-accent);
  color: var(--content-accent);
}