/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-divide-x-reverse: 0;
    }
  }
}

@layer base {
  *, :after, :before {
    border: 0 solid;
  }

  html, :host {
    font-family: var(--font-sans);
  }

  code, kbd, samp, pre {
    font-family: var(--font-mono);
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }
}

@layer starlight, theme, components;

@layer utilities {
  :root {
    --sl-font: var(--font-sans);
    --sl-font-mono: var(--font-mono);
    --sl-color-white: var(--color-white);
    --sl-color-gray-1: var(--color-gray-200);
    --sl-color-gray-2: var(--color-gray-300);
    --sl-color-gray-3: var(--color-gray-400);
    --sl-color-gray-4: var(--color-gray-600);
    --sl-color-gray-5: var(--color-gray-700);
    --sl-color-gray-6: var(--color-gray-800);
    --sl-color-black: var(--color-gray-900);
    --sl-color-accent-low: var(--color-accent-950, var(--color-accent-900, #1e1b4b));
    --sl-color-accent: var(--color-accent-600, #4f46e5);
    --sl-color-accent-high: var(--color-accent-200, #c7d2fe);
  }

  :root[data-theme="light"] {
    --sl-color-white: var(--color-gray-900);
    --sl-color-gray-1: var(--color-gray-800);
    --sl-color-gray-2: var(--color-gray-700);
    --sl-color-gray-3: var(--color-gray-500);
    --sl-color-gray-4: var(--color-gray-400);
    --sl-color-gray-5: var(--color-gray-300);
    --sl-color-gray-6: var(--color-gray-200);
    --sl-color-gray-7: var(--color-gray-100);
    --sl-color-black: var(--color-white);
    --sl-color-accent-low: var(--color-accent-200, #c7d2fe);
    --sl-color-accent: var(--color-accent-600, #4f46e5);
    --sl-color-accent-high: var(--color-accent-900, #312e81);
  }

  .\@container\/card-header {
    container: card-header / inline-size;
  }

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

  .collapse {
    visibility: collapse;
  }

  .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: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }

  .inset-x-\[calc\(var\(--landing-page-gutter\)\/-2\)\] {
    inset-inline: calc(var(--landing-page-gutter) / -2);
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .-top-\[5\.5rem\] {
    top: -5.5rem;
  }

  .-top-\[76px\] {
    top: -76px;
  }

  .-top-\[80px\] {
    top: -80px;
  }

  .-top-\[88px\] {
    top: -88px;
  }

  .top-0 {
    top: 0;
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

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

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

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

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

  .top-\[16\%\] {
    top: 16%;
  }

  .top-\[18\%\] {
    top: 18%;
  }

  .top-\[20\%\] {
    top: 20%;
  }

  .top-\[22\%\] {
    top: 22%;
  }

  .top-\[24\%\] {
    top: 24%;
  }

  .top-\[28\%\] {
    top: 28%;
  }

  .top-\[30\%\] {
    top: 30%;
  }

  .top-\[36\%\] {
    top: 36%;
  }

  .top-\[calc\(100\%_\+_12px\)\] {
    top: calc(100% + 12px);
  }

  .top-full {
    top: 100%;
  }

  .right-0 {
    right: 0;
  }

  .right-1 {
    right: var(--spacing);
  }

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

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

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

  .right-\[5\%\] {
    right: 5%;
  }

  .right-\[6\%\] {
    right: 6%;
  }

  .right-\[8\%\] {
    right: 8%;
  }

  .right-\[9\%\] {
    right: 9%;
  }

  .right-\[10\%\] {
    right: 10%;
  }

  .right-\[14\%\] {
    right: 14%;
  }

  .right-\[18\%\] {
    right: 18%;
  }

  .right-\[19\%\] {
    right: 19%;
  }

  .right-\[20\%\] {
    right: 20%;
  }

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

  .bottom-0 {
    bottom: 0;
  }

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

  .bottom-\[12\%\] {
    bottom: 12%;
  }

  .bottom-\[13\%\] {
    bottom: 13%;
  }

  .bottom-\[15\%\] {
    bottom: 15%;
  }

  .bottom-\[16\%\] {
    bottom: 16%;
  }

  .bottom-\[17\%\] {
    bottom: 17%;
  }

  .bottom-\[18\%\] {
    bottom: 18%;
  }

  .bottom-\[19\%\] {
    bottom: 19%;
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: 0;
  }

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

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

  .left-\[6\%\] {
    left: 6%;
  }

  .left-\[7\%\] {
    left: 7%;
  }

  .left-\[10\%\] {
    left: 10%;
  }

  .left-\[11\%\] {
    left: 11%;
  }

  .left-\[18\%\] {
    left: 18%;
  }

  .left-\[19\%\] {
    left: 19%;
  }

  .left-\[27\%\] {
    left: 27%;
  }

  .left-\[clamp\(1rem\,4vw\,3rem\)\] {
    left: clamp(1rem, 4vw, 3rem);
  }

  .left-\[clamp\(1rem\,4vw\,5rem\)\] {
    left: clamp(1rem, 4vw, 5rem);
  }

  .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-50 {
    z-index: 50;
  }

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

  .z-\[2\] {
    z-index: 2;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

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

  .m-0 {
    margin: 0;
  }

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

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

  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

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

  .mt-0 {
    margin-top: 0;
  }

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

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

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

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

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

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

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

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

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

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

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

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

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

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

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

  .mt-\[7px\] {
    margin-top: 7px;
  }

  .mt-\[10px\] {
    margin-top: 10px;
  }

  .mt-\[32px\] {
    margin-top: 32px;
  }

  .mt-\[76px\] {
    margin-top: 76px;
  }

  .mt-\[96px\] {
    margin-top: 96px;
  }

  .mt-\[clamp\(30px\,5vw\,52px\)\] {
    margin-top: clamp(30px, 5vw, 52px);
  }

  .mt-\[clamp\(64px\,8vw\,96px\)\] {
    margin-top: clamp(64px, 8vw, 96px);
  }

  .mt-\[clamp\(64px\,8vw\,104px\)\] {
    margin-top: clamp(64px, 8vw, 104px);
  }

  .mt-\[var\(--landing-card-gap\)\] {
    margin-top: var(--landing-card-gap);
  }

  .mt-\[var\(--landing-heading-copy-gap\)\] {
    margin-top: var(--landing-heading-copy-gap);
  }

  .mt-\[var\(--landing-intro-to-main\)\] {
    margin-top: var(--landing-intro-to-main);
  }

  .mt-\[var\(--landing-section-y\)\] {
    margin-top: var(--landing-section-y);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-\[0\.105em\] {
    margin-right: .105em;
  }

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

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .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-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

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

  .mb-\[30px\] {
    margin-bottom: 30px;
  }

  .mb-\[104px\] {
    margin-bottom: 104px;
  }

  .mb-\[clamp\(0\.35rem\,1\.2vw\,0\.85rem\)\] {
    margin-bottom: clamp(.35rem, 1.2vw, .85rem);
  }

  .mb-\[var\(--landing-divider-y\)\] {
    margin-bottom: var(--landing-divider-y);
  }

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

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

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

  .ml-\[0\.125em\] {
    margin-left: .125em;
  }

  .ml-auto {
    margin-left: auto;
  }

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

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -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;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .aspect-\[1200\/640\] {
    aspect-ratio: 1200 / 640;
  }

  .aspect-auto {
    aspect-ratio: auto;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  .size-\[0\.3em\] {
    width: .3em;
    height: .3em;
  }

  .size-\[16px\] {
    width: 16px;
    height: 16px;
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }

  .size-\[38px\] {
    width: 38px;
    height: 38px;
  }

  .size-\[72px\] {
    width: 72px;
    height: 72px;
  }

  .size-\[116px\] {
    width: 116px;
    height: 116px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

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

  .h-2\.5 {
    height: calc(var(--spacing) * 2.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-7 {
    height: calc(var(--spacing) * 7);
  }

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

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

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

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

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

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

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

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

  .h-\[1\.5px\] {
    height: 1.5px;
  }

  .h-\[42vh\] {
    height: 42vh;
  }

  .h-\[58\%\] {
    height: 58%;
  }

  .h-\[72\%\] {
    height: 72%;
  }

  .h-\[220px\] {
    height: 220px;
  }

  .h-\[260px\] {
    height: 260px;
  }

  .h-\[280px\] {
    height: 280px;
  }

  .h-\[310px\] {
    height: 310px;
  }

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

  .h-\[min\(760px\,100\%\)\] {
    height: min(760px, 100%);
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-svh {
    height: 100svh;
  }

  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

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

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

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

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

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

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

  .min-h-0 {
    min-height: 0;
  }

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

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

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

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

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

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

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

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

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

  .min-h-\[5\.5rem\] {
    min-height: 5.5rem;
  }

  .min-h-\[5\.25rem\] {
    min-height: 5.25rem;
  }

  .min-h-\[42px\] {
    min-height: 42px;
  }

  .min-h-\[46px\] {
    min-height: 46px;
  }

  .min-h-\[48px\] {
    min-height: 48px;
  }

  .min-h-\[52px\] {
    min-height: 52px;
  }

  .min-h-\[72px\] {
    min-height: 72px;
  }

  .min-h-\[74px\] {
    min-height: 74px;
  }

  .min-h-\[76px\] {
    min-height: 76px;
  }

  .min-h-\[100dvh\] {
    min-height: 100dvh;
  }

  .min-h-\[108px\] {
    min-height: 108px;
  }

  .min-h-\[146px\] {
    min-height: 146px;
  }

  .min-h-\[148px\] {
    min-height: 148px;
  }

  .min-h-\[150px\] {
    min-height: 150px;
  }

  .min-h-\[168px\] {
    min-height: 168px;
  }

  .min-h-\[280px\] {
    min-height: 280px;
  }

  .min-h-\[340px\] {
    min-height: 340px;
  }

  .min-h-\[360px\] {
    min-height: 360px;
  }

  .min-h-\[460px\] {
    min-height: 460px;
  }

  .min-h-\[560px\] {
    min-height: 560px;
  }

  .min-h-\[590px\] {
    min-height: 590px;
  }

  .min-h-\[610px\] {
    min-height: 610px;
  }

  .min-h-\[700px\] {
    min-height: 700px;
  }

  .min-h-\[760px\] {
    min-height: 760px;
  }

  .min-h-\[calc\(100dvh-72px\)\] {
    min-height: calc(100dvh - 72px);
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

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

  .min-h-svh {
    min-height: 100svh;
  }

  .w-\(--radix-dropdown-menu-trigger-width\) {
    width: var(--radix-dropdown-menu-trigger-width);
  }

  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }

  .w-0 {
    width: 0;
  }

  .w-1 {
    width: var(--spacing);
  }

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

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

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

  .w-3\/4 {
    width: 75%;
  }

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

  .w-4\/5 {
    width: 80%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[10\%\] {
    width: 10%;
  }

  .w-\[12\%\] {
    width: 12%;
  }

  .w-\[14\%\] {
    width: 14%;
  }

  .w-\[20\.666\%\] {
    width: 20.666%;
  }

  .w-\[22\%\] {
    width: 22%;
  }

  .w-\[26\%\] {
    width: 26%;
  }

  .w-\[29\%\] {
    width: 29%;
  }

  .w-\[34\%\] {
    width: 34%;
  }

  .w-\[38\%\] {
    width: 38%;
  }

  .w-\[39\%\] {
    width: 39%;
  }

  .w-\[48\%\] {
    width: 48%;
  }

  .w-\[49\%\] {
    width: 49%;
  }

  .w-\[132px\] {
    width: 132px;
  }

  .w-\[144px\] {
    width: 144px;
  }

  .w-\[148px\] {
    width: 148px;
  }

  .w-\[158px\] {
    width: 158px;
  }

  .w-\[164px\] {
    width: 164px;
  }

  .w-\[190px\] {
    width: 190px;
  }

  .w-\[210px\] {
    width: 210px;
  }

  .w-\[272px\] {
    width: 272px;
  }

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

  .w-\[clamp\(5\.5rem\,10vw\,8rem\)\] {
    width: clamp(5.5rem, 10vw, 8rem);
  }

  .w-\[min\(280px\,calc\(100vw_-_32px\)\)\] {
    width: min(280px, 100vw - 32px);
  }

  .w-\[min\(440px\,calc\(100vw-3rem\)\)\] {
    width: min(440px, 100vw - 3rem);
  }

  .w-\[min\(calc\(100\%_-_var\(--landing-page-gutter\)\)\,860px\)\] {
    width: min(calc(100% - var(--landing-page-gutter)), 860px);
  }

  .w-\[min\(calc\(100\%_-_var\(--landing-page-gutter\)\)\,900px\)\] {
    width: min(calc(100% - var(--landing-page-gutter)), 900px);
  }

  .w-\[min\(calc\(100\%_-_var\(--landing-page-gutter\)\)\,var\(--landing-content-max\)\)\] {
    width: min(calc(100% - var(--landing-page-gutter)), var(--landing-content-max));
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }

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

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

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

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

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

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

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

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

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

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

  .max-w-\[4\.75rem\] {
    max-width: 4.75rem;
  }

  .max-w-\[11\.5em\] {
    max-width: 11.5em;
  }

  .max-w-\[12ch\] {
    max-width: 12ch;
  }

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

  .max-w-\[25\.5rem\] {
    max-width: 25.5rem;
  }

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

  .max-w-\[32ch\] {
    max-width: 32ch;
  }

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

  .max-w-\[36ch\] {
    max-width: 36ch;
  }

  .max-w-\[42\%\] {
    max-width: 42%;
  }

  .max-w-\[42ch\] {
    max-width: 42ch;
  }

  .max-w-\[58ch\] {
    max-width: 58ch;
  }

  .max-w-\[62ch\] {
    max-width: 62ch;
  }

  .max-w-\[64ch\] {
    max-width: 64ch;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

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

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: 0;
  }

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

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

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

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

  .min-w-\[96px\] {
    min-width: 96px;
  }

  .min-w-\[720px\] {
    min-width: 720px;
  }

  .min-w-\[980px\] {
    min-width: 980px;
  }

  .min-w-\[1040px\] {
    min-width: 1040px;
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .min-w-max {
    min-width: max-content;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[1\.25\] {
    flex: 1.25;
  }

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

  .grow {
    flex-grow: 1;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

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

  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x: 1px;
    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);
  }

  .translate-y-\[0\.055em\] {
    --tw-translate-y: .055em;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

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

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

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

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-default {
    cursor: default;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .scroll-my-1 {
    scroll-margin-block: var(--spacing);
  }

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

  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

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

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

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

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

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

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

  .grid-cols-\[0\.5rem_2\.5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: .5rem 2.5rem minmax(0, 1fr);
  }

  .grid-cols-\[0\.95fr_1\.55fr_0\.58fr\] {
    grid-template-columns: .95fr 1.55fr .58fr;
  }

  .grid-cols-\[1\.35rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.35rem minmax(0, 1fr);
  }

  .grid-cols-\[1fr_0\.92fr_1fr\] {
    grid-template-columns: 1fr .92fr 1fr;
  }

  .grid-cols-\[2\.75rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
  }

  .grid-cols-\[16px_minmax\(0\,1fr\)\] {
    grid-template-columns: 16px minmax(0, 1fr);
  }

  .grid-cols-\[40px_minmax\(0\,1fr\)\] {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,0\.76fr\)_minmax\(0\,1\.24fr\)\] {
    grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(280px\,0\.54fr\)_minmax\(0\,1\.08fr\)\] {
    grid-template-columns: minmax(280px, .54fr) minmax(0, 1.08fr);
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(260px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .content-center {
    align-content: center;
  }

  .content-end {
    align-content: flex-end;
  }

  .content-start {
    align-content: flex-start;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

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

  .justify-center {
    justify-content: center;
  }

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

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-center {
    justify-items: center;
  }

  .justify-items-end {
    justify-items: end;
  }

  .gap-\(--card-spacing\) {
    gap: var(--card-spacing);
  }

  .gap-0 {
    gap: 0;
  }

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

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

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

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

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

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

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

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

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

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

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

  .gap-\[clamp\(10px\,2vw\,22px\)\] {
    gap: clamp(10px, 2vw, 22px);
  }

  .gap-\[clamp\(28px\,5vw\,52px\)\] {
    gap: clamp(28px, 5vw, 52px);
  }

  .gap-\[clamp\(28px\,5vw\,60px\)\] {
    gap: clamp(28px, 5vw, 60px);
  }

  .gap-\[clamp\(30px\,5vw\,58px\)\] {
    gap: clamp(30px, 5vw, 58px);
  }

  .gap-\[clamp\(32px\,5vw\,62px\)\] {
    gap: clamp(32px, 5vw, 62px);
  }

  .gap-\[clamp\(32px\,6vw\,76px\)\] {
    gap: clamp(32px, 6vw, 76px);
  }

  .gap-\[var\(--landing-card-gap\)\] {
    gap: var(--landing-card-gap);
  }

  .gap-\[var\(--landing-intro-to-main\)\] {
    gap: var(--landing-intro-to-main);
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block: 0;
  }

  :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-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * 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)));
  }

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

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

  :where(.-space-x-2 > :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)));
  }

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

  .gap-y-7 {
    row-gap: calc(var(--spacing) * 7);
  }

  .gap-y-9 {
    row-gap: calc(var(--spacing) * 9);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-border > :not(:last-child)), :where(.divide-border\/70 > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-border\/70 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

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

  .justify-self-end {
    justify-self: flex-end;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

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

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

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

  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }

  .rounded-\[1px\] {
    border-radius: 1px;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[28px\] {
    border-radius: 28px;
  }

  .rounded-\[34px\] {
    border-radius: 34px;
  }

  .rounded-\[42px\] {
    border-radius: 42px;
  }

  .rounded-\[100\%\] {
    border-radius: 100%;
  }

  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }

  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
    border-radius: min(var(--radius-md), 12px);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }

  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }

  .rounded-t-xl {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
  }

  .rounded-b-\[18px\] {
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
  }

  .rounded-b-xl {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }

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

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-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-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

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

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .\!border-\[\#1e293b\] {
    border-color: #1e293b !important;
  }

  .border-\(--color-border\) {
    border-color: var(--color-border);
  }

  .border-\[\#1e293b\] {
    border-color: #1e293b;
  }

  .border-\[\#1f2937\] {
    border-color: #1f2937;
  }

  .border-\[\#152033\] {
    border-color: #152033;
  }

  .border-\[\#dfd2c0\] {
    border-color: #dfd2c0;
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_14\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_14\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 14%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_16\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_16\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 16%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_18\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_18\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 18%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_22\%\,\#1e293b\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_22\%\,\#1e293b\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 22%,#1e293b);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_22\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_22\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 22%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_24\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_24\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 24%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_28\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_28\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 28%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_32\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_32\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 32%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_34\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_34\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 34%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_36\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_36\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 36%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_42\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_42\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 42%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_78\%\,var\(--border\)\)\] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand-accent\)_78\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--brand-accent) 78%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--chart-2\)_30\%\,var\(--border\)\)\] {
    border-color: var(--chart-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--chart-2\)_30\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--chart-2) 30%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--chart-5\)_18\%\,var\(--border\)\)\] {
    border-color: var(--chart-5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--chart-5\)_18\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--chart-5) 18%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--chart-5\)_20\%\,var\(--border\)\)\] {
    border-color: var(--chart-5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--chart-5\)_20\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--chart-5) 20%,var(--border));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--foreground\)_18\%\,var\(--border\)\)\] {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--foreground\)_18\%\,var\(--border\)\)\] {
      border-color: color-mix(in srgb,var(--foreground) 18%,var(--border));
    }
  }

  .border-\[var\(--brand-accent\)\] {
    border-color: var(--brand-accent);
  }

  .border-\[var\(--landing-code-border\)\] {
    border-color: var(--landing-code-border);
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-border, .border-border\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-border\/70 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .border-destructive\/20 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/20 {
      border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .border-destructive\/25 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/25 {
      border-color: color-mix(in oklab, var(--destructive) 25%, transparent);
    }
  }

  .border-destructive\/30 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/30 {
      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .border-destructive\/40 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/40 {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .border-foreground, .border-foreground\/80 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/80 {
      border-color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  .border-input {
    border-color: var(--input);
  }

  .border-primary, .border-primary\/30 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-sidebar-border {
    border-color: var(--sidebar-border);
  }

  .border-slate-200 {
    border-color: var(--color-slate-200);
  }

  .border-slate-300 {
    border-color: var(--color-slate-300);
  }

  .border-slate-700\/80 {
    border-color: #314158cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-700\/80 {
      border-color: color-mix(in oklab, var(--color-slate-700) 80%, transparent);
    }
  }

  .border-slate-800 {
    border-color: var(--color-slate-800);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .\!bg-\[\#080d18\] {
    background-color: #080d18 !important;
  }

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

  .bg-\[\#0d1117\] {
    background-color: #0d1117;
  }

  .bg-\[\#2f9b68\] {
    background-color: #2f9b68;
  }

  .bg-\[\#5a2b14\] {
    background-color: #5a2b14;
  }

  .bg-\[\#46c979\] {
    background-color: #46c979;
  }

  .bg-\[\#070b12\] {
    background-color: #070b12;
  }

  .bg-\[\#080d18\] {
    background-color: #080d18;
  }

  .bg-\[\#101827\] {
    background-color: #101827;
  }

  .bg-\[\#b68a6b\] {
    background-color: #b68a6b;
  }

  .bg-\[\#e8f7ef\] {
    background-color: #e8f7ef;
  }

  .bg-\[\#edf3fd\] {
    background-color: #edf3fd;
  }

  .bg-\[\#ef4444\] {
    background-color: #ef4444;
  }

  .bg-\[\#f7fbff\] {
    background-color: #f7fbff;
  }

  .bg-\[\#f8c14a\] {
    background-color: #f8c14a;
  }

  .bg-\[\#f59e0b\] {
    background-color: #f59e0b;
  }

  .bg-\[\#ff6b6b\] {
    background-color: #ff6b6b;
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_3\%\,var\(--card\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_3\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 3%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_4\%\,var\(--background\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_4\%\,var\(--background\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 4%,var(--background));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_4\%\,var\(--card\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_4\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 4%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_5\%\,var\(--card\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_5\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 5%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_6\%\,transparent\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_6\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 6%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_6\%\,var\(--card\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_6\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 6%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_7\%\,transparent\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_7\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 7%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_7\%\,var\(--card\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_7\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 7%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_8\%\,transparent\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_8\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 8%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_8\%\,var\(--card\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_8\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 8%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_9\%\,var\(--card\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_9\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 9%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_10\%\,transparent\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_10\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 10%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_10\%\,var\(--card\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_10\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 10%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_11\%\,var\(--card\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_11\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 11%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_12\%\,var\(--card\)\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_12\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 12%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_18\%\,transparent\)\] {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_18\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--brand-accent) 18%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--chart-2\)_7\%\,var\(--card\)\)\] {
    background-color: var(--chart-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--chart-2\)_7\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--chart-2) 7%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--chart-2\)_9\%\,var\(--card\)\)\] {
    background-color: var(--chart-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--chart-2\)_9\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--chart-2) 9%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--chart-2\)_12\%\,var\(--card\)\)\] {
    background-color: var(--chart-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--chart-2\)_12\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--chart-2) 12%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--chart-2\)_13\%\,var\(--card\)\)\] {
    background-color: var(--chart-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--chart-2\)_13\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--chart-2) 13%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--chart-5\)_7\%\,var\(--card\)\)\] {
    background-color: var(--chart-5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--chart-5\)_7\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--chart-5) 7%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--chart-5\)_8\%\,var\(--card\)\)\] {
    background-color: var(--chart-5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--chart-5\)_8\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--chart-5) 8%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-code-bg\)_74\%\,white_26\%\)\] {
    background-color: var(--landing-code-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-code-bg\)_74\%\,white_26\%\)\] {
      background-color: color-mix(in srgb,var(--landing-code-bg) 74%,white 26%);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-code-bg\)_88\%\,white_12\%\)\] {
    background-color: var(--landing-code-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-code-bg\)_88\%\,white_12\%\)\] {
      background-color: color-mix(in srgb,var(--landing-code-bg) 88%,white 12%);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--muted\)_20\%\,var\(--card\)\)\] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--muted\)_20\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--muted) 20%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--muted\)_32\%\,var\(--card\)\)\] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--muted\)_32\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--muted) 32%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--muted\)_34\%\,var\(--card\)\)\] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--muted\)_34\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--muted) 34%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--muted\)_38\%\,var\(--background\)\)\] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--muted\)_38\%\,var\(--background\)\)\] {
      background-color: color-mix(in srgb,var(--muted) 38%,var(--background));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--muted\)_42\%\,var\(--card\)\)\] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--muted\)_42\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--muted) 42%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--muted\)_50\%\,var\(--card\)\)\] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--muted\)_50\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--muted) 50%,var(--card));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--muted\)_60\%\,var\(--card\)\)\] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--muted\)_60\%\,var\(--card\)\)\] {
      background-color: color-mix(in srgb,var(--muted) 60%,var(--card));
    }
  }

  .bg-\[var\(--brand-accent\)\] {
    background-color: var(--brand-accent);
  }

  .bg-\[var\(--chart-2\)\] {
    background-color: var(--chart-2);
  }

  .bg-\[var\(--landing-code-bg\)\] {
    background-color: var(--landing-code-bg);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-300\/70 {
    background-color: #ffd236b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/70 {
      background-color: color-mix(in oklab, var(--color-amber-300) 70%, transparent);
    }
  }

  .bg-amber-500\/45 {
    background-color: #f99c0073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/45 {
      background-color: color-mix(in oklab, var(--color-amber-500) 45%, transparent);
    }
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/45 {
    background-color: #00000073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/45 {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }

  .bg-blue-50\/70 {
    background-color: #eff6ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/70 {
      background-color: color-mix(in oklab, var(--color-blue-50) 70%, transparent);
    }
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-card, .bg-card\/80 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/80 {
      background-color: color-mix(in oklab, var(--card) 80%, transparent);
    }
  }

  .bg-card\/90 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/90 {
      background-color: color-mix(in oklab, var(--card) 90%, transparent);
    }
  }

  .bg-card\/95 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/95 {
      background-color: color-mix(in oklab, var(--card) 95%, transparent);
    }
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-destructive, .bg-destructive\/5 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/5 {
      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
    }
  }

  .bg-destructive\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-400\/70 {
    background-color: #00d294b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-400\/70 {
      background-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
    }
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-emerald-500\/50 {
    background-color: #00bb7f80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/50 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
    }
  }

  .bg-foreground {
    background-color: var(--foreground);
  }

  .bg-green-700\/55 {
    background-color: #0081388c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-700\/55 {
      background-color: color-mix(in oklab, var(--color-green-700) 55%, transparent);
    }
  }

  .bg-muted, .bg-muted\/10 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/10 {
      background-color: color-mix(in oklab, var(--muted) 10%, transparent);
    }
  }

  .bg-muted\/20 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .bg-muted\/24 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/24 {
      background-color: color-mix(in oklab, var(--muted) 24%, transparent);
    }
  }

  .bg-muted\/25 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/25 {
      background-color: color-mix(in oklab, var(--muted) 25%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-muted\/35 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/35 {
      background-color: color-mix(in oklab, var(--muted) 35%, transparent);
    }
  }

  .bg-muted\/38 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/38 {
      background-color: color-mix(in oklab, var(--muted) 38%, transparent);
    }
  }

  .bg-muted\/40 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .bg-muted\/45 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/45 {
      background-color: color-mix(in oklab, var(--muted) 45%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-muted\/55 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/55 {
      background-color: color-mix(in oklab, var(--muted) 55%, transparent);
    }
  }

  .bg-muted\/60 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/60 {
      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }

  .bg-muted\/80 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/80 {
      background-color: color-mix(in oklab, var(--muted) 80%, transparent);
    }
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary, .bg-primary\/5 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-rose-400\/70 {
    background-color: #ff667fb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-400\/70 {
      background-color: color-mix(in oklab, var(--color-rose-400) 70%, transparent);
    }
  }

  .bg-rose-500\/45 {
    background-color: #ff235773;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-500\/45 {
      background-color: color-mix(in oklab, var(--color-rose-500) 45%, transparent);
    }
  }

  .bg-secondary, .bg-secondary\/80 {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/80 {
      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
    }
  }

  .bg-sidebar {
    background-color: var(--sidebar);
  }

  .bg-sidebar-border {
    background-color: var(--sidebar-border);
  }

  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }

  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }

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

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/55 {
    background-color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/55 {
      background-color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .bg-white\/\[0\.02\] {
    background-color: #ffffff05;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.02\] {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }

  .bg-white\/\[0\.03\] {
    background-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }

  .\[background-image\:linear-gradient\(to_right\,color-mix\(in_srgb\,var\(--brand-accent\)_8\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,color-mix\(in_srgb\,var\(--brand-accent\)_8\%\,transparent\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,var(--brand-accent) 1px,transparent 1px),linear-gradient(to bottom,var(--brand-accent) 1px,transparent 1px);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[background-image\:linear-gradient\(to_right\,color-mix\(in_srgb\,var\(--brand-accent\)_8\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,color-mix\(in_srgb\,var\(--brand-accent\)_8\%\,transparent\)_1px\,transparent_1px\)\] {
      background-image: linear-gradient(to right,color-mix(in srgb,var(--brand-accent) 8%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--brand-accent) 8%,transparent) 1px,transparent 1px);
    }
  }

  .\[background-image\:linear-gradient\(to_right\,color-mix\(in_srgb\,var\(--brand-accent\)_10\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,color-mix\(in_srgb\,var\(--brand-accent\)_10\%\,transparent\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,var(--brand-accent) 1px,transparent 1px),linear-gradient(to bottom,var(--brand-accent) 1px,transparent 1px);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[background-image\:linear-gradient\(to_right\,color-mix\(in_srgb\,var\(--brand-accent\)_10\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,color-mix\(in_srgb\,var\(--brand-accent\)_10\%\,transparent\)_1px\,transparent_1px\)\] {
      background-image: linear-gradient(to right,color-mix(in srgb,var(--brand-accent) 10%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--brand-accent) 10%,transparent) 1px,transparent 1px);
    }
  }

  .\[background-image\:linear-gradient\(to_right\,color-mix\(in_srgb\,var\(--brand-accent\)_11\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,color-mix\(in_srgb\,var\(--brand-accent\)_11\%\,transparent\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,var(--brand-accent) 1px,transparent 1px),linear-gradient(to bottom,var(--brand-accent) 1px,transparent 1px);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[background-image\:linear-gradient\(to_right\,color-mix\(in_srgb\,var\(--brand-accent\)_11\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,color-mix\(in_srgb\,var\(--brand-accent\)_11\%\,transparent\)_1px\,transparent_1px\)\] {
      background-image: linear-gradient(to right,color-mix(in srgb,var(--brand-accent) 11%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--brand-accent) 11%,transparent) 1px,transparent 1px);
    }
  }

  .bg-\[radial-gradient\(circle_at_50\%_30\%\,rgb\(255_255_255_\/_0\.92\)\,rgb\(239_246_255_\/_0\.6\)_44\%\,rgb\(219_234_254_\/_0\.48\)\)\] {
    background-image: radial-gradient(circle at 50% 30%, #ffffffeb, #eff6ff99 44%, #dbeafe7a);
  }

  .bg-\[radial-gradient\(ellipse_at_58\%_42\%\,var\(--background\)_0\%\,var\(--background\)_38\%\,color-mix\(in_srgb\,var\(--background\)_88\%\,transparent\)_64\%\,transparent_90\%\)\] {
    background-image: radial-gradient(ellipse at 58% 42%,var(--background) 0%,var(--background) 38%,var(--background) 64%,transparent 90%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(ellipse_at_58\%_42\%\,var\(--background\)_0\%\,var\(--background\)_38\%\,color-mix\(in_srgb\,var\(--background\)_88\%\,transparent\)_64\%\,transparent_90\%\)\] {
      background-image: radial-gradient(ellipse at 58% 42%,var(--background) 0%,var(--background) 38%,color-mix(in srgb,var(--background) 88%,transparent) 64%,transparent 90%);
    }
  }

  .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_34\%\,color-mix\(in_srgb\,var\(--background\)_84\%\,transparent\)_58\%\,transparent_88\%\)\] {
    background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 34%,var(--background) 58%,transparent 88%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_34\%\,color-mix\(in_srgb\,var\(--background\)_84\%\,transparent\)_58\%\,transparent_88\%\)\] {
      background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 34%,color-mix(in srgb,var(--background) 84%,transparent) 58%,transparent 88%);
    }
  }

  .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_36\%\,color-mix\(in_srgb\,var\(--background\)_82\%\,transparent\)_58\%\,transparent_88\%\)\] {
    background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 36%,var(--background) 58%,transparent 88%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_36\%\,color-mix\(in_srgb\,var\(--background\)_82\%\,transparent\)_58\%\,transparent_88\%\)\] {
      background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 36%,color-mix(in srgb,var(--background) 82%,transparent) 58%,transparent 88%);
    }
  }

  .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_38\%\,color-mix\(in_srgb\,var\(--background\)_86\%\,transparent\)_62\%\,transparent_90\%\)\] {
    background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 38%,var(--background) 62%,transparent 90%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_38\%\,color-mix\(in_srgb\,var\(--background\)_86\%\,transparent\)_62\%\,transparent_90\%\)\] {
      background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 38%,color-mix(in srgb,var(--background) 86%,transparent) 62%,transparent 90%);
    }
  }

  .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_39\%\,color-mix\(in_srgb\,var\(--background\)_84\%\,transparent\)_64\%\,transparent_92\%\)\] {
    background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 39%,var(--background) 64%,transparent 92%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_39\%\,color-mix\(in_srgb\,var\(--background\)_84\%\,transparent\)_64\%\,transparent_92\%\)\] {
      background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 39%,color-mix(in srgb,var(--background) 84%,transparent) 64%,transparent 92%);
    }
  }

  .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_45\%\,color-mix\(in_srgb\,var\(--background\)_82\%\,transparent\)_65\%\,transparent_90\%\)\] {
    background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 45%,var(--background) 65%,transparent 90%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_45\%\,color-mix\(in_srgb\,var\(--background\)_82\%\,transparent\)_65\%\,transparent_90\%\)\] {
      background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 45%,color-mix(in srgb,var(--background) 82%,transparent) 65%,transparent 90%);
    }
  }

  .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_48\%\,color-mix\(in_srgb\,var\(--background\)_86\%\,transparent\)_70\%\,transparent_92\%\)\] {
    background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 48%,var(--background) 70%,transparent 92%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[radial-gradient\(ellipse_at_center\,var\(--background\)_0\%\,var\(--background\)_48\%\,color-mix\(in_srgb\,var\(--background\)_86\%\,transparent\)_70\%\,transparent_92\%\)\] {
      background-image: radial-gradient(ellipse at center,var(--background) 0%,var(--background) 48%,color-mix(in srgb,var(--background) 86%,transparent) 70%,transparent 92%);
    }
  }

  .\[mask-image\:radial-gradient\(ellipse_at_center\,transparent_0\%\,transparent_34\%\,black_86\%\)\] {
    -webkit-mask-image: radial-gradient(#0000 0% 34%, #000 86%);
    mask-image: radial-gradient(#0000 0% 34%, #000 86%);
  }

  .\[background-size\:52px_52px\] {
    background-size: 52px 52px;
  }

  .\[background-size\:56px_56px\] {
    background-size: 56px 56px;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .fill-foreground {
    fill: var(--foreground);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-center {
    object-position: center;
  }

  .p-\(--card-spacing\) {
    padding: var(--card-spacing);
  }

  .p-0 {
    padding: 0;
  }

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

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

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

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

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

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

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

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

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[clamp\(14px\,2\.2vw\,24px\)\] {
    padding: clamp(14px, 2.2vw, 24px);
  }

  .p-\[clamp\(22px\,4vw\,40px\)\] {
    padding: clamp(22px, 4vw, 40px);
  }

  .p-\[clamp\(22px\,4vw\,42px\)\] {
    padding: clamp(22px, 4vw, 42px);
  }

  .p-\[clamp\(24px\,4\.5vw\,44px\)\] {
    padding: clamp(24px, 4.5vw, 44px);
  }

  .p-\[clamp\(28px\,5vw\,44px\)\] {
    padding: clamp(28px, 5vw, 44px);
  }

  .px-\(--card-spacing\) {
    padding-inline: var(--card-spacing);
  }

  .px-0 {
    padding-inline: 0;
  }

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

  .px-1 {
    padding-inline: var(--spacing);
  }

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

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

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

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

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

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

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

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

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

  .px-\[clamp\(1rem\,4vw\,3rem\)\] {
    padding-inline: clamp(1rem, 4vw, 3rem);
  }

  .py-\(--card-spacing\) {
    padding-block: var(--card-spacing);
  }

  .py-0 {
    padding-block: 0;
  }

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

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

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

  .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-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

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

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

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

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

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

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

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

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

  .py-\[clamp\(34px\,5vw\,58px\)\] {
    padding-block: clamp(34px, 5vw, 58px);
  }

  .py-\[clamp\(34px\,6vw\,64px\)\] {
    padding-block: clamp(34px, 6vw, 64px);
  }

  .py-\[clamp\(42px\,6vw\,76px\)\] {
    padding-block: clamp(42px, 6vw, 76px);
  }

  .py-\[clamp\(44px\,6vw\,70px\)\] {
    padding-block: clamp(44px, 6vw, 70px);
  }

  .py-\[clamp\(52px\,8vw\,86px\)\] {
    padding-block: clamp(52px, 8vw, 86px);
  }

  .py-\[clamp\(54px\,8vw\,94px\)\] {
    padding-block: clamp(54px, 8vw, 94px);
  }

  .py-\[clamp\(54px\,8vw\,96px\)\] {
    padding-block: clamp(54px, 8vw, 96px);
  }

  .py-\[clamp\(54px\,8vw\,104px\)\] {
    padding-block: clamp(54px, 8vw, 104px);
  }

  .py-\[clamp\(58px\,8vw\,104px\)\] {
    padding-block: clamp(58px, 8vw, 104px);
  }

  .py-\[var\(--landing-feature-section-y\)\] {
    padding-block: var(--landing-feature-section-y);
  }

  .py-\[var\(--landing-section-y\)\] {
    padding-block: var(--landing-section-y);
  }

  .pt-0 {
    padding-top: 0;
  }

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

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

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

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

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

  .pt-\[72px\] {
    padding-top: 72px;
  }

  .pt-\[118px\] {
    padding-top: 118px;
  }

  .pt-\[clamp\(32px\,6vw\,72px\)\] {
    padding-top: clamp(32px, 6vw, 72px);
  }

  .pt-\[clamp\(34px\,5vw\,58px\)\] {
    padding-top: clamp(34px, 5vw, 58px);
  }

  .pt-\[clamp\(42px\,6vw\,72px\)\] {
    padding-top: clamp(42px, 6vw, 72px);
  }

  .pt-\[clamp\(42px\,7vw\,82px\)\] {
    padding-top: clamp(42px, 7vw, 82px);
  }

  .pt-\[clamp\(48px\,7vw\,92px\)\] {
    padding-top: clamp(48px, 7vw, 92px);
  }

  .pt-\[clamp\(52px\,8vw\,104px\)\] {
    padding-top: clamp(52px, 8vw, 104px);
  }

  .pt-\[clamp\(52px\,8vw\,108px\)\] {
    padding-top: clamp(52px, 8vw, 108px);
  }

  .pt-\[clamp\(58px\,8vw\,104px\)\] {
    padding-top: clamp(58px, 8vw, 104px);
  }

  .pt-\[clamp\(72px\,9vw\,128px\)\] {
    padding-top: clamp(72px, 9vw, 128px);
  }

  .pt-\[var\(--landing-divider-y\)\] {
    padding-top: var(--landing-divider-y);
  }

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

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

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

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

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

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

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

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

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

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

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

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

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

  .pb-\[clamp\(28px\,4vw\,48px\)\] {
    padding-bottom: clamp(28px, 4vw, 48px);
  }

  .pb-\[clamp\(38px\,5vw\,70px\)\] {
    padding-bottom: clamp(38px, 5vw, 70px);
  }

  .pb-\[clamp\(48px\,5\.5vw\,72px\)\] {
    padding-bottom: clamp(48px, 5.5vw, 72px);
  }

  .pb-\[clamp\(50px\,7vw\,82px\)\] {
    padding-bottom: clamp(50px, 7vw, 82px);
  }

  .pb-\[clamp\(50px\,7vw\,88px\)\] {
    padding-bottom: clamp(50px, 7vw, 88px);
  }

  .pb-\[clamp\(54px\,8vw\,96px\)\] {
    padding-bottom: clamp(54px, 8vw, 96px);
  }

  .pb-\[clamp\(54px\,8vw\,110px\)\] {
    padding-bottom: clamp(54px, 8vw, 110px);
  }

  .pb-\[clamp\(56px\,7vw\,88px\)\] {
    padding-bottom: clamp(56px, 7vw, 88px);
  }

  .pb-\[clamp\(56px\,8vw\,98px\)\] {
    padding-bottom: clamp(56px, 8vw, 98px);
  }

  .pb-\[clamp\(86px\,10vw\,148px\)\] {
    padding-bottom: clamp(86px, 10vw, 148px);
  }

  .pb-\[var\(--landing-section-y\)\] {
    padding-bottom: var(--landing-section-y);
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

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

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

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

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

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .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-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

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

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

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

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

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

  .text-\[0\.7rem\] {
    font-size: .7rem;
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[0\.9rem\] {
    font-size: .9rem;
  }

  .text-\[0\.68rem\] {
    font-size: .68rem;
  }

  .text-\[0\.72rem\] {
    font-size: .72rem;
  }

  .text-\[0\.75rem\] {
    font-size: .75rem;
  }

  .text-\[0\.76rem\] {
    font-size: .76rem;
  }

  .text-\[0\.78rem\] {
    font-size: .78rem;
  }

  .text-\[0\.79rem\] {
    font-size: .79rem;
  }

  .text-\[0\.82rem\] {
    font-size: .82rem;
  }

  .text-\[0\.84rem\] {
    font-size: .84rem;
  }

  .text-\[0\.86rem\] {
    font-size: .86rem;
  }

  .text-\[0\.88rem\] {
    font-size: .88rem;
  }

  .text-\[0\.91rem\] {
    font-size: .91rem;
  }

  .text-\[0\.92em\] {
    font-size: .92em;
  }

  .text-\[0\.92rem\] {
    font-size: .92rem;
  }

  .text-\[0\.93rem\] {
    font-size: .93rem;
  }

  .text-\[0\.94rem\] {
    font-size: .94rem;
  }

  .text-\[0\.95rem\] {
    font-size: .95rem;
  }

  .text-\[0\.96rem\] {
    font-size: .96rem;
  }

  .text-\[0\.98rem\] {
    font-size: .98rem;
  }

  .text-\[0\.875rem\] {
    font-size: .875rem;
  }

  .text-\[1\.1rem\] {
    font-size: 1.1rem;
  }

  .text-\[1\.02rem\] {
    font-size: 1.02rem;
  }

  .text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .text-\[1\.03rem\] {
    font-size: 1.03rem;
  }

  .text-\[1\.05rem\] {
    font-size: 1.05rem;
  }

  .text-\[1\.08rem\] {
    font-size: 1.08rem;
  }

  .text-\[1\.8rem\] {
    font-size: 1.8rem;
  }

  .text-\[1\.12rem\] {
    font-size: 1.12rem;
  }

  .text-\[1\.32rem\] {
    font-size: 1.32rem;
  }

  .text-\[1\.35rem\] {
    font-size: 1.35rem;
  }

  .text-\[1\.85rem\] {
    font-size: 1.85rem;
  }

  .text-\[1rem\] {
    font-size: 1rem;
  }

  .text-\[2\.75rem\] {
    font-size: 2.75rem;
  }

  .text-\[6\.1rem\] {
    font-size: 6.1rem;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[clamp\(0\.66rem\,1\.35vw\,0\.92rem\)\] {
    font-size: clamp(.66rem, 1.35vw, .92rem);
  }

  .text-\[clamp\(1\.02rem\,1\.6vw\,1\.22rem\)\] {
    font-size: clamp(1.02rem, 1.6vw, 1.22rem);
  }

  .text-\[clamp\(1\.02rem\,1\.45vw\,1\.18rem\)\] {
    font-size: clamp(1.02rem, 1.45vw, 1.18rem);
  }

  .text-\[clamp\(1\.05rem\,1\.55vw\,1\.24rem\)\] {
    font-size: clamp(1.05rem, 1.55vw, 1.24rem);
  }

  .text-\[clamp\(1\.05rem\,2vw\,1\.35rem\)\] {
    font-size: clamp(1.05rem, 2vw, 1.35rem);
  }

  .text-\[clamp\(1\.6rem\,3\.2vw\,3\.05rem\)\] {
    font-size: clamp(1.6rem, 3.2vw, 3.05rem);
  }

  .text-\[clamp\(1\.8rem\,3vw\,2\.5rem\)\] {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
  }

  .text-\[clamp\(1\.9rem\,3\.3vw\,2\.9rem\)\] {
    font-size: clamp(1.9rem, 3.3vw, 2.9rem);
  }

  .text-\[clamp\(1\.9rem\,3\.4vw\,3\.2rem\)\] {
    font-size: clamp(1.9rem, 3.4vw, 3.2rem);
  }

  .text-\[clamp\(1\.9rem\,3\.5vw\,3\.4rem\)\] {
    font-size: clamp(1.9rem, 3.5vw, 3.4rem);
  }

  .text-\[clamp\(1\.35rem\,3vw\,2\.2rem\)\] {
    font-size: clamp(1.35rem, 3vw, 2.2rem);
  }

  .text-\[clamp\(1\.45rem\,5\.2vw\,1\.6rem\)\] {
    font-size: clamp(1.45rem, 5.2vw, 1.6rem);
  }

  .text-\[clamp\(1\.55rem\,3vw\,2\.25rem\)\] {
    font-size: clamp(1.55rem, 3vw, 2.25rem);
  }

  .text-\[clamp\(1\.85rem\,3\.4vw\,3\.35rem\)\] {
    font-size: clamp(1.85rem, 3.4vw, 3.35rem);
  }

  .text-\[clamp\(2\.3rem\,4\.8vw\,5\.1rem\)\] {
    font-size: clamp(2.3rem, 4.8vw, 5.1rem);
  }

  .text-\[clamp\(2\.05rem\,4\.2vw\,4\.3rem\)\] {
    font-size: clamp(2.05rem, 4.2vw, 4.3rem);
  }

  .text-\[clamp\(2\.25rem\,4\.35vw\,4rem\)\] {
    font-size: clamp(2.25rem, 4.35vw, 4rem);
  }

  .text-\[clamp\(2\.35rem\,5vw\,4\.6rem\)\] {
    font-size: clamp(2.35rem, 5vw, 4.6rem);
  }

  .text-\[clamp\(2\.35rem\,5vw\,4\.7rem\)\] {
    font-size: clamp(2.35rem, 5vw, 4.7rem);
  }

  .text-\[clamp\(2\.35rem\,6vw\,4\.75rem\)\] {
    font-size: clamp(2.35rem, 6vw, 4.75rem);
  }

  .text-\[clamp\(2\.75rem\,5\.9vw\,5\.85rem\)\] {
    font-size: clamp(2.75rem, 5.9vw, 5.85rem);
  }

  .text-\[clamp\(2rem\,3\.2vw\,3rem\)\] {
    font-size: clamp(2rem, 3.2vw, 3rem);
  }

  .text-\[clamp\(2rem\,3\.5vw\,3rem\)\] {
    font-size: clamp(2rem, 3.5vw, 3rem);
  }

  .text-\[clamp\(2rem\,3\.7vw\,3\.1rem\)\] {
    font-size: clamp(2rem, 3.7vw, 3.1rem);
  }

  .text-\[clamp\(2rem\,3\.7vw\,3\.15rem\)\] {
    font-size: clamp(2rem, 3.7vw, 3.15rem);
  }

  .text-\[clamp\(2rem\,3\.7vw\,3\.25rem\)\] {
    font-size: clamp(2rem, 3.7vw, 3.25rem);
  }

  .text-\[clamp\(2rem\,3\.7vw\,3\.55rem\)\] {
    font-size: clamp(2rem, 3.7vw, 3.55rem);
  }

  .text-\[clamp\(2rem\,3\.8vw\,3\.25rem\)\] {
    font-size: clamp(2rem, 3.8vw, 3.25rem);
  }

  .text-\[clamp\(2rem\,4vw\,3rem\)\] {
    font-size: clamp(2rem, 4vw, 3rem);
  }

  .text-\[clamp\(3\.1rem\,6vw\,5\.85rem\)\] {
    font-size: clamp(3.1rem, 6vw, 5.85rem);
  }

  .text-\[clamp\(3\.05rem\,6\.2vw\,5\.25rem\)\] {
    font-size: clamp(3.05rem, 6.2vw, 5.25rem);
  }

  .text-\[clamp\(7\.5rem\,25vw\,19rem\)\] {
    font-size: clamp(7.5rem, 25vw, 19rem);
  }

  .text-\[length\:0\.95rem\] {
    font-size: .95rem;
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

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

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[0\.78\] {
    --tw-leading: .78;
    line-height: .78;
  }

  .leading-\[0\.92\] {
    --tw-leading: .92;
    line-height: .92;
  }

  .leading-\[0\.94\] {
    --tw-leading: .94;
    line-height: .94;
  }

  .leading-\[0\.96\] {
    --tw-leading: .96;
    line-height: .96;
  }

  .leading-\[1\.01\] {
    --tw-leading: 1.01;
    line-height: 1.01;
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.03\] {
    --tw-leading: 1.03;
    line-height: 1.03;
  }

  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.06\] {
    --tw-leading: 1.06;
    line-height: 1.06;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  .leading-\[1\.18\] {
    --tw-leading: 1.18;
    line-height: 1.18;
  }

  .leading-\[1\.22\] {
    --tw-leading: 1.22;
    line-height: 1.22;
  }

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-\[1\.34\] {
    --tw-leading: 1.34;
    line-height: 1.34;
  }

  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .leading-\[1\.52\] {
    --tw-leading: 1.52;
    line-height: 1.52;
  }

  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }

  .leading-\[1\.58\] {
    --tw-leading: 1.58;
    line-height: 1.58;
  }

  .leading-\[1\.62\] {
    --tw-leading: 1.62;
    line-height: 1.62;
  }

  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }

  .leading-\[1\.78\] {
    --tw-leading: 1.78;
    line-height: 1.78;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .font-\[560\] {
    --tw-font-weight: 560;
    font-weight: 560;
  }

  .font-\[610\] {
    --tw-font-weight: 610;
    font-weight: 610;
  }

  .font-\[620\] {
    --tw-font-weight: 620;
    font-weight: 620;
  }

  .font-\[640\] {
    --tw-font-weight: 640;
    font-weight: 640;
  }

  .font-\[650\] {
    --tw-font-weight: 650;
    font-weight: 650;
  }

  .font-\[660\] {
    --tw-font-weight: 660;
    font-weight: 660;
  }

  .font-\[680\] {
    --tw-font-weight: 680;
    font-weight: 680;
  }

  .font-\[690\] {
    --tw-font-weight: 690;
    font-weight: 690;
  }

  .font-\[700\] {
    --tw-font-weight: 700;
    font-weight: 700;
  }

  .font-\[710\] {
    --tw-font-weight: 710;
    font-weight: 710;
  }

  .font-\[720\] {
    --tw-font-weight: 720;
    font-weight: 720;
  }

  .font-\[730\] {
    --tw-font-weight: 730;
    font-weight: 730;
  }

  .font-\[740\] {
    --tw-font-weight: 740;
    font-weight: 740;
  }

  .font-\[760\] {
    --tw-font-weight: 760;
    font-weight: 760;
  }

  .font-\[780\] {
    --tw-font-weight: 780;
    font-weight: 780;
  }

  .font-\[800\] {
    --tw-font-weight: 800;
    font-weight: 800;
  }

  .font-\[820\] {
    --tw-font-weight: 820;
    font-weight: 820;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

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

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.015em\] {
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
  }

  .tracking-\[-0\.025em\] {
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
  }

  .tracking-\[-0\.035em\] {
    --tw-tracking: -.035em;
    letter-spacing: -.035em;
  }

  .tracking-\[-0\.055em\] {
    --tw-tracking: -.055em;
    letter-spacing: -.055em;
  }

  .tracking-\[-0\.065em\] {
    --tw-tracking: -.065em;
    letter-spacing: -.065em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .text-wrap {
    text-wrap: wrap;
  }

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

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\!text-\[\#cbd5e1\] {
    color: #cbd5e1 !important;
  }

  .\!text-muted-foreground {
    color: var(--muted-foreground) !important;
  }

  .\!text-primary-foreground {
    color: var(--primary-foreground) !important;
  }

  .text-\[\#2f9b68\] {
    color: #2f9b68;
  }

  .text-\[\#4a210f\] {
    color: #4a210f;
  }

  .text-\[\#5a2b14\] {
    color: #5a2b14;
  }

  .text-\[\#6b3a20\] {
    color: #6b3a20;
  }

  .text-\[\#cbd5e1\] {
    color: #cbd5e1;
  }

  .text-\[color-mix\(in_srgb\,\#5a2b14_68\%\,var\(--muted-foreground\)\)\] {
    color: #5a2b14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,\#5a2b14_68\%\,var\(--muted-foreground\)\)\] {
      color: color-mix(in srgb,#5a2b14 68%,var(--muted-foreground));
    }
  }

  .text-\[color-mix\(in_srgb\,\#5a2b14_72\%\,var\(--muted-foreground\)\)\] {
    color: #5a2b14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,\#5a2b14_72\%\,var\(--muted-foreground\)\)\] {
      color: color-mix(in srgb,#5a2b14 72%,var(--muted-foreground));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_30\%\,var\(--foreground\)\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_30\%\,var\(--foreground\)\)\] {
      color: color-mix(in srgb,var(--brand-accent) 30%,var(--foreground));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_32\%\,var\(--foreground\)\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_32\%\,var\(--foreground\)\)\] {
      color: color-mix(in srgb,var(--brand-accent) 32%,var(--foreground));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_36\%\,var\(--foreground\)\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_36\%\,var\(--foreground\)\)\] {
      color: color-mix(in srgb,var(--brand-accent) 36%,var(--foreground));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_44\%\,var\(--foreground\)\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_44\%\,var\(--foreground\)\)\] {
      color: color-mix(in srgb,var(--brand-accent) 44%,var(--foreground));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_72\%\,var\(--foreground\)\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_72\%\,var\(--foreground\)\)\] {
      color: color-mix(in srgb,var(--brand-accent) 72%,var(--foreground));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_78\%\,var\(--foreground\)_22\%\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_78\%\,var\(--foreground\)_22\%\)\] {
      color: color-mix(in srgb,var(--brand-accent) 78%,var(--foreground) 22%);
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_82\%\,var\(--foreground\)\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_82\%\,var\(--foreground\)\)\] {
      color: color-mix(in srgb,var(--brand-accent) 82%,var(--foreground));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_84\%\,var\(--foreground\)\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_84\%\,var\(--foreground\)\)\] {
      color: color-mix(in srgb,var(--brand-accent) 84%,var(--foreground));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_86\%\,var\(--foreground\)\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_86\%\,var\(--foreground\)\)\] {
      color: color-mix(in srgb,var(--brand-accent) 86%,var(--foreground));
    }
  }

  .text-\[var\(--brand-accent\)\] {
    color: var(--brand-accent);
  }

  .text-\[var\(--chart-2\)\] {
    color: var(--chart-2);
  }

  .text-\[var\(--landing-code-foreground\)\] {
    color: var(--landing-code-foreground);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-amber-950 {
    color: var(--color-amber-950);
  }

  .text-background {
    color: var(--background);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-950 {
    color: var(--color-blue-950);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

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

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-foreground, .text-foreground\/60 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-muted-foreground, .text-muted-foreground\/70 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-sidebar-foreground, .text-sidebar-foreground\/60 {
    color: var(--sidebar-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-sidebar-foreground\/60 {
      color: color-mix(in oklab, var(--sidebar-foreground) 60%, transparent);
    }
  }

  .text-sidebar-foreground\/70 {
    color: var(--sidebar-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-sidebar-foreground\/70 {
      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
    }
  }

  .text-slate-50 {
    color: var(--color-slate-50);
  }

  .text-slate-100 {
    color: var(--color-slate-100);
  }

  .text-slate-200 {
    color: var(--color-slate-200);
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-zinc-500 {
    color: var(--color-zinc-500);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .not-italic {
    font-style: normal;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .accent-\[color-mix\(in_srgb\,var\(--brand-accent\)_76\%\,var\(--foreground\)_24\%\)\] {
    accent-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .accent-\[color-mix\(in_srgb\,var\(--brand-accent\)_76\%\,var\(--foreground\)_24\%\)\] {
      accent-color: color-mix(in srgb,var(--brand-accent) 76%,var(--foreground) 24%);
    }
  }

  .accent-\[var\(--brand-accent\)\] {
    accent-color: var(--brand-accent);
  }

  .accent-primary {
    accent-color: var(--primary);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-35 {
    opacity: .35;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-65 {
    opacity: .65;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .bg-blend-color {
    background-blend-mode: color;
  }

  .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);
  }

  .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_rgb\(15_23_42_\/_0\.06\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0f172a0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_3px_rgb\(15_23_42_\/_0\.08\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0f172a14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_6px_rgb\(37_99_235_\/_0\.12\)\] {
    --tw-shadow: 0 2px 6px var(--tw-shadow-color, #2563eb1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_22px_rgb\(15_23_42_\/_0\.12\)\] {
    --tw-shadow: 0 8px 22px var(--tw-shadow-color, #0f172a1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_rgb\(120_70_20_\/_0\.07\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #78461412);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_28px_rgb\(15_23_42_\/_0\.16\)\] {
    --tw-shadow: 0 12px 28px var(--tw-shadow-color, #0f172a29);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_42px_rgb\(15_23_42_\/_0\.035\)\] {
    --tw-shadow: 0 14px 42px var(--tw-shadow-color, #0f172a09);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_44px_rgb\(15_23_42_\/_0\.04\)\] {
    --tw-shadow: 0 16px 44px var(--tw-shadow-color, #0f172a0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_50px_rgb\(15_23_42_\/_0\.12\)\] {
    --tw-shadow: 0 16px 50px var(--tw-shadow-color, #0f172a1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_44px_rgb\(15_23_42_\/_0\.1\)\] {
    --tw-shadow: 0 18px 44px var(--tw-shadow-color, #0f172a1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_54px_rgb\(15_23_42_\/_0\.05\)\] {
    --tw-shadow: 0 18px 54px var(--tw-shadow-color, #0f172a0d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_54px_rgb\(15_23_42_\/_0\.045\)\] {
    --tw-shadow: 0 18px 54px var(--tw-shadow-color, #0f172a0b);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_60px_rgb\(15_23_42_\/_0\.07\)\] {
    --tw-shadow: 0 18px 60px var(--tw-shadow-color, #0f172a12);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_60px_rgb\(15_23_42_\/_0\.08\)\] {
    --tw-shadow: 0 18px 60px var(--tw-shadow-color, #0f172a14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_70px_rgb\(15_23_42_\/_0\.08\)\] {
    --tw-shadow: 0 18px 70px var(--tw-shadow-color, #0f172a14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_70px_rgb\(15_23_42_\/_0\.14\)\] {
    --tw-shadow: 0 24px 70px var(--tw-shadow-color, #0f172a24);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_70px_rgb\(15_23_42_\/_0\.16\)\] {
    --tw-shadow: 0 24px 70px var(--tw-shadow-color, #0f172a29);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_80px_rgb\(15_23_42_\/_0\.08\)\] {
    --tw-shadow: 0 24px 80px var(--tw-shadow-color, #0f172a14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_70px_rgb\(15_23_42_\/_0\.22\)\] {
    --tw-shadow: 0 28px 70px var(--tw-shadow-color, #0f172a38);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgb\(255_255_255_\/_0\.48\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff7a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgb\(15_23_42_\/_0\.03\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #0f172a08);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgb\(255_255_255_\/_0\.06\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgb\(255_255_255_\/_0\.9\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffffe6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --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);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-1 {
    --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-\[color-mix\(in_srgb\,var\(--brand-accent\)_18\%\,transparent\)\] {
    --tw-ring-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color-mix\(in_srgb\,var\(--brand-accent\)_18\%\,transparent\)\] {
      --tw-ring-color: color-mix(in srgb,var(--brand-accent) 18%,transparent);
    }
  }

  .ring-\[color-mix\(in_srgb\,var\(--brand-accent\)_55\%\,var\(--card\)\)\] {
    --tw-ring-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color-mix\(in_srgb\,var\(--brand-accent\)_55\%\,var\(--card\)\)\] {
      --tw-ring-color: color-mix(in srgb,var(--brand-accent) 55%,var(--card));
    }
  }

  .ring-background {
    --tw-ring-color: var(--background);
  }

  .ring-black\/10 {
    --tw-ring-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .ring-border {
    --tw-ring-color: var(--border);
  }

  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .ring-primary\/20 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/20 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .ring-primary\/45 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/45 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 45%, transparent);
    }
  }

  .ring-sidebar-ring {
    --tw-ring-color: var(--sidebar-ring);
  }

  .ring-offset-0 {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

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

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

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

  .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, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .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-\[background-color\,box-shadow\] {
    transition-property: background-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    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-opacity {
    transition-property: opacity;
    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));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

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

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[--card-spacing\:--spacing\(4\)\] {
    --card-spacing: calc(var(--spacing) * 4);
  }

  .\[--landing-codepen-height\:clamp\(640px\,72vh\,820px\)\] {
    --landing-codepen-height: clamp(640px, 72vh, 820px);
  }

  .\[-webkit-text-fill-color\:var\(--primary-foreground\)\] {
    -webkit-text-fill-color: var(--primary-foreground);
  }

  .\[clip-path\:polygon\(0_0\,100\%_0\,0_100\%\)\] {
    clip-path: polygon(0 0, 100% 0, 0 100%);
  }

  .\[clip-path\:polygon\(100\%_0\,100\%_100\%\,0_100\%\)\] {
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
  }

  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }

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

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

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

    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
      scale: 1.03;
    }

    .group-hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_30\%\,var\(--border\)\)\]:is(:where(.group):hover *) {
      border-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_30\%\,var\(--border\)\)\]:is(:where(.group):hover *) {
        border-color: color-mix(in srgb,var(--brand-accent) 30%,var(--border));
      }
    }

    .group-hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_32\%\,var\(--border\)\)\]:is(:where(.group):hover *) {
      border-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_32\%\,var\(--border\)\)\]:is(:where(.group):hover *) {
        border-color: color-mix(in srgb,var(--brand-accent) 32%,var(--border));
      }
    }

    .group-hover\:bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_11\%\,var\(--card\)\)\]:is(:where(.group):hover *) {
      background-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_11\%\,var\(--card\)\)\]:is(:where(.group):hover *) {
        background-color: color-mix(in srgb,var(--brand-accent) 11%,var(--card));
      }
    }

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

  .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *) {
    color: var(--accent-foreground);
  }

  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs)[data-horizontal] *) {
    height: calc(var(--spacing) * 8);
  }

  .group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs)[data-vertical] *) {
    height: fit-content;
  }

  .group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs)[data-vertical] *) {
    width: 100%;
  }

  .group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs)[data-vertical] *) {
    flex-direction: column;
  }

  .group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs)[data-vertical] *) {
    justify-content: flex-start;
  }

  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }

  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }

  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }

  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
  }

  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }

  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: 0 !important;
  }

  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }

  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0;
  }

  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: 0;
  }

  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: 0;
  }

  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }

  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size="sm"] *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: var(--radius);
  }

  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --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);
  }

  .group-data-\[variant\=floating\]\:ring-1:is(:where(.group)[data-variant="floating"] *) {
    --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);
  }

  .group-data-\[variant\=floating\]\:ring-sidebar-border:is(:where(.group)[data-variant="floating"] *) {
    --tw-ring-color: var(--sidebar-border);
  }

  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    background-color: #0000;
  }

  @media (hover: hover) {
    .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
      color: var(--sidebar-accent-foreground);
    }
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .peer-data-active\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active] ~ *) {
    color: var(--sidebar-accent-foreground);
  }

  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }

  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: var(--spacing);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-6::file-selector-button {
    height: calc(var(--spacing) * 6);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

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

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder, .placeholder\:text-muted-foreground\/65::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted-foreground\/65::placeholder {
      color: color-mix(in oklab, var(--muted-foreground) 65%, transparent);
    }
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-3:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 3);
  }

  .before\:bottom-3:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 3);
  }

  .before\:left-\[7px\]:before {
    content: var(--tw-content);
    left: 7px;
  }

  .before\:w-px:before {
    content: var(--tw-content);
    width: 1px;
  }

  .before\:bg-border:before {
    content: var(--tw-content);
    background-color: var(--border);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
  }

  .after\:inset-x-3:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 3);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: 0;
  }

  .after\:start-1\/2:after {
    content: var(--tw-content);
    inset-inline-start: 50%;
  }

  .after\:top-0:after {
    content: var(--tw-content);
    top: 0;
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: 0;
  }

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: 0;
  }

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

  .after\:h-full:after {
    content: var(--tw-content);
    height: 100%;
  }

  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }

  .after\:w-px:after {
    content: var(--tw-content);
    width: 1px;
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

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

  .after\:border-border:after {
    content: var(--tw-content);
    border-color: var(--border);
  }

  .after\:bg-\[var\(--brand-accent\)\]:after {
    content: var(--tw-content);
    background-color: var(--brand-accent);
  }

  .after\:bg-border:after {
    content: var(--tw-content);
    background-color: var(--border);
  }

  .after\:bg-foreground:after {
    content: var(--tw-content);
    background-color: var(--foreground);
  }

  .after\:bg-transparent:after {
    content: var(--tw-content);
    background-color: #0000;
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:mix-blend-darken:after {
    content: var(--tw-content);
    mix-blend-mode: darken;
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-horizontal] *):after {
    content: var(--tw-content);
    inset-inline: 0;
  }

  .group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-horizontal] *):after {
    content: var(--tw-content);
    bottom: -5px;
  }

  .group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-horizontal] *):after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-vertical] *):after {
    content: var(--tw-content);
    inset-block: 0;
  }

  .group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-vertical] *):after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1);
  }

  .group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-vertical] *):after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
    content: var(--tw-content);
    left: 100%;
  }

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

  .first\:pt-0:first-child {
    padding-top: 0;
  }

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

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

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

  .last\:pb-0:last-child {
    padding-bottom: 0;
  }

  .focus-within\:ring-0:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
  }

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

  @media (hover: hover) {
    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_24\%\,var\(--border\)\)\]:hover {
      border-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_24\%\,var\(--border\)\)\]:hover {
        border-color: color-mix(in srgb,var(--brand-accent) 24%,var(--border));
      }
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_28\%\,var\(--border\)\)\]:hover {
      border-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_28\%\,var\(--border\)\)\]:hover {
        border-color: color-mix(in srgb,var(--brand-accent) 28%,var(--border));
      }
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_30\%\,var\(--border\)\)\]:hover {
      border-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_30\%\,var\(--border\)\)\]:hover {
        border-color: color-mix(in srgb,var(--brand-accent) 30%,var(--border));
      }
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_32\%\,var\(--border\)\)\]:hover {
      border-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_32\%\,var\(--border\)\)\]:hover {
        border-color: color-mix(in srgb,var(--brand-accent) 32%,var(--border));
      }
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_45\%\,var\(--border\)\)\]:hover {
      border-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_45\%\,var\(--border\)\)\]:hover {
        border-color: color-mix(in srgb,var(--brand-accent) 45%,var(--border));
      }
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_58\%\,var\(--border\)\)\]:hover {
      border-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_58\%\,var\(--border\)\)\]:hover {
        border-color: color-mix(in srgb,var(--brand-accent) 58%,var(--border));
      }
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_62\%\,var\(--border\)\)\]:hover {
      border-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_62\%\,var\(--border\)\)\]:hover {
        border-color: color-mix(in srgb,var(--brand-accent) 62%,var(--border));
      }
    }

    .hover\:border-primary\/50:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/50:hover {
        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }

    .hover\:bg-\[\#6f371b\]:hover {
      background-color: #6f371b;
    }

    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_3\.5\%\,var\(--card\)\)\]:hover {
      background-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_3\.5\%\,var\(--card\)\)\]:hover {
        background-color: color-mix(in srgb,var(--brand-accent) 3.5%,var(--card));
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_4\%\,var\(--background\)\)\]:hover {
      background-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_4\%\,var\(--background\)\)\]:hover {
        background-color: color-mix(in srgb,var(--brand-accent) 4%,var(--background));
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_5\%\,var\(--card\)\)\]:hover {
      background-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_5\%\,var\(--card\)\)\]:hover {
        background-color: color-mix(in srgb,var(--brand-accent) 5%,var(--card));
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_6\%\,var\(--card\)\)\]:hover {
      background-color: var(--brand-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--brand-accent\)_6\%\,var\(--card\)\)\]:hover {
        background-color: color-mix(in srgb,var(--brand-accent) 6%,var(--card));
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--chart-2\)_11\%\,var\(--card\)\)\]:hover {
      background-color: var(--chart-2);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--chart-2\)_11\%\,var\(--card\)\)\]:hover {
        background-color: color-mix(in srgb,var(--chart-2) 11%,var(--card));
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--primary\)_88\%\,var\(--card\)_12\%\)\]:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--primary\)_88\%\,var\(--card\)_12\%\)\]:hover {
        background-color: color-mix(in srgb,var(--primary) 88%,var(--card) 12%);
      }
    }

    .hover\:bg-destructive\/10:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/10:hover {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
      }
    }

    .hover\:bg-destructive\/20:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }

    .hover\:bg-muted:hover, .hover\:bg-muted\/22:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/22:hover {
        background-color: color-mix(in oklab, var(--muted) 22%, transparent);
      }
    }

    .hover\:bg-muted\/25:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/25:hover {
        background-color: color-mix(in oklab, var(--muted) 25%, transparent);
      }
    }

    .hover\:bg-muted\/30:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/30:hover {
        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
      }
    }

    .hover\:bg-muted\/40:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/40:hover {
        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
      }
    }

    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .hover\:bg-muted\/55:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/55:hover {
        background-color: color-mix(in oklab, var(--muted) 55%, transparent);
      }
    }

    .hover\:bg-primary\/5:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/5:hover {
        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
      }
    }

    .hover\:bg-primary\/10:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .hover\:bg-primary\/80:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }

    .hover\:bg-secondary\/70:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/70:hover {
        background-color: color-mix(in oklab, var(--secondary) 70%, transparent);
      }
    }

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

    .hover\:\!text-\[var\(--brand-accent\)\]:hover {
      color: var(--brand-accent) !important;
    }

    .hover\:\!text-foreground:hover {
      color: var(--foreground) !important;
    }

    .hover\:\!text-primary-foreground:hover {
      color: var(--primary-foreground) !important;
    }

    .hover\:text-\[\#4a210f\]:hover {
      color: #4a210f;
    }

    .hover\:text-\[color-mix\(in_srgb\,var\(--foreground\)_82\%\,var\(--brand-accent\)_18\%\)\]:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-\[color-mix\(in_srgb\,var\(--foreground\)_82\%\,var\(--brand-accent\)_18\%\)\]:hover {
        color: color-mix(in srgb,var(--foreground) 82%,var(--brand-accent) 18%);
      }
    }

    .hover\:text-destructive:hover {
      color: var(--destructive);
    }

    .hover\:text-foreground:hover, .hover\:text-foreground\/75:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/75:hover {
        color: color-mix(in oklab, var(--foreground) 75%, transparent);
      }
    }

    .hover\:text-foreground\/80:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/80:hover {
        color: color-mix(in oklab, var(--foreground) 80%, transparent);
      }
    }

    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }

    .hover\:text-primary-foreground:hover {
      color: var(--primary-foreground);
    }

    .hover\:text-sidebar-accent-foreground:hover {
      color: var(--sidebar-accent-foreground);
    }

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

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) {
      background-color: var(--sidebar);
    }

    .hover\:after\:bg-primary:hover:after {
      content: var(--tw-content);
      background-color: var(--primary);
    }

    .hover\:after\:bg-sidebar-border:hover:after {
      content: var(--tw-content);
      background-color: var(--sidebar-border);
    }
  }

  .focus\:border-\[\#8c4a22\]:focus {
    border-color: #8c4a22;
  }

  .focus\:border-border:focus {
    border-color: var(--border);
  }

  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }

  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }

  .focus\:text-destructive:focus {
    color: var(--destructive);
  }

  .focus\:text-primary-foreground:focus {
    color: var(--primary-foreground);
  }

  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
  }

  .focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

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

  :is(.focus\:\*\*\:text-accent-foreground:focus *), :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }

  .focus-visible\:rounded-sm:focus-visible {
    border-radius: calc(var(--radius) - 4px);
  }

  .focus-visible\:border-\[\#8c4a22\]:focus-visible {
    border-color: #8c4a22;
  }

  .focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-destructive\/40:focus-visible {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:border-transparent:focus-visible {
    border-color: #0000;
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
  }

  .focus-visible\:ring-2:focus-visible {
    --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);
  }

  .focus-visible\:ring-3:focus-visible, .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-offset-0:focus-visible {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline:focus-visible, .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

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

  .active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:bg-sidebar-accent:active {
    background-color: var(--sidebar-accent);
  }

  .active\:text-sidebar-accent-foreground:active {
    color: var(--sidebar-accent-foreground);
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

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

  .disabled\:bg-input\/50:disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:bg-input\/50:disabled {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }

  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }

  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
    border-radius: var(--radius);
  }

  .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .has-data-\[icon\=inline-end\]\:pr-1:has([data-icon="inline-end"]) {
    padding-right: var(--spacing);
  }

  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-data-\[icon\=inline-start\]\:pl-1:has([data-icon="inline-start"]) {
    padding-left: var(--spacing);
  }

  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot="card-description"]) {
    grid-template-rows: auto auto;
  }

  .has-data-\[slot\=card-footer\]\:pb-0:has([data-slot="card-footer"]) {
    padding-bottom: 0;
  }

  .has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
    background-color: var(--sidebar);
  }

  .has-\[\>img\:first-child\]\:pt-0:has( > img:first-child) {
    padding-top: 0;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--muted);
  }

  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--secondary);
  }

  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--foreground);
  }

  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--secondary-foreground);
  }

  .aria-expanded\:opacity-100[aria-expanded="true"] {
    opacity: 1;
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-active\:bg-\[\#f2f3f5\][data-active] {
    background-color: #f2f3f5;
  }

  .data-active\:bg-background[data-active] {
    background-color: var(--background);
  }

  .data-active\:bg-sidebar-accent[data-active] {
    background-color: var(--sidebar-accent);
  }

  .data-active\:font-medium[data-active] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .data-active\:font-semibold[data-active] {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .data-active\:text-foreground[data-active] {
    color: var(--foreground);
  }

  .data-active\:text-sidebar-accent-foreground[data-active] {
    color: var(--sidebar-accent-foreground);
  }

  .data-active\:shadow-none[data-active] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *)[data-active] {
    --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);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-active] {
    background-color: #0000;
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-active] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-active]:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .data-disabled\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-disabled\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-horizontal\:h-px[data-horizontal] {
    height: 1px;
  }

  .data-horizontal\:w-full[data-horizontal] {
    width: 100%;
  }

  .data-horizontal\:flex-col[data-horizontal] {
    flex-direction: column;
  }

  .data-inset\:pl-7[data-inset] {
    padding-left: calc(var(--spacing) * 7);
  }

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

  .data-open\:text-accent-foreground[data-open] {
    color: var(--accent-foreground);
  }

  @media (hover: hover) {
    .data-open\:hover\:bg-sidebar-accent[data-open]:hover {
      background-color: var(--sidebar-accent);
    }

    .data-open\:hover\:text-sidebar-accent-foreground[data-open]:hover {
      color: var(--sidebar-accent-foreground);
    }
  }

  .data-placeholder\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }

  .data-vertical\:w-px[data-vertical] {
    width: 1px;
  }

  .data-vertical\:self-stretch[data-vertical] {
    align-self: stretch;
  }

  .data-\[active\=true\]\:border-primary[data-active="true"] {
    border-color: var(--primary);
  }

  .data-\[active\=true\]\:bg-primary[data-active="true"] {
    background-color: var(--primary);
  }

  .data-\[active\=true\]\:text-primary-foreground[data-active="true"] {
    color: var(--primary-foreground);
  }

  .data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
    animation: none;
  }

  .data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position="popper"] {
    height: var(--radix-select-trigger-height);
  }

  .data-\[position\=popper\]\:w-full[data-position="popper"] {
    width: 100%;
  }

  .data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position="popper"] {
    min-width: var(--radix-select-trigger-width);
  }

  .data-\[side\=bottom\]\:inset-x-0[data-side="bottom"] {
    inset-inline: 0;
  }

  .data-\[side\=bottom\]\:bottom-0[data-side="bottom"] {
    bottom: 0;
  }

  .data-\[side\=bottom\]\:h-auto[data-side="bottom"] {
    height: auto;
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:border-t[data-side="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[side\=left\]\:inset-y-0[data-side="left"] {
    inset-block: 0;
  }

  .data-\[side\=left\]\:left-0[data-side="left"] {
    left: 0;
  }

  .data-\[side\=left\]\:h-full[data-side="left"] {
    height: 100%;
  }

  .data-\[side\=left\]\:w-3\/4[data-side="left"] {
    width: 75%;
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:border-r[data-side="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side="left"]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }

  .data-\[side\=right\]\:inset-y-0[data-side="right"] {
    inset-block: 0;
  }

  .data-\[side\=right\]\:right-0[data-side="right"] {
    right: 0;
  }

  .data-\[side\=right\]\:h-full[data-side="right"] {
    height: 100%;
  }

  .data-\[side\=right\]\:w-3\/4[data-side="right"] {
    width: 75%;
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:border-l[data-side="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side="right"]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }

  .data-\[side\=top\]\:inset-x-0[data-side="top"] {
    inset-inline: 0;
  }

  .data-\[side\=top\]\:top-0[data-side="top"] {
    top: 0;
  }

  .data-\[side\=top\]\:h-auto[data-side="top"] {
    height: auto;
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:border-b[data-side="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .data-\[size\=default\]\:h-8[data-size="default"] {
    height: calc(var(--spacing) * 8);
  }

  .data-\[size\=lg\]\:size-10[data-size="lg"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .data-\[size\=md\]\:text-sm[data-size="md"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[size\=sm\]\:size-6[data-size="sm"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .data-\[size\=sm\]\:h-7[data-size="sm"] {
    height: calc(var(--spacing) * 7);
  }

  .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size="sm"] {
    border-radius: min(var(--radius-md), 10px);
  }

  .data-\[size\=sm\]\:text-xs[data-size="sm"] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size="sm"] {
    --card-spacing: calc(var(--spacing) * 3);
  }

  .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size="sm"]:has([data-slot="card-footer"]) {
    padding-bottom: 0;
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
    --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);
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] {
    --tw-ring-color: var(--background);
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
    position: relative;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
    isolation: isolate;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
    z-index: 50;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
    border-radius: calc(var(--radius) - 4px);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 1.5);
  }

  .data-\[state\=checked\]\:bg-secondary[data-state="checked"] {
    background-color: var(--secondary);
  }

  .data-\[state\=checked\]\:text-foreground[data-state="checked"] {
    color: var(--foreground);
  }

  .data-\[state\=closed\]\:overflow-hidden[data-state="closed"] {
    overflow: hidden;
  }

  .data-\[state\=open\]\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_28\%\,var\(--border\)\)\][data-state="open"] {
    border-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_28\%\,var\(--border\)\)\][data-state="open"] {
      border-color: color-mix(in srgb,var(--brand-accent) 28%,var(--border));
    }
  }

  .data-\[state\=open\]\:bg-secondary\/80[data-state="open"] {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-secondary\/80[data-state="open"] {
      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
    }
  }

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

  .data-\[state\=open\]\:text-sidebar-accent-foreground[data-state="open"] {
    color: var(--sidebar-accent-foreground);
  }

  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color: var(--muted);
  }

  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--destructive);
  }

  .data-\[variant\=line\]\:rounded-none[data-variant="line"] {
    border-radius: 0;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-backdrop-filter\:backdrop-blur-xs {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse);
    }
  }

  @media not all and (min-width: 1100px) {
    .max-\[1100px\]\:grid {
      display: grid;
    }

    .max-\[1100px\]\:w-fit {
      width: fit-content;
    }

    .max-\[1100px\]\:max-w-full {
      max-width: 100%;
    }

    .max-\[1100px\]\:shrink-0 {
      flex-shrink: 0;
    }

    .max-\[1100px\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .max-\[1100px\]\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .max-\[1100px\]\:justify-start {
      justify-content: flex-start;
    }

    .max-\[1100px\]\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }

    .max-\[1100px\]\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }

    .max-\[1100px\]\:justify-self-end {
      justify-self: flex-end;
    }

    .max-\[1100px\]\:justify-self-start {
      justify-self: flex-start;
    }

    .max-\[1100px\]\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .max-\[1100px\]\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }

  @media not all and (min-width: 980px) {
    .max-\[980px\]\:max-w-\[760px\] {
      max-width: 760px;
    }

    .max-\[980px\]\:pt-\[64px\] {
      padding-top: 64px;
    }

    .max-\[980px\]\:pb-\[46px\] {
      padding-bottom: 46px;
    }

    .max-\[980px\]\:text-\[5rem\] {
      font-size: 5rem;
    }
  }

  @media not all and (min-width: 960px) {
    .max-\[960px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 940px) {
    .max-\[940px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 920px) {
    .max-\[920px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 900px) {
    .max-\[900px\]\:mt-1 {
      margin-top: var(--spacing);
    }

    .max-\[900px\]\:block {
      display: block;
    }

    .max-\[900px\]\:hidden {
      display: none;
    }

    .max-\[900px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[900px\]\:justify-start {
      justify-content: flex-start;
    }

    .max-\[900px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }

  @media not all and (min-width: 860px) {
    .max-\[860px\]\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .max-\[860px\]\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .max-\[860px\]\:flex {
      display: flex;
    }

    .max-\[860px\]\:grid {
      display: grid;
    }

    .max-\[860px\]\:hidden {
      display: none;
    }

    .max-\[860px\]\:size-\[38px\] {
      width: 38px;
      height: 38px;
    }

    .max-\[860px\]\:min-h-0 {
      min-height: 0;
    }

    .max-\[860px\]\:min-h-10 {
      min-height: calc(var(--spacing) * 10);
    }

    .max-\[860px\]\:min-h-12 {
      min-height: calc(var(--spacing) * 12);
    }

    .max-\[860px\]\:min-h-\[68px\] {
      min-height: 68px;
    }

    .max-\[860px\]\:max-w-\[680px\] {
      max-width: 680px;
    }

    .max-\[860px\]\:max-w-\[760px\] {
      max-width: 760px;
    }

    .max-\[860px\]\:justify-between {
      justify-content: space-between;
    }

    .max-\[860px\]\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .max-\[860px\]\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .max-\[860px\]\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .max-\[860px\]\:px-\[13px\] {
      padding-inline: 13px;
    }

    .max-\[860px\]\:pt-11 {
      padding-top: calc(var(--spacing) * 11);
    }

    .max-\[860px\]\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }

    .max-\[860px\]\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .max-\[860px\]\:text-\[0\.86rem\] {
      font-size: .86rem;
    }

    .max-\[860px\]\:text-\[1\.1rem\] {
      font-size: 1.1rem;
    }

    .max-\[860px\]\:text-\[4\.2rem\] {
      font-size: 4.2rem;
    }

    .max-\[860px\]\:text-\[length\:0\.96rem\] {
      font-size: .96rem;
    }

    .max-\[860px\]\:leading-\[1\.02\] {
      --tw-leading: 1.02;
      line-height: 1.02;
    }

    .max-\[860px\]\:\[--landing-codepen-height\:680px\] {
      --landing-codepen-height: 680px;
    }

    .max-\[860px\]\:first\:border-t-0:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
  }

  @media not all and (min-width: 767px) {
    .max-\[767px\]\:block {
      display: block;
    }

    .max-\[767px\]\:inline-flex {
      display: inline-flex;
    }

    .max-\[767px\]\:\[--landing-codepen-height\:420px\] {
      --landing-codepen-height: 420px;
    }
  }

  @media not all and (min-width: 760px) {
    .max-\[760px\]\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .max-\[760px\]\:grid {
      display: grid;
    }

    .max-\[760px\]\:hidden {
      display: none;
    }

    .max-\[760px\]\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }

    .max-\[760px\]\:min-w-9 {
      min-width: calc(var(--spacing) * 9);
    }

    .max-\[760px\]\:gap-0 {
      gap: 0;
    }

    .max-\[760px\]\:gap-x-2 {
      column-gap: calc(var(--spacing) * 2);
    }

    .max-\[760px\]\:px-0 {
      padding-inline: 0;
    }

    .max-\[760px\]\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media not all and (min-width: 680px) {
    .max-\[680px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 640px) {
    .max-\[640px\]\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .max-\[640px\]\:min-h-\[64px\] {
      min-height: 64px;
    }

    .max-\[640px\]\:text-\[3\.35rem\] {
      font-size: 3.35rem;
    }

    .max-\[640px\]\:text-\[3\.45rem\] {
      font-size: 3.45rem;
    }

    .max-\[640px\]\:text-\[clamp\(2\.75rem\,12vw\,4rem\)\] {
      font-size: clamp(2.75rem, 12vw, 4rem);
    }
  }

  @media not all and (min-width: 620px) {
    .max-\[620px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 560px) {
    .max-\[560px\]\:grid {
      display: grid;
    }

    .max-\[560px\]\:w-full {
      width: 100%;
    }

    .max-\[560px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[560px\]\:text-\[2\.15rem\] {
      font-size: 2.15rem;
    }

    .max-\[560px\]\:text-\[2\.92rem\] {
      font-size: 2.92rem;
    }

    .max-\[560px\]\:text-\[3rem\] {
      font-size: 3rem;
    }

    .max-\[560px\]\:leading-\[1\.02\] {
      --tw-leading: 1.02;
      line-height: 1.02;
    }

    .max-\[560px\]\:tracking-\[-0\.025em\] {
      --tw-tracking: -.025em;
      letter-spacing: -.025em;
    }
  }

  @media not all and (min-width: 520px) {
    .max-\[520px\]\:size-\[100px\] {
      width: 100px;
      height: 100px;
    }
  }

  @media not all and (min-width: 480px) {
    .max-\[480px\]\:size-7 {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }

    .max-\[480px\]\:size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }

    .max-\[480px\]\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }

    .max-\[480px\]\:size-\[15px\] {
      width: 15px;
      height: 15px;
    }

    .max-\[480px\]\:min-h-\[34px\] {
      min-height: 34px;
    }

    .max-\[480px\]\:w-full {
      width: 100%;
    }

    .max-\[480px\]\:max-w-full {
      max-width: 100%;
    }

    .max-\[480px\]\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .max-\[480px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .max-\[480px\]\:rounded-md {
      border-radius: calc(var(--radius) - 2px);
    }

    .max-\[480px\]\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }

    .max-\[480px\]\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .max-\[480px\]\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .max-\[480px\]\:pt-9 {
      padding-top: calc(var(--spacing) * 9);
    }

    .max-\[480px\]\:text-\[0\.8rem\] {
      font-size: .8rem;
    }

    .max-\[480px\]\:text-\[1\.05rem\] {
      font-size: 1.05rem;
    }

    .max-\[480px\]\:text-\[1\.14rem\] {
      font-size: 1.14rem;
    }

    .max-\[480px\]\:text-\[2\.26rem\] {
      font-size: 2.26rem;
    }

    .max-\[480px\]\:text-\[2\.42rem\] {
      font-size: 2.42rem;
    }

    .max-\[480px\]\:\[--landing-codepen-height\:380px\] {
      --landing-codepen-height: 380px;
    }
  }

  @media not all and (min-width: 420px) {
    .max-\[420px\]\:text-\[0\.66rem\] {
      font-size: .66rem;
    }
  }

  @media not all and (min-width: 390px) {
    .max-\[390px\]\:size-3\.5 {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }

    .max-\[390px\]\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-\[390px\]\:text-\[0\.86rem\] {
      font-size: .86rem;
    }
  }

  @media not all and (min-width: 380px) {
    .max-\[380px\]\:text-\[1\.95rem\] {
      font-size: 1.95rem;
    }
  }

  @media not all and (min-width: 360px) {
    .max-\[360px\]\:text-\[1\.86rem\] {
      font-size: 1.86rem;
    }

    .max-\[360px\]\:text-\[2rem\] {
      font-size: 2rem;
    }
  }

  @media (min-width: 520px) {
    .min-\[520px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 640px) {
    .min-\[640px\]\:grid-cols-\[130px_minmax\(0\,1fr\)\] {
      grid-template-columns: 130px minmax(0, 1fr);
    }

    .min-\[640px\]\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }

    .min-\[700px\]\:items-center {
      align-items: center;
    }

    .min-\[700px\]\:justify-self-end {
      justify-self: flex-end;
    }
  }

  @media (min-width: 720px) {
    .min-\[720px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 760px) {
    .min-\[760px\]\:ml-auto {
      margin-left: auto;
    }

    .min-\[760px\]\:block {
      display: block;
    }

    .min-\[760px\]\:hidden {
      display: none;
    }

    .min-\[760px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .min-\[760px\]\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
      grid-template-columns: auto minmax(0, 1fr);
    }

    .min-\[760px\]\:items-center {
      align-items: center;
    }

    .min-\[760px\]\:text-right {
      text-align: right;
    }

    .min-\[760px\]\:text-\[clamp\(1\.45rem\,2\.05vw\,1\.82rem\)\] {
      font-size: clamp(1.45rem, 2.05vw, 1.82rem);
    }

    .min-\[760px\]\:leading-\[1\.48\] {
      --tw-leading: 1.48;
      line-height: 1.48;
    }

    .min-\[760px\]\:whitespace-nowrap {
      white-space: nowrap;
    }
  }

  @media (min-width: 820px) {
    .min-\[820px\]\:block {
      display: block;
    }

    .min-\[820px\]\:hidden {
      display: none;
    }

    .min-\[820px\]\:grid-cols-\[minmax\(220px\,1\.1fr\)_repeat\(3\,minmax\(140px\,0\.75fr\)\)\] {
      grid-template-columns: minmax(220px, 1.1fr) repeat(3, minmax(140px, .75fr));
    }
  }

  @media (min-width: 860px) {
    .min-\[860px\]\:block {
      display: block;
    }

    .min-\[860px\]\:hidden {
      display: none;
    }

    .min-\[860px\]\:grid-cols-\[240px_minmax\(0\,1fr\)_minmax\(220px\,0\.72fr\)\] {
      grid-template-columns: 240px minmax(0, 1fr) minmax(220px, .72fr);
    }

    .min-\[860px\]\:items-start {
      align-items: flex-start;
    }

    .min-\[860px\]\:whitespace-nowrap {
      white-space: nowrap;
    }
  }

  @media (min-width: 861px) {
    .min-\[861px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[861px\]\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .min-\[861px\]\:first\:border-l-0:first-child {
      border-left-style: var(--tw-border-style);
      border-left-width: 0;
    }
  }

  @media (min-width: 900px) {
    .min-\[900px\]\:max-w-\[790px\] {
      max-width: 790px;
    }

    .min-\[900px\]\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .min-\[900px\]\:grid-cols-\[0\.72fr_1fr\] {
      grid-template-columns: .72fr 1fr;
    }

    .min-\[900px\]\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 920px) {
    .min-\[920px\]\:mb-\[clamp\(124px\,12vw\,170px\)\] {
      margin-bottom: clamp(124px, 12vw, 170px);
    }

    .min-\[920px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[920px\]\:grid-cols-\[minmax\(230px\,0\.72fr\)_minmax\(0\,1\.7fr\)\] {
      grid-template-columns: minmax(230px, .72fr) minmax(0, 1.7fr);
    }

    .min-\[920px\]\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 980px) {
    .min-\[980px\]\:-top-\[112px\] {
      top: -112px;
    }

    .min-\[980px\]\:right-\[8\%\] {
      right: 8%;
    }

    .min-\[980px\]\:mt-0 {
      margin-top: 0;
    }

    .min-\[980px\]\:mt-\[40px\] {
      margin-top: 40px;
    }

    .min-\[980px\]\:w-\[208px\] {
      width: 208px;
    }

    .min-\[980px\]\:grid-cols-\[0\.82fr_1\.18fr\] {
      grid-template-columns: .82fr 1.18fr;
    }

    .min-\[980px\]\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(390px\,1\.15fr\)\] {
      grid-template-columns: minmax(0, .85fr) minmax(390px, 1.15fr);
    }

    .min-\[980px\]\:items-start {
      align-items: flex-start;
    }

    .min-\[980px\]\:gap-\[var\(--landing-card-gap\)\] {
      gap: var(--landing-card-gap);
    }

    .min-\[980px\]\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .min-\[980px\]\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }

  @media (min-width: 1040px) {
    .min-\[1040px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[1040px\]\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .min-\[1040px\]\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1080px) {
    .min-\[1080px\]\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:inset-x-6 {
      inset-inline: calc(var(--spacing) * 6);
    }

    .sm\:-top-\[7\.5rem\] {
      top: -7.5rem;
    }

    .sm\:-top-\[88px\] {
      top: -88px;
    }

    .sm\:-top-\[104px\] {
      top: -104px;
    }

    .sm\:-top-\[110px\] {
      top: -110px;
    }

    .sm\:bottom-10 {
      bottom: calc(var(--spacing) * 10);
    }

    .sm\:mt-\[88px\] {
      margin-top: 88px;
    }

    .sm\:mb-\[138px\] {
      margin-bottom: 138px;
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:grid {
      display: grid;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

    .sm\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }

    .sm\:w-60 {
      width: calc(var(--spacing) * 60);
    }

    .sm\:w-\[150px\] {
      width: 150px;
    }

    .sm\:w-\[166px\] {
      width: 166px;
    }

    .sm\:w-\[194px\] {
      width: 194px;
    }

    .sm\:w-\[196px\] {
      width: 196px;
    }

    .sm\:w-\[220px\] {
      width: 220px;
    }

    .sm\:w-fit {
      width: fit-content;
    }

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

    .sm\:shrink-0 {
      flex-shrink: 0;
    }

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

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

    .sm\:grid-cols-\[0\.5rem_2\.75rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: .5rem 2.75rem minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[150px_minmax\(0\,1fr\)\] {
      grid-template-columns: 150px minmax(0, 1fr);
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[minmax\(110px\,140px\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(110px, 140px) minmax(0, 1fr) auto;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

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

    :where(.sm\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }

    :where(.sm\:divide-y-0 > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }

    :where(.sm\:divide-border > :not(:last-child)) {
      border-color: var(--border);
    }

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

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

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

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

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

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

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

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

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

    .sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

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

    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .sm\:py-0 {
      padding-block: 0;
    }

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

    .sm\:pt-\[96px\] {
      padding-top: 96px;
    }

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

    .sm\:pb-0 {
      padding-bottom: 0;
    }

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

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

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

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

    .sm\:text-\[13\.5px\] {
      font-size: 13.5px;
    }

    .sm\:first\:pl-0:first-child {
      padding-left: 0;
    }

    .sm\:last\:pr-0:last-child {
      padding-right: 0;
    }

    .data-\[side\=left\]\:sm\:max-w-sm[data-side="left"], .data-\[side\=right\]\:sm\:max-w-sm[data-side="right"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline {
      display: inline;
    }

    .md\:size-6 {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }

    .md\:h-11 {
      height: calc(var(--spacing) * 11);
    }

    .md\:h-auto {
      height: auto;
    }

    .md\:min-h-0 {
      min-height: 0;
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:max-w-xl {
      max-width: var(--container-xl);
    }

    .md\:flex-auto {
      flex: auto;
    }

    .md\:flex-none {
      flex: none;
    }

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

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

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(240px\,0\.48fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(240px, .48fr);
    }

    .md\:grid-cols-\[minmax\(142px\,0\.7fr\)_minmax\(158px\,0\.8fr\)_minmax\(142px\,0\.7fr\)_minmax\(142px\,0\.7fr\)_minmax\(190px\,0\.9fr\)_minmax\(220px\,1\.15fr\)\] {
      grid-template-columns: minmax(142px, .7fr) minmax(158px, .8fr) minmax(142px, .7fr) minmax(142px, .7fr) minmax(190px, .9fr) minmax(220px, 1.15fr);
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:content-center {
      align-content: center;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

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

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

    .md\:overflow-visible {
      overflow: visible;
    }

    .md\:rounded-\[4px\] {
      border-radius: 4px;
    }

    .md\:rounded-lg {
      border-radius: var(--radius);
    }

    .md\:rounded-none {
      border-radius: 0;
    }

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

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

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

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

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

    .md\:border-border {
      border-color: var(--border);
    }

    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

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

    .md\:px-0 {
      padding-inline: 0;
    }

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

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

    .md\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

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

    .md\:py-0 {
      padding-block: 0;
    }

    .md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .md\:pt-0 {
      padding-top: 0;
    }

    .md\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }

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

    .md\:pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }

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

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

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

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

    .md\:opacity-0 {
      opacity: 0;
    }

    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }

    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: 0;
    }

    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: calc(var(--radius) + 4px);
    }

    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
      --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);
    }

    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }

    .md\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }

    @media (hover: hover) {
      .md\:hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_34\%\,var\(--border\)\)\]:hover {
        border-color: var(--brand-accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .md\:hover\:border-\[color-mix\(in_srgb\,var\(--brand-accent\)_34\%\,var\(--border\)\)\]:hover {
          border-color: color-mix(in srgb,var(--brand-accent) 34%,var(--border));
        }
      }

      .md\:hover\:bg-card:hover {
        background-color: var(--card);
      }
    }
  }

  @media (min-width: 64rem) {
    .lg\:-top-\[104px\] {
      top: -104px;
    }

    .lg\:right-\[8\%\] {
      right: 8%;
    }

    .lg\:col-start-1 {
      grid-column-start: 1;
    }

    .lg\:col-start-2 {
      grid-column-start: 2;
    }

    .lg\:row-span-2 {
      grid-row: span 2 / span 2;
    }

    .lg\:row-start-1 {
      grid-row-start: 1;
    }

    .lg\:mt-0 {
      margin-top: 0;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:w-\[190px\] {
      width: 190px;
    }

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

    .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
      grid-template-columns: .9fr 1.1fr;
    }

    .lg\:grid-cols-\[1fr_0\.72fr\] {
      grid-template-columns: 1fr .72fr;
    }

    .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(390px\,0\.58fr\)\] {
      grid-template-columns: minmax(0, .9fr) minmax(390px, .58fr);
    }

    .lg\:grid-cols-\[minmax\(0\,0\.72fr\)_minmax\(420px\,0\.8fr\)\] {
      grid-template-columns: minmax(0, .72fr) minmax(420px, .8fr);
    }

    .lg\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(400px\,0\.72fr\)\] {
      grid-template-columns: minmax(0, .85fr) minmax(400px, .72fr);
    }

    .lg\:grid-cols-\[minmax\(0\,0\.88fr\)_minmax\(360px\,0\.72fr\)\] {
      grid-template-columns: minmax(0, .88fr) minmax(360px, .72fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_17rem\] {
      grid-template-columns: minmax(0, 1fr) 17rem;
    }

    .lg\:grid-cols-\[minmax\(0\,500px\)_minmax\(520px\,640px\)\] {
      grid-template-columns: minmax(0, 500px) minmax(520px, 640px);
    }

    .lg\:grid-cols-\[minmax\(260px\,0\.34fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(260px, .34fr) minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(340px\,0\.78fr\)_minmax\(320px\,1fr\)\] {
      grid-template-columns: minmax(340px, .78fr) minmax(320px, 1fr);
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

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

    :where(.lg\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }

    :where(.lg\:divide-y-0 > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }

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

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

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

    .lg\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .xl\:block {
      display: block;
    }

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

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[0\.8fr_1\.2fr\] {
      grid-template-columns: .8fr 1.2fr;
    }

    .xl\:grid-cols-\[1\.1fr_0\.9fr\] {
      grid-template-columns: 1.1fr .9fr;
    }

    .xl\:grid-cols-\[1fr_0\.8fr\] {
      grid-template-columns: 1fr .8fr;
    }

    .xl\:grid-cols-\[1fr_0\.9fr\] {
      grid-template-columns: 1fr .9fr;
    }

    .xl\:grid-cols-\[260px_minmax\(310px\,0\.75fr\)_minmax\(420px\,1\.25fr\)\] {
      grid-template-columns: 260px minmax(310px, .75fr) minmax(420px, 1.25fr);
    }

    .xl\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
      grid-template-columns: 280px minmax(0, 1fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_280px\] {
      grid-template-columns: minmax(0, 1fr) 280px;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px;
    }

    .xl\:flex-row {
      flex-direction: row;
    }

    .xl\:items-end {
      align-items: flex-end;
    }

    .xl\:justify-between {
      justify-content: space-between;
    }

    .xl\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
  }

  .ltr\:-translate-x-1\/2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *), .rtl\:-translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:border-input:where([data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--input);
  }

  .dark\:bg-destructive\/20:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/20:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .dark\:bg-input\/30:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:text-muted-foreground:where([data-theme="dark"], [data-theme="dark"] *) {
    color: var(--muted-foreground);
  }

  .dark\:after\:mix-blend-lighten:where([data-theme="dark"], [data-theme="dark"] *):after {
    content: var(--tw-content);
    mix-blend-mode: lighten;
  }

  @media (hover: hover) {
    .dark\:hover\:bg-destructive\/30:where([data-theme="dark"], [data-theme="dark"] *):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-destructive\/30:where([data-theme="dark"], [data-theme="dark"] *):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }

    .dark\:hover\:bg-input\/50:where([data-theme="dark"], [data-theme="dark"] *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:where([data-theme="dark"], [data-theme="dark"] *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }

    .dark\:hover\:bg-muted\/50:where([data-theme="dark"], [data-theme="dark"] *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-muted\/50:where([data-theme="dark"], [data-theme="dark"] *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .dark\:hover\:text-foreground:where([data-theme="dark"], [data-theme="dark"] *):hover {
      color: var(--foreground);
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:where([data-theme="dark"], [data-theme="dark"] *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:where([data-theme="dark"], [data-theme="dark"] *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:disabled\:bg-input\/80:where([data-theme="dark"], [data-theme="dark"] *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:disabled\:bg-input\/80:where([data-theme="dark"], [data-theme="dark"] *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .dark\:aria-invalid\:border-destructive\/50:where([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:border-destructive\/50:where([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:where([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:where([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:data-active\:border-input:where([data-theme="dark"], [data-theme="dark"] *)[data-active] {
    border-color: var(--input);
  }

  .dark\:data-active\:bg-input\/30:where([data-theme="dark"], [data-theme="dark"] *)[data-active] {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-active\:bg-input\/30:where([data-theme="dark"], [data-theme="dark"] *)[data-active] {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:data-active\:text-foreground:where([data-theme="dark"], [data-theme="dark"] *)[data-active] {
    color: var(--foreground);
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-active] {
    border-color: #0000;
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-active] {
    background-color: #0000;
  }

  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where([data-theme="dark"], [data-theme="dark"] *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where([data-theme="dark"], [data-theme="dark"] *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

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

  .\[\&_\.landing-codepen-embed\]\:\!m-0 .landing-codepen-embed {
    margin: 0 !important;
  }

  .\[\&_\.landing-codepen-embed\]\:\!h-\[var\(--landing-codepen-height\)\] .landing-codepen-embed {
    height: var(--landing-codepen-height) !important;
  }

  .\[\&_\.landing-codepen-embed\]\:min-h-\[var\(--landing-codepen-height\)\] .landing-codepen-embed {
    min-height: var(--landing-codepen-height);
  }

  .\[\&_\.landing-codepen-embed\]\:w-full .landing-codepen-embed {
    width: 100%;
  }

  .\[\&_\.landing-codepen-embed\]\:overflow-hidden .landing-codepen-embed {
    overflow: hidden;
  }

  .\[\&_\.landing-codepen-embed\]\:\!rounded-lg .landing-codepen-embed {
    border-radius: var(--radius) !important;
  }

  .\[\&_\.landing-codepen-embed\]\:\!border .landing-codepen-embed {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .\[\&_\.landing-codepen-embed\]\:\!border-solid .landing-codepen-embed {
    --tw-border-style: solid !important;
    border-style: solid !important;
  }

  .\[\&_\.landing-codepen-embed\]\:\!border-border .landing-codepen-embed {
    border-color: var(--border) !important;
  }

  .\[\&_\.landing-codepen-embed\]\:bg-card .landing-codepen-embed {
    background-color: var(--card);
  }

  .\[\&_\.landing-codepen-embed\]\:\!p-\[18px\] .landing-codepen-embed {
    padding: 18px !important;
  }

  .\[\&_\.landing-codepen-embed\]\:font-sans .landing-codepen-embed {
    font-family: var(--font-sans);
  }

  .\[\&_\.landing-codepen-embed\]\:text-muted-foreground .landing-codepen-embed {
    color: var(--muted-foreground);
  }

  @media not all and (min-width: 767px) {
    .max-\[767px\]\:\[\&_\.landing-codepen-embed\]\:pointer-events-none .landing-codepen-embed {
      pointer-events: none;
    }
  }

  .\[\&_\.landing-codepen-embed_a\]\:text-\[var\(--brand-accent\)\] .landing-codepen-embed a {
    color: var(--brand-accent);
  }

  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
    fill: var(--muted-foreground);
  }

  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
    stroke: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
      stroke: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
    stroke: var(--border);
  }

  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
    stroke: var(--border);
  }

  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
    fill: var(--muted);
  }

  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
    stroke: var(--border);
  }

  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.shiki\]\:\!m-0 .shiki {
    margin: 0 !important;
  }

  .\[\&_\.shiki\]\:\!border-0 .shiki {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .\[\&_\.shiki\]\:\!bg-transparent .shiki {
    background-color: #0000 !important;
  }

  .\[\&_\.shiki\]\:\!p-0 .shiki {
    padding: 0 !important;
  }

  .\[\&_\.shiki\]\:\!outline-none .shiki {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .\[\&_a\]\:font-\[720\] a {
    --tw-font-weight: 720;
    font-weight: 720;
  }

  .\[\&_a\]\:text-foreground a {
    color: var(--foreground);
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\]\:decoration-border a {
    -webkit-text-decoration-color: var(--border);
    -webkit-text-decoration-color: var(--border);
    text-decoration-color: var(--border);
  }

  .\[\&_a\]\:decoration-2 a {
    text-decoration-thickness: 2px;
  }

  .\[\&_a\]\:underline-offset-4 a {
    text-underline-offset: 4px;
  }

  .\[\&_a\:hover\]\:decoration-foreground a:hover {
    -webkit-text-decoration-color: var(--foreground);
    -webkit-text-decoration-color: var(--foreground);
    text-decoration-color: var(--foreground);
  }

  .\[\&_blockquote\]\:m-0 blockquote {
    margin: 0;
  }

  .\[\&_blockquote\]\:border-l-4 blockquote {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .\[\&_blockquote\]\:border-border blockquote {
    border-color: var(--border);
  }

  .\[\&_blockquote\]\:bg-secondary blockquote {
    background-color: var(--secondary);
  }

  .\[\&_blockquote\]\:px-5 blockquote {
    padding-inline: calc(var(--spacing) * 5);
  }

  .\[\&_blockquote\]\:py-4 blockquote {
    padding-block: calc(var(--spacing) * 4);
  }

  .\[\&_blockquote\]\:text-muted-foreground blockquote {
    color: var(--muted-foreground);
  }

  .\[\&_code\]\:block code {
    display: block;
  }

  .\[\&_code\]\:min-w-max code {
    min-width: max-content;
  }

  .\[\&_code\]\:rounded-sm code {
    border-radius: calc(var(--radius) - 4px);
  }

  .\[\&_code\]\:bg-secondary code {
    background-color: var(--secondary);
  }

  .\[\&_code\]\:px-1\.5 code {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .\[\&_code\]\:py-0\.5 code {
    padding-block: calc(var(--spacing) * .5);
  }

  .\[\&_code\]\:\!font-mono code {
    font-family: var(--font-mono) !important;
  }

  .\[\&_code\]\:font-mono code {
    font-family: var(--font-mono);
  }

  .\[\&_code\]\:text-\[0\.83rem\] code {
    font-size: .83rem;
  }

  .\[\&_code\]\:text-\[0\.92em\] code {
    font-size: .92em;
  }

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

  .\[\&_code\]\:\!leading-\[1\.18\] code {
    --tw-leading: 1.18 !important;
    line-height: 1.18 !important;
  }

  .\[\&_code\]\:\!leading-\[1\.22\] code {
    --tw-leading: 1.22 !important;
    line-height: 1.22 !important;
  }

  .\[\&_code\]\:leading-\[1\.7\] code {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .\[\&_code\]\:outline-none code {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media not all and (min-width: 480px) {
    .max-\[480px\]\:\[\&_code\]\:text-\[0\.66rem\] code {
      font-size: .66rem;
    }
  }

  .\[\&_h2\]\:mt-10 h2 {
    margin-top: calc(var(--spacing) * 10);
  }

  .\[\&_h2\]\:border-t h2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\[\&_h2\]\:border-border h2 {
    border-color: var(--border);
  }

  .\[\&_h2\]\:pt-8 h2 {
    padding-top: calc(var(--spacing) * 8);
  }

  .\[\&_h2\]\:text-\[1\.65rem\] h2 {
    font-size: 1.65rem;
  }

  .\[\&_h2\]\:leading-tight h2 {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .\[\&_h2\]\:font-\[760\] h2 {
    --tw-font-weight: 760;
    font-weight: 760;
  }

  .\[\&_h2\]\:tracking-\[-0\.025em\] h2 {
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
  }

  .\[\&_h2\:first-child\]\:mt-0 h2:first-child {
    margin-top: 0;
  }

  .\[\&_h2\:first-child\]\:border-t-0 h2:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&_h2\:first-child\]\:pt-0 h2:first-child {
    padding-top: 0;
  }

  .\[\&_h3\]\:mt-7 h3 {
    margin-top: calc(var(--spacing) * 7);
  }

  .\[\&_h3\]\:text-\[1\.12rem\] h3 {
    font-size: 1.12rem;
  }

  .\[\&_h3\]\:leading-tight h3 {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .\[\&_h3\]\:font-\[760\] h3 {
    --tw-font-weight: 760;
    font-weight: 760;
  }

  .\[\&_hr\]\:my-9 hr {
    margin-block: calc(var(--spacing) * 9);
  }

  .\[\&_hr\]\:border-border hr {
    border-color: var(--border);
  }

  .\[\&_iframe\]\:\!h-\[var\(--landing-codepen-height\)\] iframe {
    height: var(--landing-codepen-height) !important;
  }

  .\[\&_iframe\]\:min-h-\[var\(--landing-codepen-height\)\] iframe {
    min-height: var(--landing-codepen-height);
  }

  .\[\&_iframe\]\:w-full iframe {
    width: 100%;
  }

  .\[\&_iframe\]\:rounded-lg iframe {
    border-radius: var(--radius);
  }

  @media not all and (min-width: 767px) {
    .max-\[767px\]\:\[\&_iframe\]\:pointer-events-none iframe {
      pointer-events: none;
    }
  }

  .\[\&_li\]\:mt-1\.5 li {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .\[\&_ol\]\:my-4 ol {
    margin-block: calc(var(--spacing) * 4);
  }

  .\[\&_ol\]\:pl-6 ol {
    padding-left: calc(var(--spacing) * 6);
  }

  .\[\&_p\]\:my-4 p {
    margin-block: calc(var(--spacing) * 4);
  }

  .\[\&_pre\]\:\!m-0 pre {
    margin: 0 !important;
  }

  .\[\&_pre\]\:\!min-w-max pre {
    min-width: max-content !important;
  }

  .\[\&_pre\]\:\!border-0 pre {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .\[\&_pre\]\:\!bg-\[\#080d18\] pre {
    background-color: #080d18 !important;
  }

  .\[\&_pre\]\:\!bg-\[var\(--landing-code-bg\)\] pre {
    background-color: var(--landing-code-bg) !important;
  }

  .\[\&_pre\]\:\!bg-transparent pre {
    background-color: #0000 !important;
  }

  .\[\&_pre\]\:\!p-0 pre {
    padding: 0 !important;
  }

  .\[\&_pre\]\:\!p-4 pre {
    padding: calc(var(--spacing) * 4) !important;
  }

  .\[\&_pre\]\:\!p-\[clamp\(18px\,3vw\,28px\)\] pre {
    padding: clamp(18px, 3vw, 28px) !important;
  }

  .\[\&_pre\]\:\!font-mono pre {
    font-family: var(--font-mono) !important;
  }

  .\[\&_pre\]\:\!text-\[clamp\(0\.78rem\,1\.08vw\,0\.9rem\)\] pre {
    font-size: clamp(.78rem, 1.08vw, .9rem) !important;
  }

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

  .\[\&_pre\]\:\!leading-\[1\.18\] pre {
    --tw-leading: 1.18 !important;
    line-height: 1.18 !important;
  }

  .\[\&_pre\]\:\!leading-\[1\.22\] pre {
    --tw-leading: 1.22 !important;
    line-height: 1.22 !important;
  }

  .\[\&_pre\]\:\!leading-\[1\.56\] pre {
    --tw-leading: 1.56 !important;
    line-height: 1.56 !important;
  }

  .\[\&_pre\]\:\!leading-\[inherit\] pre {
    --tw-leading: inherit !important;
    line-height: inherit !important;
  }

  .\[\&_pre\]\:\!text-\[inherit\] pre, .\[\&_pre\]\:\!text-inherit pre {
    color: inherit !important;
  }

  .\[\&_pre\]\:\!outline-none pre {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  @media not all and (min-width: 420px) {
    .max-\[420px\]\:\[\&_pre\]\:\!p-3 pre {
      padding: calc(var(--spacing) * 3) !important;
    }
  }

  .\[\&_span\.line\:empty\]\:hidden span.line:empty {
    display: none;
  }

  .focus\:\[\&_span\[data-slot\=badge\]\[data-variant\=default\]\]\:\!text-primary-foreground:focus span[data-slot="badge"][data-variant="default"] {
    color: var(--primary-foreground) !important;
  }

  .\[\&_strong\]\:font-\[780\] strong {
    --tw-font-weight: 780;
    font-weight: 780;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\]\:text-\[var\(--brand-accent\)\] svg {
    color: var(--brand-accent);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_table\]\:my-6 table {
    margin-block: calc(var(--spacing) * 6);
  }

  .\[\&_table\]\:w-full table {
    width: 100%;
  }

  .\[\&_table\]\:border-collapse table {
    border-collapse: collapse;
  }

  .\[\&_td\]\:border-t td {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\[\&_td\]\:border-border td {
    border-color: var(--border);
  }

  .\[\&_td\]\:py-3 td {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_td\]\:pr-4 td {
    padding-right: calc(var(--spacing) * 4);
  }

  .\[\&_td\]\:align-top td {
    vertical-align: top;
  }

  .\[\&_th\]\:border-b th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_th\]\:border-border th {
    border-color: var(--border);
  }

  .\[\&_th\]\:pr-4 th {
    padding-right: calc(var(--spacing) * 4);
  }

  .\[\&_th\]\:pb-3 th {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .\[\&_th\]\:text-left th {
    text-align: left;
  }

  .\[\&_th\]\:text-\[0\.84rem\] th {
    font-size: .84rem;
  }

  .\[\&_th\]\:font-\[760\] th {
    --tw-font-weight: 760;
    font-weight: 760;
  }

  .\[\&_th\]\:tracking-\[0\.08em\] th {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .\[\&_th\]\:text-muted-foreground th {
    color: var(--muted-foreground);
  }

  .\[\&_th\]\:uppercase th {
    text-transform: uppercase;
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_ul\]\:my-4 ul {
    margin-block: calc(var(--spacing) * 4);
  }

  .\[\&_ul\]\:pl-6 ul {
    padding-left: calc(var(--spacing) * 6);
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: 0;
  }

  .\[\.border-b\]\:pb-\(--card-spacing\).border-b {
    padding-bottom: var(--card-spacing);
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    .\[a\]\:hover\:bg-muted:is(a):hover {
      background-color: var(--muted);
    }

    .\[a\]\:hover\:bg-primary\/80:is(a):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-primary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }

    .\[a\]\:hover\:text-muted-foreground:is(a):hover {
      color: var(--muted-foreground);
    }
  }

  :is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
  }

  :is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive);
  }

  .\[\&\>button\]\:hidden > button {
    display: none;
  }

  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3\! > svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:h-3 > svg {
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:w-3 > svg {
    width: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--muted-foreground);
  }

  .\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
    color: var(--sidebar-accent-foreground);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg {
    display: none;
  }

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

  .\[\&\[open\]\>nav\]\:grid[open] > nav {
    display: grid;
  }

  [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }

  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }

  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }

  [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }
}

:root, :host {
  --color-accent-200: #bfdbfe;
  --color-accent-600: #2563eb;
  --color-accent-900: #1e3a8a;
  --color-accent-950: #172554;
  --color-gray-100: #f1f5f9;
  --color-gray-200: #e2e8f0;
  --color-gray-300: #cbd5e1;
  --color-gray-400: #94a3b8;
  --color-gray-500: #64748b;
  --color-gray-600: #475569;
  --color-gray-700: #334155;
  --color-gray-800: #1e293b;
  --color-gray-900: #0f172a;
  --font-sans: "Geist Variable", "Geist Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --color-red-50: oklch(97.1% .013 17.38);
  --color-red-200: oklch(88.5% .062 18.334);
  --color-red-700: oklch(50.5% .213 27.518);
  --color-amber-50: oklch(98.7% .022 95.277);
  --color-amber-200: oklch(92.4% .12 95.746);
  --color-amber-300: oklch(87.9% .169 91.605);
  --color-amber-500: oklch(76.9% .188 70.08);
  --color-amber-600: oklch(66.6% .179 58.318);
  --color-amber-700: oklch(55.5% .163 48.998);
  --color-amber-800: oklch(47.3% .137 46.201);
  --color-amber-900: oklch(41.4% .112 45.904);
  --color-amber-950: oklch(27.9% .077 45.635);
  --color-green-700: oklch(52.7% .154 150.069);
  --color-green-800: oklch(44.8% .119 151.328);
  --color-emerald-50: oklch(97.9% .021 166.113);
  --color-emerald-400: oklch(76.5% .177 163.223);
  --color-emerald-500: oklch(69.6% .17 162.48);
  --color-emerald-600: oklch(59.6% .145 163.225);
  --color-emerald-700: oklch(50.8% .118 165.612);
  --color-blue-50: oklch(97% .014 254.604);
  --color-blue-200: oklch(88.2% .059 254.128);
  --color-blue-600: oklch(54.6% .245 262.881);
  --color-blue-950: oklch(28.2% .091 267.935);
  --color-rose-400: oklch(71.2% .194 13.428);
  --color-rose-500: oklch(64.5% .246 16.439);
  --color-rose-700: oklch(51.4% .222 16.935);
  --color-slate-50: oklch(98.4% .003 247.858);
  --color-slate-100: oklch(96.8% .007 247.896);
  --color-slate-200: oklch(92.9% .013 255.508);
  --color-slate-300: oklch(86.9% .022 252.894);
  --color-slate-400: oklch(70.4% .04 256.788);
  --color-slate-700: oklch(37.2% .044 257.287);
  --color-slate-800: oklch(27.9% .041 260.031);
  --color-slate-950: oklch(12.9% .042 264.695);
  --color-zinc-500: oklch(55.2% .016 285.938);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --container-7xl: 80rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --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;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tight: -.025em;
  --tracking-normal: 0em;
  --tracking-widest: .1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-4xl: 2rem;
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  --blur-xs: 4px;
  --aspect-video: 16 / 9;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --color-border: var(--border);
}

:root {
  color-scheme: light;
  --background: #f7f8fb;
  --foreground: #0b0f19;
  --card: #fff;
  --card-foreground: #0b0f19;
  --popover: #fff;
  --popover-foreground: #0b0f19;
  --primary: #111827;
  --primary-foreground: #fff;
  --secondary: #eef2f7;
  --secondary-foreground: #151b28;
  --muted: #eef2f7;
  --muted-foreground: #667085;
  --accent: #e8edf5;
  --accent-foreground: #111827;
  --destructive: #dc2626;
  --border: #dde3eb;
  --input: #dde3eb;
  --ring: #9aa6b8;
  --chart-1: #111827;
  --chart-2: #2f9b68;
  --chart-3: #4f46e5;
  --chart-4: #2563eb;
  --chart-5: #f59e0b;
  --brand-accent: #2563eb;
  --radius: .625rem;
  --sidebar: #fff;
  --sidebar-foreground: #0b0f19;
  --sidebar-primary: #111827;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #eef2f7;
  --sidebar-accent-foreground: #111827;
  --sidebar-border: #dde3eb;
  --sidebar-ring: #9aa6b8;
  --sl-font: var(--font-sans);
  --sl-font-mono: var(--font-mono);
  --sl-content-width: 48rem;
  --sl-sidebar-width: 18rem;
  --sl-nav-height: 4rem;
  --sl-text-h1: clamp(2.35rem, 5vw, 3.7rem);
  --sl-text-h2: clamp(1.75rem, 3vw, 2.25rem);
  --sl-text-h3: clamp(1.35rem, 2vw, 1.7rem);
  --sl-line-height: 1.72;
  --sl-line-height-headings: 1.08;
  --sl-color-accent-low: #172554;
  --sl-color-accent: var(--brand-accent);
  --sl-color-accent-high: #bfdbfe;
  --sl-color-white: #f8fafc;
  --sl-color-gray-1: #f1f5f9;
  --sl-color-gray-2: #cbd5e1;
  --sl-color-gray-3: #94a3b8;
  --sl-color-gray-4: #64748b;
  --sl-color-gray-5: #334155;
  --sl-color-gray-6: #1e293b;
  --sl-color-black: #0b0f19;
  --sl-color-text: var(--sl-color-gray-2);
  --sl-color-text-accent: var(--sl-color-accent-high);
  --sl-color-text-invert: var(--sl-color-black);
  --sl-color-bg: var(--sl-color-black);
  --sl-color-bg-nav: #111827;
  --sl-color-bg-sidebar: #111827;
  --sl-color-bg-inline-code: #1e293b;
  --sl-color-bg-accent: var(--sl-color-accent-high);
  --sl-color-hairline-light: #334155;
  --sl-color-hairline: #1e293b;
  --sl-color-hairline-shade: #0b0f19;
  --sl-shadow-sm: 0 1px 2px #0000002e;
  --sl-shadow-md: 0 12px 34px #0000003d;
  --sl-shadow-lg: 0 20px 60px #00000052;
  color-scheme: dark;
}

:root[data-theme="light"] {
  color-scheme: light;
  --sl-color-accent-low: #dbeafe;
  --sl-color-accent: var(--brand-accent);
  --sl-color-accent-high: #1d4ed8;
  --sl-color-white: var(--foreground);
  --sl-color-gray-1: #151b28;
  --sl-color-gray-2: #334155;
  --sl-color-gray-3: var(--muted-foreground);
  --sl-color-gray-4: #94a3b8;
  --sl-color-gray-5: #cbd5e1;
  --sl-color-gray-6: var(--border);
  --sl-color-gray-7: var(--background);
  --sl-color-black: var(--card);
  --sl-color-text: var(--sl-color-gray-2);
  --sl-color-text-accent: var(--sl-color-accent);
  --sl-color-text-invert: var(--primary-foreground);
  --sl-color-bg: var(--card);
  --sl-color-bg-nav: var(--card);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --sl-color-bg-nav: color-mix(in srgb, var(--card) 92%, var(--background));
  }
}

:root[data-theme="light"] {
  --sl-color-bg-sidebar: var(--card);
  --sl-color-bg-inline-code: var(--muted);
  --sl-color-bg-accent: var(--sl-color-accent);
  --sl-color-hairline-light: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --sl-color-hairline-light: color-mix(in srgb, var(--border) 62%, transparent);
  }
}

:root[data-theme="light"] {
  --sl-color-hairline: var(--border);
  --sl-color-hairline-shade: var(--background);
  --sl-shadow-sm: 0 1px 2px #0f172a0a;
  --sl-shadow-md: 0 14px 36px #0f172a12;
  --sl-shadow-lg: 0 22px 70px #0f172a17;
}

:root[data-theme="dark"] {
  color-scheme: dark;
}

html {
  background: var(--sl-color-bg);
}

body {
  background: linear-gradient(to bottom, var(--sl-color-bg-nav), transparent 18rem), var(--sl-color-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  body {
    background: linear-gradient(to bottom, color-mix(in srgb, var(--sl-color-bg-nav) 82%, transparent), transparent 18rem), var(--sl-color-bg);
  }
}

body {
  color: var(--sl-color-text);
  font-family: var(--font-sans);
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
}

a {
  text-underline-offset: .22em;
}

:focus-visible {
  border-radius: var(--radius-sm);
  outline: 2px solid var(--ring);
}

@supports (color: color-mix(in lab, red, red)) {
  :focus-visible {
    outline: 2px solid color-mix(in srgb, var(--ring) 44%, transparent);
  }
}

:focus-visible {
  outline-offset: 2px;
}

.site-title {
  color: var(--sl-color-white);
  letter-spacing: -.025em;
  white-space: nowrap;
  align-items: center;
  gap: .72rem;
  min-width: 0;
  font-size: 1.04rem;
  font-weight: 720;
  line-height: 1.02;
  text-decoration: none;
}

.site-title > span {
  color: inherit;
  text-overflow: ellipsis;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.docs-site-title {
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.docs-site-wordmark {
  color: var(--sl-color-white);
}

.docs-site-dot {
  background: var(--brand-accent);
  border-radius: 9999px;
  width: .3em;
  height: .3em;
  margin-left: .125em;
  margin-right: .105em;
  display: inline-block;
  transform: translateY(.055em);
}

.docs-site-subtitle {
  color: var(--sl-color-gray-3);
  letter-spacing: -.01em;
  font-size: .84rem;
  font-weight: 500;
  line-height: 1.1;
}

.site-title img {
  border-radius: var(--radius-md);
  width: 2rem;
  height: 2rem;
  box-shadow: none;
  flex-shrink: 0;
}

.header {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: none;
  border-bottom: 0;
}

.page > .header {
  border-bottom: 1px solid var(--sl-color-hairline);
}

.header .header {
  border-bottom: 0;
}

.right-group {
  display: none !important;
}

.content-panel + .content-panel {
  border-top: 0;
}

.sidebar-pane {
  border-right: 1px solid var(--sl-color-hairline);
}

.right-sidebar {
  border-left: 1px solid var(--sl-color-hairline-light);
}

.sidebar-content a[aria-current="page"], .sidebar-content a:hover, .right-sidebar a:hover {
  color: var(--sl-color-text-accent);
}

.sidebar-content a[aria-current="page"] {
  background: var(--brand-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .sidebar-content a[aria-current="page"] {
    background: color-mix(in srgb, var(--brand-accent) 8%, transparent);
  }
}

.sidebar-content a[aria-current="page"] {
  border-radius: var(--radius-md);
}

.content-panel {
  padding-top: clamp(1.35rem, 2.8vw, 2.25rem);
}

main > .content-panel:first-of-type {
  padding-bottom: clamp(.3rem, .9vw, .7rem);
}

main > .content-panel + .content-panel {
  padding-top: clamp(.85rem, 1.7vw, 1.35rem);
}

main > .content-panel:first-of-type h1, h1[data-page-title] {
  color: var(--sl-color-white);
  letter-spacing: -.03em;
  text-wrap: balance;
  margin-top: 0;
  font-size: clamp(2.55rem, 4.9vw, 4.05rem);
  font-weight: 740;
  line-height: 1.02;
}

.sl-markdown-content h1, .sl-markdown-content h2, .sl-markdown-content h3 {
  color: var(--sl-color-white);
  letter-spacing: -.035em;
  text-wrap: balance;
}

.sl-markdown-content h1 {
  max-width: 11ch;
}

.sl-markdown-content code:not(:where(pre code)) {
  border: 1px solid var(--sl-color-hairline-light);
  color: var(--sl-color-white);
  border-radius: .35rem;
  padding: .12rem .32rem;
}

.sl-markdown-content pre {
  border: 1px solid var(--sl-color-hairline);
  border-radius: var(--radius-lg);
  box-shadow: var(--sl-shadow-sm);
}

.pagination-links a, .card {
  border-radius: var(--radius-lg);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}
@layer starlight.base, starlight.reset, starlight.core, starlight.content, starlight.components, starlight.utils;
@layer starlight.base {
	:root,
	::backdrop {
		/* Colors (dark mode) */
		--sl-color-white: hsl(0, 0%, 100%); /* “white” */
		--sl-color-gray-1: hsl(224, 20%, 94%);
		--sl-color-gray-2: hsl(224, 6%, 77%);
		--sl-color-gray-3: hsl(224, 6%, 56%);
		--sl-color-gray-4: hsl(224, 7%, 36%);
		--sl-color-gray-5: hsl(224, 10%, 23%);
		--sl-color-gray-6: hsl(224, 14%, 16%);
		--sl-color-black: hsl(224, 10%, 10%);

		--sl-hue-orange: 41;
		--sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);
		--sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);
		--sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);
		--sl-hue-green: 101;
		--sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);
		--sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);
		--sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);
		--sl-hue-blue: 234;
		--sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);
		--sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);
		--sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);
		--sl-hue-purple: 281;
		--sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);
		--sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);
		--sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);
		--sl-hue-red: 339;
		--sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);
		--sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);
		--sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);

		--sl-color-accent-low: hsl(224, 54%, 20%);
		--sl-color-accent: hsl(224, 100%, 60%);
		--sl-color-accent-high: hsl(224, 100%, 85%);

		--sl-color-text: var(--sl-color-gray-2);
		--sl-color-text-accent: var(--sl-color-accent-high);
		--sl-color-text-invert: var(--sl-color-accent-low);
		--sl-color-bg: var(--sl-color-black);
		--sl-color-bg-nav: var(--sl-color-gray-6);
		--sl-color-bg-sidebar: var(--sl-color-gray-6);
		--sl-color-bg-inline-code: var(--sl-color-gray-5);
		--sl-color-bg-accent: var(--sl-color-accent-high);
		--sl-color-hairline-light: var(--sl-color-gray-5);
		--sl-color-hairline: var(--sl-color-gray-6);
		--sl-color-hairline-shade: var(--sl-color-black);

		--sl-color-backdrop-overlay: hsla(223, 13%, 10%, 0.66);

		/* Shadows (dark mode) */
		--sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.12), 0px 2px 1px hsla(0, 0%, 0%, 0.24);
		--sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.08), 0px 5px 2px hsla(0, 0%, 0%, 0.08),
			0px 3px 2px hsla(0, 0%, 0%, 0.12), 0px 1px 1px hsla(0, 0%, 0%, 0.15);
		--sl-shadow-lg: 0px 25px 7px hsla(0, 0%, 0%, 0.03), 0px 16px 6px hsla(0, 0%, 0%, 0.1),
			0px 9px 5px hsla(223, 13%, 10%, 0.33), 0px 4px 4px hsla(0, 0%, 0%, 0.75),
			0px 4px 2px hsla(0, 0%, 0%, 0.25);

		/* Text size and line height */
		--sl-text-2xs: 0.75rem; /* 12px */
		--sl-text-xs: 0.8125rem; /* 13px */
		--sl-text-sm: 0.875rem; /* 14px */
		--sl-text-base: 1rem; /* 16px */
		--sl-text-lg: 1.125rem; /* 18px */
		--sl-text-xl: 1.25rem; /* 20px */
		--sl-text-2xl: 1.5rem; /* 24px */
		--sl-text-3xl: 1.8125rem; /* 29px */
		--sl-text-4xl: 2.1875rem; /* 35px */
		--sl-text-5xl: 2.625rem; /* 42px */
		--sl-text-6xl: 4rem; /* 64px */

		--sl-text-body: var(--sl-text-base);
		--sl-text-body-sm: var(--sl-text-xs);
		--sl-text-code: var(--sl-text-sm);
		--sl-text-code-sm: var(--sl-text-xs);
		--sl-text-h1: var(--sl-text-4xl);
		--sl-text-h2: var(--sl-text-3xl);
		--sl-text-h3: var(--sl-text-2xl);
		--sl-text-h4: var(--sl-text-xl);
		--sl-text-h5: var(--sl-text-lg);

		--sl-line-height: 1.75;
		--sl-line-height-headings: 1.2;

		/*
			Although technically superseded by the `system-ui` font-family, we use `-apple-system` and
			`BlinkMacSystemFont` because `system-ui` causes issues on Windows computers in some languages.
			See: https://github.com/withastro/starlight/issues/3721
		*/
		--sl-font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
			'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
			'Noto Color Emoji';
		--sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
			'Courier New', monospace;
		--__sl-font: var(--sl-font, var(--sl-font-system)), var(--sl-font-system);
		--__sl-font-mono: var(--sl-font-mono, var(--sl-font-system-mono)), var(--sl-font-system-mono);

		/** Key layout values */
		--sl-nav-height: 3.5rem;
		--sl-nav-pad-x: 1rem;
		--sl-nav-pad-y: 0.75rem;
		--sl-mobile-toc-height: 3rem;
		--sl-sidebar-width: 18.75rem;
		--sl-sidebar-pad-x: 1rem;
		--sl-content-width: 45rem;
		--sl-content-pad-x: 1rem;
		--sl-content-gap-y: 1rem;
		--sl-main-pad: 0 0 3vh 0;
		--sl-menu-button-size: 2rem;
		--sl-nav-gap: var(--sl-content-pad-x);
		/* Offset required to show outline inside an element instead of round the outside */
		--sl-outline-offset-inside: -0.1875rem;

		/* Global z-index values */
		--sl-z-index-toc: 4;
		--sl-z-index-menu: 5;
		--sl-z-index-navbar: 10;
		--sl-z-index-skiplink: 20;
	}

	:root[data-theme='light'],
	[data-theme='light'] ::backdrop {
		/* Colours (light mode) */
		--sl-color-white: hsl(224, 10%, 10%);
		--sl-color-gray-1: hsl(224, 14%, 16%);
		--sl-color-gray-2: hsl(224, 10%, 23%);
		--sl-color-gray-3: hsl(224, 7%, 36%);
		--sl-color-gray-4: hsl(224, 6%, 56%);
		--sl-color-gray-5: hsl(224, 6%, 77%);
		--sl-color-gray-6: hsl(224, 20%, 94%);
		--sl-color-gray-7: hsl(224, 19%, 97%);
		--sl-color-black: hsl(0, 0%, 100%);

		--sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);
		--sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);
		--sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);
		--sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);
		--sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);
		--sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);
		--sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);
		--sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);
		--sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);
		--sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);
		--sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);
		--sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);
		--sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);
		--sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);
		--sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);

		--sl-color-accent-high: hsl(234, 80%, 30%);
		--sl-color-accent: hsl(234, 90%, 60%);
		--sl-color-accent-low: hsl(234, 88%, 90%);

		--sl-color-text-accent: var(--sl-color-accent);
		--sl-color-text-invert: var(--sl-color-black);
		--sl-color-bg-nav: var(--sl-color-gray-7);
		--sl-color-bg-sidebar: var(--sl-color-bg);
		--sl-color-bg-inline-code: var(--sl-color-gray-6);
		--sl-color-bg-accent: var(--sl-color-accent);
		--sl-color-hairline-light: var(--sl-color-gray-6);
		--sl-color-hairline-shade: var(--sl-color-gray-6);

		--sl-color-backdrop-overlay: hsla(225, 9%, 36%, 0.66);

		/* Shadows (light mode) */
		--sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.06), 0px 2px 1px hsla(0, 0%, 0%, 0.06);
		--sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.03), 0px 5px 2px hsla(0, 0%, 0%, 0.03),
			0px 3px 2px hsla(0, 0%, 0%, 0.06), 0px 1px 1px hsla(0, 0%, 0%, 0.06);
		--sl-shadow-lg: 0px 25px 7px rgba(0, 0, 0, 0.01), 0px 16px 6px hsla(0, 0%, 0%, 0.03),
			0px 9px 5px hsla(223, 13%, 10%, 0.08), 0px 4px 4px hsla(0, 0%, 0%, 0.16),
			0px 4px 2px hsla(0, 0%, 0%, 0.04);
	}

	@media (min-width: 50em) {
		:root {
			--sl-nav-height: 4rem;
			--sl-nav-pad-x: 1.5rem;
			--sl-text-h1: var(--sl-text-5xl);
			--sl-text-h2: var(--sl-text-4xl);
			--sl-text-h3: var(--sl-text-3xl);
			--sl-text-h4: var(--sl-text-2xl);
		}
	}

	@media (min-width: 72rem) {
		:root {
			--sl-content-pad-x: 1.5rem;
			--sl-mobile-toc-height: 0rem;
		}
	}
}
@layer starlight.reset {
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	* {
		margin: 0;
	}

	html {
		color-scheme: dark;
		accent-color: var(--sl-color-accent);
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}

	html[data-theme='light'] {
		color-scheme: light;
	}

	body {
		font-family: var(--__sl-font);
		line-height: var(--sl-line-height);
		-webkit-font-smoothing: antialiased;
		color: var(--sl-color-text);
		background-color: var(--sl-color-bg);
	}

	/* :lang(zh, ja) has not been supported by Chromium-based browsers at the time of writing (2026-05) */
	[lang]:where(:lang(zh), :lang(ja)) {
		text-autospace: normal;
	}

	[lang]:where(:not(:lang(zh), :lang(ja))) {
		text-autospace: initial;
	}

	pre,
	code,
	samp,
	kbd {
		text-autospace: no-autospace;
	}

	input,
	button,
	textarea,
	select {
		font: inherit;
	}

	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	code {
		overflow-wrap: break-word;
	}

	code {
		font-family: var(--__sl-font-mono);
	}
}
@layer starlight.components {
	.starlight-aside {
		padding: 1rem;
		border-inline-start: 0.25rem solid var(--sl-color-asides-border);
		color: var(--sl-color-white);
	}
	.starlight-aside--note {
		--sl-color-asides-text-accent: var(--sl-color-blue-high);
		--sl-color-asides-border: var(--sl-color-blue);
		background-color: var(--sl-color-blue-low);
	}
	.starlight-aside--tip {
		--sl-color-asides-text-accent: var(--sl-color-purple-high);
		--sl-color-asides-border: var(--sl-color-purple);
		background-color: var(--sl-color-purple-low);
	}
	.starlight-aside--caution {
		--sl-color-asides-text-accent: var(--sl-color-orange-high);
		--sl-color-asides-border: var(--sl-color-orange);
		background-color: var(--sl-color-orange-low);
	}
	.starlight-aside--danger {
		--sl-color-asides-text-accent: var(--sl-color-red-high);
		--sl-color-asides-border: var(--sl-color-red);
		background-color: var(--sl-color-red-low);
	}

	.starlight-aside__title {
		display: flex;
		gap: 0.5rem;
		align-items: center;
		font-size: var(--sl-text-h5);
		font-weight: 600;
		line-height: var(--sl-line-height-headings);
		color: var(--sl-color-asides-text-accent);
	}

	.starlight-aside__icon {
		font-size: 1.333em;
		width: 1em;
		height: 1em;
	}

	.starlight-aside__title + .starlight-aside__content {
		margin-top: 0.5rem;
	}

	.starlight-aside__content:empty {
		display: none;
	}

	.starlight-aside__content a {
		color: var(--sl-color-asides-text-accent);
	}
}
@layer starlight.utils {
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0;
	}

	.sl-hidden {
		display: none;
	}
	.sl-flex {
		display: flex;
	}
	.sl-block {
		display: block;
	}
	@media (min-width: 50rem) {
		.md\:sl-hidden {
			display: none;
		}
		.md\:sl-flex {
			display: flex;
		}
		.md\:sl-block {
			display: block;
		}
	}
	@media (min-width: 72rem) {
		.lg\:sl-hidden {
			display: none;
		}
		.lg\:sl-flex {
			display: flex;
		}
		.lg\:sl-block {
			display: block;
		}
	}
	[data-theme='light'] .light\:sl-hidden {
		display: none;
	}
	[data-theme='dark'] .dark\:sl-hidden {
		display: none;
	}

	/**
	 * Flip an element around the y-axis when in an RTL context.
	 * Primarily useful for things where we can’t rely on writing direction like icons.
	 *
	 * <Icon name="right-arrow" class="rtl:flip" />
	 *
	 * In a LTR context: →					In a RTL context: ←
	 */
	[dir='rtl'] .rtl\:flip:not(:where([dir='rtl'] [dir='ltr'] *)) {
		transform: matrix(-1, 0, 0, 1, 0, 0);
	}
}
/* 
How does anchor link placement work?

Because anchor links need to placed inline at the end of a heading, but are not children of the
heading element itself, positioning them to behave in a desirable way is a tiny bit tricky. Here’s
how we do it.

1. We wrap the heading and anchor link in a div and make the heading element inline:
   <div class="sl-heading-wrapper">
     <h2>...</h2><a class="sl-anchor-link">...</a>
   </a>

2. We need to avoid the anchor link wrapping onto a new line by itself like this because it looks
   broken:

   Some heading text
   ⛓

3. To achieve this we add an area of padding to the end of the heading and move the link over this
   padding using negative margin:

                        padding-inline-end creates space at the end of the line
                         ↓
      Some heading text[   ]⛓

                        margin-inline-start then pulls the anchor link into that space
                         ↓
      Some heading text[ ⛓ ]

   This ensures that when the anchor link wraps, the final word in the heading will wrap with it.

*/
@layer starlight.content {
	/* ======================================================
   WRAPPER
   ====================================================== */
	.sl-markdown-content .sl-heading-wrapper {
		/* The size of the SVG icon. */
		--sl-anchor-icon-size: 0.8275em;
		/* The horizontal space between the SVG icon and the end of the heading text. */
		--sl-anchor-icon-gap: 0.25em;
		/* The end of line space required to accommodate the anchor link. */
		--sl-anchor-icon-space: calc(var(--sl-anchor-icon-size) + var(--sl-anchor-icon-gap));

		line-height: var(--sl-line-height-headings);
	}

	/* We need to apply the same rule we use for heading spacing to the parent wrapper. */
	.sl-markdown-content
		:not(h1, h2, h3, h4, h5, h6, .sl-heading-wrapper)
		+ :is(.sl-heading-wrapper) {
		margin-top: 1.5em;
	}

	/* These font sizes are set in `markdown.css` for heading elements, but we need them one level higher on the wrapper. */
	.sl-markdown-content .sl-heading-wrapper.level-h1 {
		font-size: var(--sl-text-h1);
	}
	.sl-markdown-content .sl-heading-wrapper.level-h2 {
		font-size: var(--sl-text-h2);
	}
	.sl-markdown-content .sl-heading-wrapper.level-h3 {
		font-size: var(--sl-text-h3);
	}
	.sl-markdown-content .sl-heading-wrapper.level-h4 {
		font-size: var(--sl-text-h4);
	}
	.sl-markdown-content .sl-heading-wrapper.level-h5 {
		font-size: var(--sl-text-h5);
	}
	.sl-markdown-content .sl-heading-wrapper.level-h6 {
		font-size: var(--sl-text-h6);
	}

	/* ======================================================
   HEADING
   ====================================================== */
	.sl-markdown-content .sl-heading-wrapper > :first-child {
		display: inline;
		/* Apply end-of-line padding to the heading element. */
		padding-inline-end: var(--sl-anchor-icon-space);
	}

	/* ======================================================
   LINK
   ====================================================== */
	.sl-markdown-content .sl-anchor-link {
		position: relative;
		/* Move the anchor link over the heading element’s end-of-line padding. */
		margin-inline-start: calc(-1 * var(--sl-anchor-icon-size));
		/* Prevent double or triple clicks from potentially selecting the anchor link a11y text. */
		-webkit-user-select: none;
		user-select: none;
		/* Prevent double clicks on the last word (or single word) of a heading to include an extra new
     line in Chrome and Safari. */
		display: inline-flex;
	}

	/* Increase clickable area for anchor links with a pseudo element that doesn’t impact layout. */
	.sl-markdown-content .sl-anchor-link::after {
		content: '';
		position: absolute;
		/* While most icon spacing is done with `em` to be relative to the heading font-size, increasing
     the touch area is most important for smaller headings like h5/h6, so we use absolute units,
     which have a diminishing impact at larger font-sizes. */
		inset: -0.25rem -0.5rem;
	}

	/* Size and position the SVG icon inside the link. */
	.sl-markdown-content .sl-anchor-icon > svg {
		display: inline;
		width: var(--sl-anchor-icon-size);
		/* Center the link icon SVG vertically in the line. */
		vertical-align: top;
		transform: translateY(
			calc((var(--sl-line-height-headings) * 1em - var(--sl-anchor-icon-size)) / 2)
		);
	}

	/* On devices with hover capability, hide the anchor link icons and show only show them when focused
   or when the heading is hovered. */
	@media (hover: hover) {
		.sl-markdown-content .sl-anchor-link {
			opacity: 0;
		}
		.sl-markdown-content .sl-anchor-link:focus,
		.sl-markdown-content .sl-heading-wrapper:hover .sl-anchor-link {
			opacity: 1;
		}
	}
}
@layer starlight.core{.sl-banner:where(.astro-t5nyh3qy){--__sl-banner-text: var(--sl-color-banner-text, var(--sl-color-text-invert));padding:var(--sl-nav-pad-y) var(--sl-nav-pad-x);background-color:var(--sl-color-banner-bg, var(--sl-color-bg-accent));color:var(--__sl-banner-text);line-height:var(--sl-line-height-headings);text-align:center;text-wrap:balance;box-shadow:var(--sl-shadow-sm)}.sl-banner:where(.astro-t5nyh3qy) a{color:var(--__sl-banner-text)}}@layer starlight.core{.content-panel:where(.astro-755fb4gb){padding:1.5rem var(--sl-content-pad-x)}.content-panel:where(.astro-755fb4gb)+.content-panel:where(.astro-755fb4gb){border-top:1px solid var(--sl-color-hairline)}.sl-container:where(.astro-755fb4gb){max-width:var(--sl-content-width)}.sl-container:where(.astro-755fb4gb)>* + *{margin-top:1.5rem}@media (min-width: 72rem){.sl-container:where(.astro-755fb4gb){margin-inline:var(--sl-content-margin-inline, auto)}}}@layer starlight.components{svg:where(.astro-f3zok2dm){color:var(--sl-icon-color);font-size:var(--sl-icon-size, 1em);width:1em;height:1em}}@layer starlight.core{p:where(.astro-i5fsxfgc){border:1px solid var(--sl-color-orange);padding:0.75em 1em;background-color:var(--sl-color-orange-low);color:var(--sl-color-orange-high);width:max-content;max-width:100%;align-items:center;gap:0.75em;font-size:var(--sl-text-body-sm);line-height:var(--sl-line-height-headings);text-align:start}}@layer starlight.core{a:where(.astro-ie5nw4rn){gap:0.5rem;align-items:center;text-decoration:none;color:var(--sl-color-gray-3)}a:where(.astro-ie5nw4rn):hover{color:var(--sl-color-white)}}@layer starlight.core{.pagination-links:where(.astro-tyulekwx){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:1rem}a:where(.astro-tyulekwx){display:flex;align-items:center;justify-content:flex-start;gap:0.5rem;width:100%;flex-basis:calc(50% - 0.5rem);flex-grow:1;border:1px solid var(--sl-color-gray-5);border-radius:0.5rem;padding:1rem;text-decoration:none;color:var(--sl-color-gray-2);box-shadow:var(--sl-shadow-md);overflow-wrap:anywhere}:where(.astro-tyulekwx)[rel=next]{justify-content:end;text-align:end;flex-direction:row-reverse}a:where(.astro-tyulekwx):hover{border-color:var(--sl-color-gray-2)}.link-title:where(.astro-tyulekwx){color:var(--sl-color-white);font-size:var(--sl-text-2xl);line-height:var(--sl-line-height-headings)}svg:where(.astro-tyulekwx){flex-shrink:0}}@layer starlight.components{:root{--sl-badge-default-border: var(--sl-color-accent);--sl-badge-default-bg: var(--sl-color-accent-low);--sl-badge-default-text: #fff;--sl-badge-note-border: var(--sl-color-blue);--sl-badge-note-bg: var(--sl-color-blue-low);--sl-badge-note-text: #fff;--sl-badge-danger-border: var(--sl-color-red);--sl-badge-danger-bg: var(--sl-color-red-low);--sl-badge-danger-text: #fff;--sl-badge-success-border: var(--sl-color-green);--sl-badge-success-bg: var(--sl-color-green-low);--sl-badge-success-text: #fff;--sl-badge-caution-border: var(--sl-color-orange);--sl-badge-caution-bg: var(--sl-color-orange-low);--sl-badge-caution-text: #fff;--sl-badge-tip-border: var(--sl-color-purple);--sl-badge-tip-bg: var(--sl-color-purple-low);--sl-badge-tip-text: #fff}[data-theme="light"]:root{--sl-badge-default-bg: var(--sl-color-accent-high);--sl-badge-note-bg: var(--sl-color-blue-high);--sl-badge-danger-bg: var(--sl-color-red-high);--sl-badge-success-bg: var(--sl-color-green-high);--sl-badge-caution-bg: var(--sl-color-orange-high);--sl-badge-tip-bg: var(--sl-color-purple-high)}.sl-badge:where(.astro-hp4r3jbw){display:inline-block;border:1px solid var(--sl-color-border-badge);border-radius:0.25rem;font-family:var(--sl-font-system-mono);line-height:normal;color:var(--sl-color-text-badge);background-color:var(--sl-color-bg-badge);overflow-wrap:anywhere}.sidebar-content .sl-badge:where(.astro-hp4r3jbw){line-height:1;font-size:var(--sl-text-xs);padding:0.125rem 0.375rem}.sidebar-content a[aria-current="page"]>.sl-badge:where(.astro-hp4r3jbw){--sl-color-bg-badge: transparent;--sl-color-border-badge: currentColor;color:inherit}.default:where(.astro-hp4r3jbw){--sl-color-bg-badge: var(--sl-badge-default-bg);--sl-color-border-badge: var(--sl-badge-default-border);--sl-color-text-badge: var(--sl-badge-default-text)}.note:where(.astro-hp4r3jbw){--sl-color-bg-badge: var(--sl-badge-note-bg);--sl-color-border-badge: var(--sl-badge-note-border);--sl-color-text-badge: var(--sl-badge-note-text)}.danger:where(.astro-hp4r3jbw){--sl-color-bg-badge: var(--sl-badge-danger-bg);--sl-color-border-badge: var(--sl-badge-danger-border);--sl-color-text-badge: var(--sl-badge-danger-text)}.success:where(.astro-hp4r3jbw){--sl-color-bg-badge: var(--sl-badge-success-bg);--sl-color-border-badge: var(--sl-badge-success-border);--sl-color-text-badge: var(--sl-badge-success-text)}.tip:where(.astro-hp4r3jbw){--sl-color-bg-badge: var(--sl-badge-tip-bg);--sl-color-border-badge: var(--sl-badge-tip-border);--sl-color-text-badge: var(--sl-badge-tip-text)}.caution:where(.astro-hp4r3jbw){--sl-color-bg-badge: var(--sl-badge-caution-bg);--sl-color-border-badge: var(--sl-badge-caution-border);--sl-color-text-badge: var(--sl-badge-caution-text)}.small:where(.astro-hp4r3jbw){font-size:var(--sl-text-xs);padding:0.125rem 0.25rem}.medium:where(.astro-hp4r3jbw){font-size:var(--sl-text-sm);padding:0.175rem 0.35rem}.large:where(.astro-hp4r3jbw){font-size:var(--sl-text-base);padding:0.225rem 0.45rem}.sl-markdown-content :is(h1,h2,h3,h4,h5,h6) .sl-badge:where(.astro-hp4r3jbw){vertical-align:middle}}@layer starlight.components {
		.sl-steps {
			--bullet-size: calc(var(--sl-line-height) * 1rem);
			--bullet-margin: 0.375rem;

			list-style: none;
			counter-reset: steps-counter var(--sl-steps-start, 0);
			padding-inline-start: 0;
		}

		.sl-steps > li {
			counter-increment: steps-counter;
			position: relative;
			padding-inline-start: calc(var(--bullet-size) + 1rem);
			/* HACK: Keeps any `margin-bottom` inside the `<li>`’s padding box to avoid gaps in the hairline border. */
			padding-bottom: 1px;
			/* Prevent bullets from touching in short list items. */
			min-height: calc(var(--bullet-size) + var(--bullet-margin));
		}
		.sl-steps > li + li {
			/* Remove margin between steps. */
			margin-top: 0;
		}

		/* Custom list marker element. */
		.sl-steps > li::before {
			content: counter(steps-counter);
			position: absolute;
			top: 0;
			inset-inline-start: 0;
			width: var(--bullet-size);
			height: var(--bullet-size);
			line-height: var(--bullet-size);

			font-size: var(--sl-text-xs);
			font-weight: 600;
			text-align: center;
			color: var(--sl-color-white);
			background-color: var(--sl-color-gray-6);
			border-radius: 99rem;
			box-shadow: inset 0 0 0 1px var(--sl-color-gray-5);
		}

		/* Vertical guideline linking list numbers. */
		.sl-steps > li::after {
			--guide-width: 1px;
			content: '';
			position: absolute;
			top: calc(var(--bullet-size) + var(--bullet-margin));
			bottom: var(--bullet-margin);
			inset-inline-start: calc((var(--bullet-size) - var(--guide-width)) / 2);
			width: var(--guide-width);
			background-color: var(--sl-color-hairline-light);
		}
	}

	@layer starlight.content {
		/* Adjust first item inside a step so that it aligns vertically with the number
			even if using a larger font size (e.g. a heading) */
		.sl-steps > li > :first-child {
			/*
		The `lh` unit is not yet supported by all browsers in our support matrix
		— see https://caniuse.com/mdn-css_types_length_lh
		In unsupported browsers we approximate this using our known line-heights.
		*/
			--lh: calc(1em * var(--sl-line-height));
			--shift-y: calc(0.5 * (var(--bullet-size) - var(--lh)));
			transform: translateY(var(--shift-y));
			margin-bottom: var(--shift-y);
		}
		.sl-steps > li > :first-child:where(h1, h2, h3, h4, h5, h6) {
			--lh: calc(1em * var(--sl-line-height-headings));
		}
		@supports (--prop: 1lh) {
			.sl-steps > li > :first-child {
				--lh: 1lh;
			}
		}
	}@layer starlight.components{.sl-link-button:where(.astro-56yyici7){align-items:center;border:1px solid transparent;border-radius:999rem;display:inline-flex;font-size:var(--sl-text-sm);gap:0.5em;line-height:1.1875;outline-offset:0.25rem;padding:0.4375rem 1.125rem;text-decoration:none}.sl-link-button:where(.astro-56yyici7).primary{background:var(--sl-color-text-accent);border-color:var(--sl-color-text-accent);color:var(--sl-color-black)}.sl-link-button:where(.astro-56yyici7).primary:hover{color:var(--sl-color-black)}.sl-link-button:where(.astro-56yyici7).secondary{border-color:inherit;color:var(--sl-color-white)}.sl-link-button:where(.astro-56yyici7).minimal{color:var(--sl-color-white);padding-inline:0}.sl-link-button:where(.astro-56yyici7) svg{flex-shrink:0}@media (min-width: 50rem){.sl-link-button:where(.astro-56yyici7){font-size:var(--sl-text-base);padding:0.9375rem 1.25rem}}.sl-markdown-content .sl-link-button:where(.astro-56yyici7){margin-inline-end:1rem}.sl-markdown-content .sl-link-button:where(.astro-56yyici7):not(:where(p *)){margin-block:1rem}}@layer starlight.core{footer:where(.astro-76gouyxs){flex-direction:column;gap:1.5rem}.meta:where(.astro-76gouyxs){gap:0.75rem 3rem;justify-content:space-between;flex-wrap:wrap;margin-top:3rem;font-size:var(--sl-text-sm);color:var(--sl-color-gray-3)}.meta:where(.astro-76gouyxs)>p:only-child{margin-inline-start:auto}.kudos:where(.astro-76gouyxs){align-items:center;gap:0.5em;margin:1.5rem auto;font-size:var(--sl-text-xs);text-decoration:none;color:var(--sl-color-gray-3)}.kudos:where(.astro-76gouyxs):hover{color:var(--sl-color-white)}}@layer starlight.components{.kudos:where(.astro-76gouyxs) svg{color:var(--sl-color-orange)}}@layer starlight.core{label:where(.astro-gbw2qld6){--sl-label-icon-size: 0.875rem;--sl-caret-size: 1.25rem;--sl-inline-padding: 0.5rem;position:relative;display:flex;align-items:center;gap:0.25rem;color:var(--sl-color-gray-2)}label:where(.astro-gbw2qld6):hover{color:var(--sl-color-white)}.icon:where(.astro-gbw2qld6){position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}select:where(.astro-gbw2qld6){border:0;padding-block:0.625rem;padding-inline:calc(var(--sl-label-icon-size) + var(--sl-inline-padding) + 0.25rem) calc(var(--sl-caret-size) + var(--sl-inline-padding) + 0.25rem);margin-inline:calc(var(--sl-inline-padding) * -1);width:calc(var(--sl-select-width) + var(--sl-inline-padding) * 2);background-color:transparent;text-overflow:ellipsis;color:inherit;cursor:pointer;appearance:none}option:where(.astro-gbw2qld6){background-color:var(--sl-color-bg-nav);color:var(--sl-color-gray-1)}@media (min-width: 50rem){select:where(.astro-gbw2qld6){font-size:var(--sl-text-sm)}}}@layer starlight.components{.label-icon:where(.astro-gbw2qld6){font-size:var(--sl-label-icon-size);inset-inline-start:0}.caret:where(.astro-gbw2qld6){font-size:var(--sl-caret-size);inset-inline-end:0}}@layer starlight.core{site-search:where(.astro-bvh2kpyq){display:contents}button:where(.astro-bvh2kpyq)[data-open-modal]{display:flex;align-items:center;gap:0.5rem;border:0;background-color:transparent;color:var(--sl-color-gray-1);cursor:pointer;height:2.5rem;font-size:var(--sl-text-xl)}@media (min-width: 50rem){button:where(.astro-bvh2kpyq)[data-open-modal]{border:1px solid var(--sl-color-gray-5);border-radius:0.5rem;padding-inline-start:0.75rem;padding-inline-end:0.5rem;background-color:var(--sl-color-black);color:var(--sl-color-gray-2);font-size:var(--sl-text-sm);width:100%;max-width:22rem}button:where(.astro-bvh2kpyq)[data-open-modal]:hover{border-color:var(--sl-color-gray-2);color:var(--sl-color-white)}button:where(.astro-bvh2kpyq)[data-open-modal]>:where(.astro-bvh2kpyq):last-child{margin-inline-start:auto}}button:where(.astro-bvh2kpyq)>kbd:where(.astro-bvh2kpyq){border-radius:0.25rem;font-size:var(--sl-text-2xs);gap:0.25em;padding-inline:0.375rem;background-color:var(--sl-color-gray-6)}kbd:where(.astro-bvh2kpyq){font-family:var(--__sl-font)}dialog:where(.astro-bvh2kpyq){margin:0;background-color:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:var(--sl-shadow-lg)}dialog:where(.astro-bvh2kpyq)[open]{display:flex}dialog:where(.astro-bvh2kpyq)::backdrop{background-color:var(--sl-color-backdrop-overlay);-webkit-backdrop-filter:blur(0.25rem);backdrop-filter:blur(0.25rem)}.dialog-frame:where(.astro-bvh2kpyq){position:relative;overflow:auto;flex-direction:column;flex-grow:1;gap:1rem;padding:1rem}button:where(.astro-bvh2kpyq)[data-close-modal]{position:absolute;z-index:1;align-items:center;align-self:flex-end;height:calc(64px * var(--pagefind-ui-scale));padding:0.25rem;border:0;background:transparent;cursor:pointer;color:var(--sl-color-text-accent)}#starlight__search:where(.astro-bvh2kpyq){--pagefind-ui-primary: var(--sl-color-text);--pagefind-ui-text: var(--sl-color-gray-2);--pagefind-ui-font: var(--__sl-font);--pagefind-ui-background: var(--sl-color-black);--pagefind-ui-border: var(--sl-color-gray-5);--pagefind-ui-border-width: 1px;--pagefind-ui-tag: var(--sl-color-gray-5);--sl-search-cancel-space: 5rem}:root[data-theme=light] #starlight__search:where(.astro-bvh2kpyq){--pagefind-ui-tag: var(--sl-color-gray-6)}@media (min-width: 50rem){#starlight__search:where(.astro-bvh2kpyq){--sl-search-cancel-space: 0px}dialog:where(.astro-bvh2kpyq){margin:4rem auto auto;border-radius:0.5rem;width:90%;max-width:40rem;height:max-content;min-height:15rem;max-height:calc(100% - 8rem)}.dialog-frame:where(.astro-bvh2kpyq){padding:1.5rem}}}@layer starlight.core {
.pagefind-ui__result.svelte-j9e30.svelte-j9e30 {
  list-style-type: none;
  display: flex;
  align-items: flex-start;
  gap: min(calc(40px * var(--pagefind-ui-scale)), 3%);
  padding: calc(30px * var(--pagefind-ui-scale)) 0 calc(40px * var(--pagefind-ui-scale));
  border-top: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
}
.pagefind-ui__result.svelte-j9e30.svelte-j9e30:last-of-type {
  border-bottom: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
}
.pagefind-ui__result-thumb.svelte-j9e30.svelte-j9e30 {
  width: min(30%, calc((30% - (100px * var(--pagefind-ui-scale))) * 100000));
  max-width: calc(120px * var(--pagefind-ui-scale));
  margin-top: calc(10px * var(--pagefind-ui-scale));
  aspect-ratio: var(--pagefind-ui-image-box-ratio);
  position: relative;
}
.pagefind-ui__result-image.svelte-j9e30.svelte-j9e30 {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: var(--pagefind-ui-image-border-radius);
}
.pagefind-ui__result-inner.svelte-j9e30.svelte-j9e30 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc(10px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-title.svelte-j9e30.svelte-j9e30 {
  display: inline-block;
  font-weight: 700;
  font-size: calc(21px * var(--pagefind-ui-scale));
  margin-top: 0;
  margin-bottom: 0;
}
.pagefind-ui__result-title.svelte-j9e30 .pagefind-ui__result-link.svelte-j9e30 {
  color: var(--pagefind-ui-text);
  text-decoration: none;
}
.pagefind-ui__result-title.svelte-j9e30 .pagefind-ui__result-link.svelte-j9e30:hover {
  text-decoration: underline;
}
.pagefind-ui__result-excerpt.svelte-j9e30.svelte-j9e30 {
  display: inline-block;
  font-weight: 400;
  font-size: calc(16px * var(--pagefind-ui-scale));
  margin-top: calc(4px * var(--pagefind-ui-scale));
  margin-bottom: 0;
  min-width: calc(250px * var(--pagefind-ui-scale));
}
.pagefind-ui__loading.svelte-j9e30.svelte-j9e30 {
  color: var(--pagefind-ui-text);
  background-color: var(--pagefind-ui-text);
  border-radius: var(--pagefind-ui-border-radius);
  opacity: 0.1;
  pointer-events: none;
}
.pagefind-ui__result-tags.svelte-j9e30.svelte-j9e30 {
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: calc(20px * var(--pagefind-ui-scale));
  flex-wrap: wrap;
  margin-top: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-tag.svelte-j9e30.svelte-j9e30 {
  padding: calc(4px * var(--pagefind-ui-scale)) calc(8px * var(--pagefind-ui-scale));
  font-size: calc(14px * var(--pagefind-ui-scale));
  border-radius: var(--pagefind-ui-border-radius);
  background-color: var(--pagefind-ui-tag);
}


.pagefind-ui__result.svelte-4xnkmf.svelte-4xnkmf {
  list-style-type: none;
  display: flex;
  align-items: flex-start;
  gap: min(calc(40px * var(--pagefind-ui-scale)), 3%);
  padding: calc(30px * var(--pagefind-ui-scale)) 0 calc(40px * var(--pagefind-ui-scale));
  border-top: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
}
.pagefind-ui__result.svelte-4xnkmf.svelte-4xnkmf:last-of-type {
  border-bottom: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
}
.pagefind-ui__result-nested.svelte-4xnkmf.svelte-4xnkmf {
  display: flex;
  flex-direction: column;
  padding-left: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-nested.svelte-4xnkmf.svelte-4xnkmf:first-of-type {
  padding-top: calc(10px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-nested.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf {
  font-size: 0.9em;
  position: relative;
}
.pagefind-ui__result-nested.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf::before {
  content: "\2937  ";
  position: absolute;
  top: 0;
  right: calc(100% + 0.1em);
}
.pagefind-ui__result-thumb.svelte-4xnkmf.svelte-4xnkmf {
  width: min(30%, calc((30% - (100px * var(--pagefind-ui-scale))) * 100000));
  max-width: calc(120px * var(--pagefind-ui-scale));
  margin-top: calc(10px * var(--pagefind-ui-scale));
  aspect-ratio: var(--pagefind-ui-image-box-ratio);
  position: relative;
}
.pagefind-ui__result-image.svelte-4xnkmf.svelte-4xnkmf {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: var(--pagefind-ui-image-border-radius);
}
.pagefind-ui__result-inner.svelte-4xnkmf.svelte-4xnkmf {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc(10px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-title.svelte-4xnkmf.svelte-4xnkmf {
  display: inline-block;
  font-weight: 700;
  font-size: calc(21px * var(--pagefind-ui-scale));
  margin-top: 0;
  margin-bottom: 0;
}
.pagefind-ui__result-title.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf {
  color: var(--pagefind-ui-text);
  text-decoration: none;
}
.pagefind-ui__result-title.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf:hover {
  text-decoration: underline;
}
.pagefind-ui__result-excerpt.svelte-4xnkmf.svelte-4xnkmf {
  display: inline-block;
  font-weight: 400;
  font-size: calc(16px * var(--pagefind-ui-scale));
  margin-top: calc(4px * var(--pagefind-ui-scale));
  margin-bottom: 0;
  min-width: calc(250px * var(--pagefind-ui-scale));
}
.pagefind-ui__loading.svelte-4xnkmf.svelte-4xnkmf {
  color: var(--pagefind-ui-text);
  background-color: var(--pagefind-ui-text);
  border-radius: var(--pagefind-ui-border-radius);
  opacity: 0.1;
  pointer-events: none;
}
.pagefind-ui__result-tags.svelte-4xnkmf.svelte-4xnkmf {
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: calc(20px * var(--pagefind-ui-scale));
  flex-wrap: wrap;
  margin-top: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-tag.svelte-4xnkmf.svelte-4xnkmf {
  padding: calc(4px * var(--pagefind-ui-scale)) calc(8px * var(--pagefind-ui-scale));
  font-size: calc(14px * var(--pagefind-ui-scale));
  border-radius: var(--pagefind-ui-border-radius);
  background-color: var(--pagefind-ui-tag);
}


legend.svelte-1v2r7ls.svelte-1v2r7ls {
  position: absolute;
  clip: rect(0 0 0 0);
}
.pagefind-ui__filter-panel.svelte-1v2r7ls.svelte-1v2r7ls {
  min-width: min(calc(260px * var(--pagefind-ui-scale)), 100%);
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__filter-group.svelte-1v2r7ls.svelte-1v2r7ls {
  border: 0;
  padding: 0;
}
.pagefind-ui__filter-block.svelte-1v2r7ls.svelte-1v2r7ls {
  padding: 0;
  display: block;
  border-bottom: solid calc(2px * var(--pagefind-ui-scale)) var(--pagefind-ui-border);
  padding: calc(20px * var(--pagefind-ui-scale)) 0;
}
.pagefind-ui__filter-name.svelte-1v2r7ls.svelte-1v2r7ls {
  font-size: calc(16px * var(--pagefind-ui-scale));
  position: relative;
  display: flex;
  align-items: center;
  list-style: none;
  font-weight: 700;
  cursor: pointer;
  height: calc(24px * var(--pagefind-ui-scale));
}
.pagefind-ui__filter-name.svelte-1v2r7ls.svelte-1v2r7ls::-webkit-details-marker {
  display: none;
}
.pagefind-ui__filter-name.svelte-1v2r7ls.svelte-1v2r7ls::after {
  position: absolute;
  content: "";
  right: calc(6px * var(--pagefind-ui-scale));
  top: 50%;
  width: calc(8px * var(--pagefind-ui-scale));
  height: calc(8px * var(--pagefind-ui-scale));
  border: solid calc(2px * var(--pagefind-ui-scale)) currentColor;
  border-right: 0;
  border-top: 0;
  transform: translateY(-70%) rotateZ(-45deg);
}
.pagefind-ui__filter-block[open].svelte-1v2r7ls .pagefind-ui__filter-name.svelte-1v2r7ls::after {
  transform: translateY(-70%) rotateZ(-225deg);
}
.pagefind-ui__filter-group.svelte-1v2r7ls.svelte-1v2r7ls {
  display: flex;
  flex-direction: column;
  gap: calc(20px * var(--pagefind-ui-scale));
  padding-top: calc(30px * var(--pagefind-ui-scale));
}
.pagefind-ui__filter-value.svelte-1v2r7ls.svelte-1v2r7ls {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(8px * var(--pagefind-ui-scale));
}
.pagefind-ui__filter-value.svelte-1v2r7ls.svelte-1v2r7ls::before {
  position: absolute;
  content: "";
  top: 50%;
  left: calc(8px * var(--pagefind-ui-scale));
  width: 0px;
  height: 0px;
  border: solid 1px #fff;
  opacity: 0;
  transform: translate(calc(4.5px * var(--pagefind-ui-scale) * -1), calc(0.8px * var(--pagefind-ui-scale))) skewX(-5deg) rotateZ(-45deg);
  transform-origin: top left;
  border-top: 0;
  border-right: 0;
  pointer-events: none;
}
.pagefind-ui__filter-value.pagefind-ui__filter-value--checked.svelte-1v2r7ls.svelte-1v2r7ls::before {
  opacity: 1;
  width: calc(9px * var(--pagefind-ui-scale));
  height: calc(4px * var(--pagefind-ui-scale));
  transition: width 0.1s ease-out 0.1s, height 0.1s ease-in;
}
.pagefind-ui__filter-checkbox.svelte-1v2r7ls.svelte-1v2r7ls {
  margin: 0;
  width: calc(16px * var(--pagefind-ui-scale));
  height: calc(16px * var(--pagefind-ui-scale));
  border: solid 1px var(--pagefind-ui-border);
  appearance: none;
  -webkit-appearance: none;
  border-radius: calc(var(--pagefind-ui-border-radius) / 2);
  background-color: var(--pagefind-ui-background);
  cursor: pointer;
}
.pagefind-ui__filter-checkbox.svelte-1v2r7ls.svelte-1v2r7ls:checked {
  background-color: var(--pagefind-ui-primary);
  border: solid 1px var(--pagefind-ui-primary);
}
.pagefind-ui__filter-label.svelte-1v2r7ls.svelte-1v2r7ls {
  cursor: pointer;
  font-size: calc(16px * var(--pagefind-ui-scale));
  font-weight: 400;
}


.pagefind-ui--reset *:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
  outline: revert;
}
.pagefind-ui--reset *,
.pagefind-ui--reset *::before,
.pagefind-ui--reset *::after {
  box-sizing: border-box;
}
.pagefind-ui--reset a,
.pagefind-ui--reset button {
  cursor: revert;
}
.pagefind-ui--reset ol,
.pagefind-ui--reset ul,
.pagefind-ui--reset menu {
  list-style: none;
}
.pagefind-ui--reset img {
  max-width: 100%;
}
.pagefind-ui--reset table {
  border-collapse: collapse;
}
.pagefind-ui--reset input,
.pagefind-ui--reset textarea {
  -webkit-user-select: auto;
}
.pagefind-ui--reset textarea {
  white-space: revert;
}
.pagefind-ui--reset meter {
  -webkit-appearance: revert;
  appearance: revert;
}
.pagefind-ui--reset ::placeholder {
  color: unset;
}
.pagefind-ui--reset :where([hidden]) {
  display: none;
}
.pagefind-ui--reset :where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}
.pagefind-ui--reset :where([draggable=true]) {
  -webkit-user-drag: element;
}
.pagefind-ui--reset mark {
  all: revert;
}


:root {
  --pagefind-ui-scale:0.8;
  --pagefind-ui-primary:#393939;
  --pagefind-ui-text:#393939;
  --pagefind-ui-background:#ffffff;
  --pagefind-ui-border:#eeeeee;
  --pagefind-ui-tag:#eeeeee;
  --pagefind-ui-border-width:2px;
  --pagefind-ui-border-radius:8px;
  --pagefind-ui-image-border-radius:8px;
  --pagefind-ui-image-box-ratio:3 / 2;
  --pagefind-ui-font:system,
    -apple-system,
    "BlinkMacSystemFont",
    ".SFNSText-Regular",
    "San Francisco",
    "Roboto",
    "Segoe UI",
    "Helvetica Neue",
    "Lucida Grande",
    "Ubuntu",
    "arial",
    sans-serif;
}
.pagefind-ui.svelte-e9gkc3 {
  width: 100%;
  color: var(--pagefind-ui-text);
  font-family: var(--pagefind-ui-font);
}
.pagefind-ui__hidden.svelte-e9gkc3 {
  display: none !important;
}
.pagefind-ui__suppressed.svelte-e9gkc3 {
  opacity: 0;
  pointer-events: none;
}
.pagefind-ui__form.svelte-e9gkc3 {
  position: relative;
}
.pagefind-ui__form.svelte-e9gkc3::before {
  background-color: var(--pagefind-ui-text);
  width: calc(18px * var(--pagefind-ui-scale));
  height: calc(18px * var(--pagefind-ui-scale));
  top: calc(23px * var(--pagefind-ui-scale));
  left: calc(20px * var(--pagefind-ui-scale));
  content: "";
  position: absolute;
  display: block;
  opacity: 0.7;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  z-index: 9;
  pointer-events: none;
}
.pagefind-ui__search-input.svelte-e9gkc3 {
  height: calc(64px * var(--pagefind-ui-scale));
  padding: 0 calc(70px * var(--pagefind-ui-scale)) 0 calc(54px * var(--pagefind-ui-scale));
  background-color: var(--pagefind-ui-background);
  border: var(--pagefind-ui-border-width) solid var(--pagefind-ui-border);
  border-radius: var(--pagefind-ui-border-radius);
  font-size: calc(21px * var(--pagefind-ui-scale));
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  font-weight: 700;
}
.pagefind-ui__search-input.svelte-e9gkc3::placeholder {
  opacity: 0.2;
}
.pagefind-ui__search-clear.svelte-e9gkc3 {
  position: absolute;
  top: calc(3px * var(--pagefind-ui-scale));
  right: calc(3px * var(--pagefind-ui-scale));
  height: calc(58px * var(--pagefind-ui-scale));
  padding: 0 calc(15px * var(--pagefind-ui-scale)) 0 calc(2px * var(--pagefind-ui-scale));
  color: var(--pagefind-ui-text);
  font-size: calc(14px * var(--pagefind-ui-scale));
  cursor: pointer;
  background-color: var(--pagefind-ui-background);
  border-radius: var(--pagefind-ui-border-radius);
}
.pagefind-ui__drawer.svelte-e9gkc3 {
  gap: calc(60px * var(--pagefind-ui-scale));
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.pagefind-ui__results-area.svelte-e9gkc3 {
  min-width: min(calc(400px * var(--pagefind-ui-scale)), 100%);
  flex: 1000;
  margin-top: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__results.svelte-e9gkc3 {
  padding: 0;
}
.pagefind-ui__message.svelte-e9gkc3 {
  box-sizing: content-box;
  font-size: calc(16px * var(--pagefind-ui-scale));
  height: calc(24px * var(--pagefind-ui-scale));
  padding: calc(20px * var(--pagefind-ui-scale)) 0;
  display: flex;
  align-items: center;
  font-weight: 700;
  margin-top: 0;
}
.pagefind-ui__button.svelte-e9gkc3 {
  margin-top: calc(40px * var(--pagefind-ui-scale));
  border: var(--pagefind-ui-border-width) solid var(--pagefind-ui-border);
  border-radius: var(--pagefind-ui-border-radius);
  height: calc(48px * var(--pagefind-ui-scale));
  padding: 0 calc(12px * var(--pagefind-ui-scale));
  font-size: calc(16px * var(--pagefind-ui-scale));
  color: var(--pagefind-ui-primary);
  background: var(--pagefind-ui-background);
  width: 100%;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}
.pagefind-ui__button.svelte-e9gkc3:hover {
  border-color: var(--pagefind-ui-primary);
  color: var(--pagefind-ui-primary);
  background: var(--pagefind-ui-background);
}
}

	@layer starlight.core {
		[data-search-modal-open] {
			overflow: hidden;
		}

		#starlight__search {
			--sl-search-result-spacing: calc(1.25rem * var(--pagefind-ui-scale));
			--sl-search-result-pad-inline-start: calc(3.75rem * var(--pagefind-ui-scale));
			--sl-search-result-pad-inline-end: calc(1.25rem * var(--pagefind-ui-scale));
			--sl-search-result-pad-block: calc(0.9375rem * var(--pagefind-ui-scale));
			--sl-search-result-nested-pad-block: calc(0.625rem * var(--pagefind-ui-scale));
			--sl-search-corners: calc(0.3125rem * var(--pagefind-ui-scale));
			--sl-search-page-icon-size: calc(1.875rem * var(--pagefind-ui-scale));
			--sl-search-page-icon-inline-start: calc(
				(var(--sl-search-result-pad-inline-start) - var(--sl-search-page-icon-size)) / 2
			);
			--sl-search-tree-diagram-size: calc(2.5rem * var(--pagefind-ui-scale));
			--sl-search-tree-diagram-inline-start: calc(
				(var(--sl-search-result-pad-inline-start) - var(--sl-search-tree-diagram-size)) / 2
			);
		}

		#starlight__search .pagefind-ui__form::before {
			--pagefind-ui-text: var(--sl-color-gray-1);
			opacity: 1;
		}

		#starlight__search .pagefind-ui__search-input {
			color: var(--sl-color-white);
			font-weight: 400;
			width: calc(100% - var(--sl-search-cancel-space));
		}

		#starlight__search input:focus {
			--pagefind-ui-border: var(--sl-color-accent);
		}

		#starlight__search .pagefind-ui__search-clear {
			inset-inline-end: var(--sl-search-cancel-space);
			width: calc(60px * var(--pagefind-ui-scale));
			padding: 0;
			background-color: transparent;
			overflow: hidden;
		}
		#starlight__search .pagefind-ui__search-clear:focus {
			outline: 1px solid var(--sl-color-accent);
		}
		#starlight__search .pagefind-ui__search-clear::before {
			content: '';
			-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.41 12 6.3-6.29a1 1 0 1 0-1.42-1.42L12 10.59l-6.29-6.3a1 1 0 0 0-1.42 1.42l6.3 6.29-6.3 6.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l6.29-6.3 6.29 6.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E")
				center / 50% no-repeat;
			mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.41 12 6.3-6.29a1 1 0 1 0-1.42-1.42L12 10.59l-6.29-6.3a1 1 0 0 0-1.42 1.42l6.3 6.29-6.3 6.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l6.29-6.3 6.29 6.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E")
				center / 50% no-repeat;
			background-color: var(--sl-color-text-accent);
			display: block;
			width: 100%;
			height: 100%;
		}

		#starlight__search .pagefind-ui__results > * + * {
			margin-top: var(--sl-search-result-spacing);
		}
		#starlight__search .pagefind-ui__result {
			border: 0;
			padding: 0;
		}

		#starlight__search .pagefind-ui__result-nested {
			position: relative;
			padding: var(--sl-search-result-nested-pad-block) var(--sl-search-result-pad-inline-end);
			padding-inline-start: var(--sl-search-result-pad-inline-start);
		}

		#starlight__search .pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)),
		#starlight__search .pagefind-ui__result-nested {
			position: relative;
			background-color: var(--sl-color-black);
		}

		#starlight__search .pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)):hover,
		#starlight__search
			.pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)):focus-within,
		#starlight__search .pagefind-ui__result-nested:hover,
		#starlight__search .pagefind-ui__result-nested:focus-within {
			outline: 1px solid var(--sl-color-accent-high);
		}

		#starlight__search
			.pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)):focus-within,
		#starlight__search .pagefind-ui__result-nested:focus-within {
			background-color: var(--sl-color-accent-low);
		}

		#starlight__search .pagefind-ui__result-thumb,
		#starlight__search .pagefind-ui__result-inner {
			margin-top: 0;
		}

		#starlight__search .pagefind-ui__result-inner > :first-child {
			border-radius: var(--sl-search-corners) var(--sl-search-corners) 0 0;
		}
		#starlight__search .pagefind-ui__result-inner > :last-child {
			border-radius: 0 0 var(--sl-search-corners) var(--sl-search-corners);
		}

		#starlight__search .pagefind-ui__result-inner > .pagefind-ui__result-title {
			padding: var(--sl-search-result-pad-block) var(--sl-search-result-pad-inline-end);
			padding-inline-start: var(--sl-search-result-pad-inline-start);
		}
		#starlight__search .pagefind-ui__result-inner > .pagefind-ui__result-title::before {
			content: '';
			position: absolute;
			inset-block: 0;
			inset-inline-start: var(--sl-search-page-icon-inline-start);
			width: var(--sl-search-page-icon-size);
			background: var(--sl-color-gray-3);
			-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M9 10h1a1 1 0 1 0 0-2H9a1 1 0 0 0 0 2Zm0 2a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2H9Zm11-3V8l-6-6a1 1 0 0 0-1 0H7a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V9Zm-6-4 3 3h-2a1 1 0 0 1-1-1V5Zm4 14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5v3a3 3 0 0 0 3 3h3v9Zm-3-3H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2Z'/%3E%3C/svg%3E")
				center no-repeat;
			mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M9 10h1a1 1 0 1 0 0-2H9a1 1 0 0 0 0 2Zm0 2a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2H9Zm11-3V8l-6-6a1 1 0 0 0-1 0H7a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V9Zm-6-4 3 3h-2a1 1 0 0 1-1-1V5Zm4 14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5v3a3 3 0 0 0 3 3h3v9Zm-3-3H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2Z'/%3E%3C/svg%3E")
				center no-repeat;
		}

		#starlight__search .pagefind-ui__result-inner {
			align-items: stretch;
			gap: 1px;
		}

		#starlight__search .pagefind-ui__result-link {
			position: unset;
			--pagefind-ui-text: var(--sl-color-white);
			font-weight: 600;
		}

		#starlight__search .pagefind-ui__result-link:hover {
			text-decoration: none;
		}

		#starlight__search .pagefind-ui__result-nested .pagefind-ui__result-link::before {
			content: unset;
		}

		#starlight__search .pagefind-ui__result-nested::before {
			content: '';
			position: absolute;
			inset-block: 0;
			inset-inline-start: var(--sl-search-tree-diagram-inline-start);
			width: var(--sl-search-tree-diagram-size);
			background: var(--sl-color-gray-4);
			-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' viewBox='0 0 16 1000' preserveAspectRatio='xMinYMin slice'%3E%3Cpath d='M8 0v1000m6-988H8'/%3E%3C/svg%3E")
				0% 0% / 100% no-repeat;
			mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' viewBox='0 0 16 1000' preserveAspectRatio='xMinYMin slice'%3E%3Cpath d='M8 0v1000m6-988H8'/%3E%3C/svg%3E")
				0% 0% / 100% no-repeat;
		}
		#starlight__search .pagefind-ui__result-nested:last-of-type::before {
			-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='M8 0v12m6 0H8'/%3E%3C/svg%3E");
			mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='M8 0v12m6 0H8'/%3E%3C/svg%3E");
		}

		/* Flip page and tree icons around the vertical axis when in an RTL layout. */
		[dir='rtl'] .pagefind-ui__result-title::before,
		[dir='rtl'] .pagefind-ui__result-nested::before {
			transform: matrix(-1, 0, 0, 1, 0, 0);
		}

		#starlight__search .pagefind-ui__result-link::after {
			content: '';
			position: absolute;
			inset: 0;
		}

		#starlight__search .pagefind-ui__result-excerpt {
			font-size: calc(1rem * var(--pagefind-ui-scale));
			overflow-wrap: anywhere;
		}

		#starlight__search mark {
			color: var(--sl-color-gray-2);
			background-color: transparent;
			font-weight: 600;
		}

		#starlight__search .pagefind-ui__filter-value::before {
			border-color: var(--sl-color-text-invert);
		}

		#starlight__search .pagefind-ui__result-tags {
			background-color: var(--sl-color-black);
			margin-top: 0;
			padding: var(--sl-search-result-nested-pad-block) var(--sl-search-result-pad-inline-end);
		}
	}@layer starlight.core{a:where(.astro-l3g5p3y2){color:var(--sl-color-text-accent);padding:0.5em;margin:-0.5em}a:where(.astro-l3g5p3y2):hover{color:var(--sl-color-white)}}@layer starlight.core{.header:where(.astro-nvjxlfzv){display:flex;gap:var(--sl-nav-gap);justify-content:space-between;align-items:center;height:100%}.title-wrapper:where(.astro-nvjxlfzv){overflow:clip;padding:0.25rem;margin:-0.25rem;min-width:0}.right-group:where(.astro-nvjxlfzv),.social-icons:where(.astro-nvjxlfzv){gap:1rem;align-items:center}.social-icons:where(.astro-nvjxlfzv)::after{content:"";height:2rem;border-inline-end:1px solid var(--sl-color-gray-5)}@media (min-width: 50rem){:root[data-has-sidebar]{--__sidebar-pad: calc(2 * var(--sl-nav-pad-x))}:root:not([data-has-toc]){--__toc-width: 0rem}.header:where(.astro-nvjxlfzv){--__sidebar-width: max(0rem, var(--sl-content-inline-start, 0rem) - var(--sl-nav-pad-x));--__main-column-fr: calc( ( 100% + var(--__sidebar-pad, 0rem) - var(--__toc-width, var(--sl-sidebar-width)) - (2 * var(--__toc-width, var(--sl-nav-pad-x))) - var(--sl-content-inline-start, 0rem) - var(--sl-content-width) ) / 2 );display:grid;grid-template-columns:minmax(calc(var(--__sidebar-width) + max(0rem,var(--__main-column-fr) - var(--sl-nav-gap))),auto) 1fr auto;align-content:center}}}@layer starlight.core{.hero:where(.astro-lrvfdukr){display:grid;grid-template-columns:100%;align-items:center;gap:1rem;padding-bottom:1rem}.hero:where(.astro-lrvfdukr)>img:where(.astro-lrvfdukr),.hero:where(.astro-lrvfdukr)>.hero-html:where(.astro-lrvfdukr){object-fit:contain;width:min(70%,20rem);height:auto;margin-inline:auto}.stack:where(.astro-lrvfdukr){flex-direction:column;gap:clamp(1.5rem,calc(1.5rem + 1vw),2rem);text-align:center}.copy:where(.astro-lrvfdukr){flex-direction:column;gap:1rem;align-items:center}.copy:where(.astro-lrvfdukr)>:where(.astro-lrvfdukr){max-width:50ch}h1:where(.astro-lrvfdukr){font-size:clamp(var(--sl-text-3xl),calc(0.25rem + 5vw),var(--sl-text-6xl));line-height:var(--sl-line-height-headings);font-weight:600;color:var(--sl-color-white)}.tagline:where(.astro-lrvfdukr){font-size:clamp(var(--sl-text-base),calc(0.0625rem + 2vw),var(--sl-text-xl));color:var(--sl-color-gray-2)}.actions:where(.astro-lrvfdukr){gap:1rem 2rem;flex-wrap:wrap;justify-content:center}@media (min-width: 50rem){.hero:where(.astro-lrvfdukr){grid-template-columns:7fr 4fr;gap:3%;padding-block:clamp(2.5rem,calc(1rem + 10vmin),10rem)}.hero:where(.astro-lrvfdukr)>img:where(.astro-lrvfdukr),.hero:where(.astro-lrvfdukr)>.hero-html:where(.astro-lrvfdukr){order:2;width:min(100%,25rem)}.stack:where(.astro-lrvfdukr){text-align:start}.copy:where(.astro-lrvfdukr){align-items:flex-start}.actions:where(.astro-lrvfdukr){justify-content:flex-start}}}@layer starlight.content {
	.sl-markdown-content
		:not(a, strong, em, del, span, input, code, br)
		+ :not(a, strong, em, del, span, input, code, br, :where(.not-content *)) {
		margin-top: var(--sl-content-gap-y);
	}

	/* Vertical spacing between Markdown content blocks and UI Framework components using client directives. */
	.sl-markdown-content
		:not(a, strong, em, del, span, input, code, br)
		+ :is(astro-island, astro-slot)
		> :not(a, strong, em, del, span, input, code, br, :where(.not-content *)):first-child {
		margin-top: var(--sl-content-gap-y);
	}

	/* Headings after non-headings have more spacing. */
	.sl-markdown-content
		:not(h1, h2, h3, h4, h5, h6)
		+ :is(h1, h2, h3, h4, h5, h6):not(:where(.not-content *)) {
		margin-top: 1.5em;
	}

	.sl-markdown-content li + li:not(:where(.not-content *)),
	.sl-markdown-content dt + dt:not(:where(.not-content *)),
	.sl-markdown-content dt + dd:not(:where(.not-content *)),
	.sl-markdown-content dd + dd:not(:where(.not-content *)) {
		margin-top: 0.25rem;
	}

	.sl-markdown-content li:not(:where(.not-content *)) {
		overflow-wrap: anywhere;
	}

	/*
	 * This complex selector manages spacing inside lists.
	 *
	 * - Finds all lists containing items with non-inline direct children (e.g.
	 *   ul > li > p)
	 * - Applies a bottom margin to the last non-inline child of each list item
	 *   in this list
	 *
	 * This ensures that even if only one list item contains a block element
	 * (most commonly a paragraph), siblings of that list item are spaced
	 * consistently.
	 */
	.sl-markdown-content
	 :is(ol, ul):has(> li > :not(a, strong, em, del, span, input, code, br, script, ol, ul))
	 > li
	 > :is(
			:last-child:not(a, strong, em, del, span, input, code, br, script, :where(.not-content *)),
			/*
			 * For list items ending with 1 or multiple script elements (`:has(~
			 * script:last-child)`), we need to style the last non-script
			 * element (`:not(script)`) that doesn't have a subsequent sibling
			 * that is not a script (`:not(:has(~ :not(script)))`).
			 */
			:not(script):has(~ script:last-child):not(:has(~ :not(script)))
	 ) {
		margin-bottom: 1.25rem;
	}

	.sl-markdown-content dt:not(:where(.not-content *)) {
		font-weight: 700;
	}
	.sl-markdown-content dd:not(:where(.not-content *)) {
		padding-inline-start: 1rem;
	}

	.sl-markdown-content :is(h1, h2, h3, h4, h5, h6):not(:where(.not-content *)) {
		color: var(--sl-color-white);
		line-height: var(--sl-line-height-headings);
		font-weight: 600;
	}

	.sl-markdown-content :is(img, picture, video, canvas, svg, iframe):not(:where(.not-content *)) {
		display: block;
		max-width: 100%;
		height: auto;
	}

	.sl-markdown-content h1:not(:where(.not-content *)) {
		font-size: var(--sl-text-h1);
	}
	.sl-markdown-content h2:not(:where(.not-content *)) {
		font-size: var(--sl-text-h2);
	}
	.sl-markdown-content h3:not(:where(.not-content *)) {
		font-size: var(--sl-text-h3);
	}
	.sl-markdown-content h4:not(:where(.not-content *)) {
		font-size: var(--sl-text-h4);
	}
	.sl-markdown-content h5:not(:where(.not-content *)) {
		font-size: var(--sl-text-h5);
	}
	.sl-markdown-content h6:not(:where(.not-content *)) {
		font-size: var(--sl-text-h6);
	}

	.sl-markdown-content a:not(:where(.not-content *)) {
		color: var(--sl-color-text-accent);
	}
	.sl-markdown-content a:hover:not(:where(.not-content *)) {
		color: var(--sl-color-white);
	}

	.sl-markdown-content code:not(:where(.not-content *)) {
		background-color: var(--sl-color-bg-inline-code);
		margin-block: -0.125rem;
		padding: 0.125rem 0.375rem;
		font-size: var(--sl-text-code-sm);
	}
	.sl-markdown-content :is(h1, h2, h3, h4, h5, h6) code {
		font-size: inherit;
	}

	.sl-markdown-content pre:not(:where(.not-content *)) {
		border: 1px solid var(--sl-color-gray-5);
		padding: 0.75rem 1rem;
		font-size: var(--sl-text-code);
		tab-size: 2;
	}

	.sl-markdown-content pre code:not(:where(.not-content *)) {
		all: unset;
		font-family: var(--__sl-font-mono);
	}

	.sl-markdown-content blockquote:not(:where(.not-content *)) {
		border-inline-start: 1px solid var(--sl-color-gray-5);
		padding-inline-start: 1rem;
	}

	/* Table styling */
	.sl-markdown-content table:not(:where(.not-content *)) {
		display: block;
		overflow: auto;
		border-spacing: 0;
	}
	.sl-markdown-content :is(th, td):not(:where(.not-content *)) {
		border-bottom: 1px solid var(--sl-color-gray-5);
		padding: 0.5rem 1rem;
		/* Align text to the top of the row in multiline tables. */
		vertical-align: baseline;
	}
	.sl-markdown-content :is(th:first-child, td:first-child):not(:where(.not-content *)) {
		padding-inline-start: 0;
	}
	.sl-markdown-content :is(th:last-child, td:last-child):not(:where(.not-content *)) {
		padding-inline-end: 0;
	}
	.sl-markdown-content th:not(:where(.not-content *)) {
		color: var(--sl-color-white);
		font-weight: 600;
	}
	/* Align headings to the start of the line unless set by the `align` attribute. */
	.sl-markdown-content th:not([align]):not(:where(.not-content *)) {
		text-align: start;
	}
	/* <table>s, <hr>s, and <blockquote>s inside asides */
	.sl-markdown-content .starlight-aside :is(th, td, hr, blockquote):not(:where(.not-content *)) {
		border-color: var(--sl-color-gray-4);
	}
	@supports (
		border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 30%, transparent)
	) {
		.sl-markdown-content .starlight-aside :is(th, td, hr, blockquote):not(:where(.not-content *)) {
			border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 30%, transparent);
		}
	}

	/* <code> inside asides */
	@supports (
		border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 12%, transparent)
	) {
		.sl-markdown-content .starlight-aside code:not(:where(.not-content *)) {
			background-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 12%, transparent);
		}
	}

	.sl-markdown-content hr:not(:where(.not-content *)) {
		border: 0;
		border-bottom: 1px solid var(--sl-color-hairline);
	}

	/* <details> and <summary> styles */
	.sl-markdown-content details:not(:where(.not-content *)) {
		--sl-details-border-color: var(--sl-color-gray-5);
		--sl-details-border-color--hover: var(--sl-color-text-accent);

		border-inline-start: 2px solid var(--sl-details-border-color);
		padding-inline-start: 1rem;
	}
	.sl-markdown-content details:not([open]):hover:not(:where(.not-content *)),
	.sl-markdown-content details:has(> summary:hover):not(:where(.not-content *)) {
		border-color: var(--sl-details-border-color--hover);
	}
	.sl-markdown-content summary:not(:where(.not-content *)) {
		color: var(--sl-color-white);
		cursor: pointer;
		display: block; /* Needed to hide the default marker in some browsers. */
		font-weight: 600;
		/* Expand the outline so that the marker cannot distort it. */
		margin-inline-start: -0.5rem;
		padding-inline-start: 0.5rem;
	}
	.sl-markdown-content details[open] > summary:not(:where(.not-content *)) {
		margin-bottom: 1rem;
	}

	/* <summary> marker styles */
	.sl-markdown-content summary:not(:where(.not-content *))::marker,
	.sl-markdown-content summary:not(:where(.not-content *))::-webkit-details-marker {
		display: none;
	}
	.sl-markdown-content summary:not(:where(.not-content *))::before {
		--sl-details-marker-size: 1.25rem;

		background-color: currentColor;
		content: '';
		display: inline-block;
		height: var(--sl-details-marker-size);
		width: var(--sl-details-marker-size);
		margin-inline: calc((var(--sl-details-marker-size) / 4) * -1) 0.25rem;
		vertical-align: middle;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.8 11.3 10.6 7a1 1 0 1 0-1.4 1.5l3.5 3.5-3.5 3.5a1 1 0 0 0 0 1.4 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3l4.2-4.2a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E%0A");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.8 11.3 10.6 7a1 1 0 1 0-1.4 1.5l3.5 3.5-3.5 3.5a1 1 0 0 0 0 1.4 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3l4.2-4.2a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E%0A");
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}
	@media (prefers-reduced-motion: no-preference) {
		.sl-markdown-content summary:not(:where(.not-content *))::before {
			transition: transform 0.2s ease-in-out;
		}
	}
	.sl-markdown-content details[open] > summary:not(:where(.not-content *))::before {
		transform: rotateZ(90deg);
	}
	[dir='rtl'] .sl-markdown-content summary:not(:where(.not-content *))::before,
	.sl-markdown-content [dir='rtl'] summary:not(:where(.not-content *))::before {
		transform: rotateZ(180deg);
	}
	/* <summary> with only a paragraph automatically added when using MDX */
	.sl-markdown-content summary:not(:where(.not-content *)) p:only-child {
		display: inline;
	}

	/* <details> styles inside asides */
	.sl-markdown-content .starlight-aside details:not(:where(.not-content *)) {
		--sl-details-border-color: var(--sl-color-asides-border);
		--sl-details-border-color--hover: var(--sl-color-asides-text-accent);
	}
}
@layer starlight.core{button:where(.astro-qa737rex){position:fixed;top:calc((var(--sl-nav-height) - var(--sl-menu-button-size)) / 2);inset-inline-end:var(--sl-nav-pad-x);z-index:var(--sl-z-index-navbar);border:0;border-radius:50%;width:var(--sl-menu-button-size);height:var(--sl-menu-button-size);padding:0.5rem;background-color:var(--sl-color-white);color:var(--sl-color-black);box-shadow:var(--sl-shadow-md);cursor:pointer}:where(.astro-qa737rex)[aria-expanded=true] button:where(.astro-qa737rex){background-color:var(--sl-color-gray-2);box-shadow:none}:where(.astro-qa737rex)[aria-expanded=true] button:where(.astro-qa737rex) .open-menu:where(.astro-qa737rex){display:none}:where(.astro-qa737rex):not([aria-expanded="true"]) button:where(.astro-qa737rex) .close-menu:where(.astro-qa737rex){display:none}[data-theme="light"] button:where(.astro-qa737rex){background-color:var(--sl-color-black);color:var(--sl-color-white)}[data-theme="light"] :where(.astro-qa737rex)[aria-expanded=true] button:where(.astro-qa737rex){background-color:var(--sl-color-gray-5)}}@layer starlight.core {
		[data-mobile-menu-expanded] {
			overflow: hidden;
		}

		@media (min-width: 50rem) {
			[data-mobile-menu-expanded] {
				overflow: auto;
			}
		}
	}@layer starlight.core{.page:where(.astro-6wwpgsmu){flex-direction:column;min-height:100vh}.header:where(.astro-6wwpgsmu){z-index:var(--sl-z-index-navbar);position:fixed;inset-inline-start:0;inset-block-start:0;width:100%;height:var(--sl-nav-height);border-bottom:1px solid var(--sl-color-hairline-shade);padding:var(--sl-nav-pad-y) var(--sl-nav-pad-x);padding-inline-end:var(--sl-nav-pad-x);background-color:var(--sl-color-bg-nav)}[data-has-sidebar] .header:where(.astro-6wwpgsmu){padding-inline-end:calc(var(--sl-nav-gap) + var(--sl-nav-pad-x) + var(--sl-menu-button-size))}.sidebar-pane:where(.astro-6wwpgsmu){visibility:var(--sl-sidebar-visibility, hidden);position:fixed;z-index:var(--sl-z-index-menu);inset-block:var(--sl-nav-height) 0;inset-inline-start:0;width:100%;background-color:var(--sl-color-black);overflow-y:auto;scrollbar-gutter:stable}[aria-expanded="true"]~.sidebar-pane:where(.astro-6wwpgsmu){--sl-sidebar-visibility: visible}.sidebar-content:where(.astro-6wwpgsmu){height:100%;min-height:max-content;padding:1rem var(--sl-sidebar-pad-x) 0;flex-direction:column;gap:1rem}@media (min-width: 50rem){.sidebar-content:where(.astro-6wwpgsmu)::after{content:"";padding-bottom:1px}}.main-frame:where(.astro-6wwpgsmu){padding-top:calc(var(--sl-nav-height) + var(--sl-mobile-toc-height));padding-inline-start:var(--sl-content-inline-start)}@media (min-width: 50rem){[data-has-sidebar] .header:where(.astro-6wwpgsmu){padding-inline-end:var(--sl-nav-pad-x)}.sidebar-pane:where(.astro-6wwpgsmu){--sl-sidebar-visibility: visible;width:var(--sl-sidebar-width);background-color:var(--sl-color-bg-sidebar);border-inline-end:1px solid var(--sl-color-hairline-shade)}}}@layer starlight.core{ul:where(.astro-ozoivijc){padding:0;list-style:none}a:where(.astro-ozoivijc){--pad-inline: 0.5rem;display:block;border-radius:0.25rem;padding-block:0.25rem;padding-inline:calc(1rem * var(--depth) + var(--pad-inline)) var(--pad-inline);line-height:1.25}a:where(.astro-ozoivijc)[aria-current=true]{color:var(--sl-color-text-accent)}.isMobile:where(.astro-ozoivijc) a:where(.astro-ozoivijc){--pad-inline: 1rem;display:flex;justify-content:space-between;gap:var(--pad-inline);border-top:1px solid var(--sl-color-gray-6);border-radius:0;padding-block:0.5rem;color:var(--sl-color-text);font-size:var(--sl-text-sm);text-decoration:none;outline-offset:var(--sl-outline-offset-inside)}.isMobile:where(.astro-ozoivijc):first-child>li:where(.astro-ozoivijc):first-child>a:where(.astro-ozoivijc){border-top:0}.isMobile:where(.astro-ozoivijc) a:where(.astro-ozoivijc)[aria-current=true],.isMobile:where(.astro-ozoivijc) a:where(.astro-ozoivijc)[aria-current=true]:hover,.isMobile:where(.astro-ozoivijc) a:where(.astro-ozoivijc)[aria-current=true]:focus{color:var(--sl-color-white);background-color:unset}.isMobile:where(.astro-ozoivijc) a:where(.astro-ozoivijc)[aria-current=true]::after{content:"";width:1rem;background-color:var(--sl-color-text-accent);-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNCAxNCc+PHBhdGggZD0nTTEwLjkxNCA0LjIwNmEuNTgzLjU4MyAwIDAgMC0uODI4IDBMNS43NCA4LjU1NyAzLjkxNCA2LjcyNmEuNTk2LjU5NiAwIDAgMC0uODI4Ljg1N2wyLjI0IDIuMjRhLjU4My41ODMgMCAwIDAgLjgyOCAwbDQuNzYtNC43NmEuNTgzLjU4MyAwIDAgMCAwLS44NTdaJy8+PC9zdmc+Cg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNCAxNCc+PHBhdGggZD0nTTEwLjkxNCA0LjIwNmEuNTgzLjU4MyAwIDAgMC0uODI4IDBMNS43NCA4LjU1NyAzLjkxNCA2LjcyNmEuNTk2LjU5NiAwIDAgMC0uODI4Ljg1N2wyLjI0IDIuMjRhLjU4My41ODMgMCAwIDAgLjgyOCAwbDQuNzYtNC43NmEuNTgzLjU4MyAwIDAgMCAwLS44NTdaJy8+PC9zdmc+Cg==);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0}}@layer starlight.core{nav:where(.astro-qgambtxr){position:fixed;z-index:var(--sl-z-index-toc);top:calc(var(--sl-nav-height) - 1px);inset-inline:0;border-top:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-bg-nav)}@media (min-width: 50rem){nav:where(.astro-qgambtxr){inset-inline-start:var(--sl-content-inline-start, 0)}}summary:where(.astro-qgambtxr){gap:0.5rem;align-items:center;height:var(--sl-mobile-toc-height);border-bottom:1px solid var(--sl-color-hairline-shade);padding:0.5rem 1rem;font-size:var(--sl-text-xs);outline-offset:var(--sl-outline-offset-inside)}summary:where(.astro-qgambtxr)::marker,summary:where(.astro-qgambtxr)::-webkit-details-marker{display:none}.toggle:where(.astro-qgambtxr){flex-shrink:0;gap:1rem;align-items:center;justify-content:space-between;border:1px solid var(--sl-color-gray-5);border-radius:0.5rem;padding-block:0.5rem;padding-inline-start:0.75rem;padding-inline-end:0.5rem;line-height:1;background-color:var(--sl-color-black);user-select:none;cursor:pointer}details:where(.astro-qgambtxr)[open] .toggle:where(.astro-qgambtxr){color:var(--sl-color-white);border-color:var(--sl-color-accent)}details:where(.astro-qgambtxr) .toggle:where(.astro-qgambtxr):hover{color:var(--sl-color-white);border-color:var(--sl-color-gray-2)}[dir="rtl"] .caret:where(.astro-qgambtxr){transform:rotateZ(180deg)}details:where(.astro-qgambtxr)[open] .caret:where(.astro-qgambtxr){transform:rotateZ(90deg)}.display-current:where(.astro-qgambtxr){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--sl-color-white)}.dropdown:where(.astro-qgambtxr){--border-top: 1px;margin-top:calc(-1 * var(--border-top));border:var(--border-top) solid var(--sl-color-gray-6);border-top-color:var(--sl-color-hairline-shade);max-height:calc(85vh - var(--sl-nav-height) - var(--sl-mobile-toc-height));overflow-y:auto;background-color:var(--sl-color-black);box-shadow:var(--sl-shadow-md);overscroll-behavior:contain}}@layer starlight.core{.right-sidebar-panel:where(.astro-mpxr4hlk){padding:1rem var(--sl-sidebar-pad-x)}.sl-container:where(.astro-mpxr4hlk){width:calc(var(--sl-sidebar-width) - 2 * var(--sl-sidebar-pad-x))}.right-sidebar-panel:where(.astro-mpxr4hlk) h2{color:var(--sl-color-white);font-size:var(--sl-text-h5);font-weight:600;line-height:var(--sl-line-height-headings);margin-bottom:0.5rem}.right-sidebar-panel:where(.astro-mpxr4hlk) :where(a){display:block;font-size:var(--sl-text-xs);text-decoration:none;color:var(--sl-color-gray-3);overflow-wrap:anywhere}.right-sidebar-panel:where(.astro-mpxr4hlk) :where(a):hover{color:var(--sl-color-white)}@media (min-width: 72rem){.sl-container:where(.astro-mpxr4hlk){max-width:calc(((100vw - var(--sl-sidebar-width) - 2 * var(--sl-content-pad-x) - 2 * var(--sl-sidebar-pad-x)) * 0.25))}}}@layer starlight.core{h1:where(.astro-xak46bb2){margin-top:0.85rem;font-size:clamp(2.45rem,5.2vw,4.15rem);line-height:1.01;font-weight:740;letter-spacing:-0.03em;text-wrap:balance;color:var(--sl-color-white)}}.docs-ai-actions:where(.astro-xak46bb2){display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:clamp(1rem,1.8vw,1.25rem);margin-bottom:clamp(-0.35rem,-0.6vw,-0.1rem)}.docs-ai-action:where(.astro-xak46bb2){display:inline-flex;min-width:0;height:1.88rem;align-items:center;justify-content:center;gap:0.38rem;border:1px solid var(--sl-color-hairline-light);border-radius:0.42rem;background:var(--sl-color-bg);color:color-mix(in srgb,var(--sl-color-white) 92%,var(--sl-color-gray-3));cursor:pointer;font:inherit;font-size:0.73rem;font-weight:640;letter-spacing:0;line-height:1;padding:0 0.58rem;text-decoration:none;transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease;white-space:nowrap}.docs-ai-action:where(.astro-xak46bb2):hover,.docs-ai-action:where(.astro-xak46bb2):focus-visible{border-color:color-mix(in srgb,var(--brand-accent) 38%,var(--sl-color-hairline-light));background:var(--sl-color-bg);color:var(--brand-accent)}.docs-ai-action:where(.astro-xak46bb2):active{background:color-mix(in srgb,var(--brand-accent) 6%,var(--sl-color-bg));color:var(--brand-accent)}.docs-ai-icon:where(.astro-xak46bb2){width:0.86rem;height:0.86rem;flex:0 0 auto;fill:currentColor}.docs-ai-icon-stroke:where(.astro-xak46bb2){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.docs-ai-icon-check:where(.astro-xak46bb2){display:none;color:#2f9b68;stroke-width:2.35}.docs-ai-action:where(.astro-xak46bb2)[data-copied=true] .docs-ai-icon-copy:where(.astro-xak46bb2){display:none}.docs-ai-action:where(.astro-xak46bb2)[data-copied=true] .docs-ai-icon-check:where(.astro-xak46bb2){display:block}@media (max-width: 32rem){.docs-ai-actions:where(.astro-xak46bb2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:25rem;margin-bottom:0}.docs-ai-action:where(.astro-xak46bb2){width:100%;padding-inline:0.5rem}}@layer starlight.core{.social-icons:where(.astro-mej4xtmo){display:flex;margin-inline-end:auto;gap:1rem;align-items:center;padding-block:1rem}.social-icons:where(.astro-mej4xtmo):empty{display:none}.mobile-preferences:where(.astro-mej4xtmo){justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--sl-color-gray-6);column-gap:1rem;padding:0.5rem 0}}@layer starlight.core{sl-sidebar-state-persist:where(.astro-vua46iwl){display:contents}}@layer starlight.core{ul:where(.astro-sjbeotry){--sl-sidebar-item-padding-inline: 0.5rem;list-style:none;padding:0}li:where(.astro-sjbeotry){overflow-wrap:anywhere}ul:where(.astro-sjbeotry) ul:where(.astro-sjbeotry) li:where(.astro-sjbeotry){margin-inline-start:var(--sl-sidebar-item-padding-inline);border-inline-start:1px solid var(--sl-color-hairline-light);padding-inline-start:var(--sl-sidebar-item-padding-inline)}.large:where(.astro-sjbeotry){font-size:var(--sl-text-lg);font-weight:600;color:var(--sl-color-white)}.top-level:where(.astro-sjbeotry)>li:where(.astro-sjbeotry)+li:where(.astro-sjbeotry){margin-top:0.75rem}summary:where(.astro-sjbeotry){display:flex;align-items:center;justify-content:space-between;padding:0.2em var(--sl-sidebar-item-padding-inline);line-height:1.4;cursor:pointer;user-select:none}summary:where(.astro-sjbeotry)::marker,summary:where(.astro-sjbeotry)::-webkit-details-marker{display:none}.caret:where(.astro-sjbeotry){transition:transform 0.2s ease-in-out;flex-shrink:0}[dir="rtl"] .caret:where(.astro-sjbeotry){transform:rotateZ(180deg)}:where(.astro-sjbeotry)[open]>summary:where(.astro-sjbeotry) .caret:where(.astro-sjbeotry){transform:rotateZ(90deg)}a:where(.astro-sjbeotry){display:block;border-radius:0.25rem;text-decoration:none;color:var(--sl-color-gray-2);padding:0.3em var(--sl-sidebar-item-padding-inline);line-height:1.4}a:where(.astro-sjbeotry):hover,a:where(.astro-sjbeotry):focus{color:var(--sl-color-white)}:where(.astro-sjbeotry)[aria-current=page],:where(.astro-sjbeotry)[aria-current=page]:hover,:where(.astro-sjbeotry)[aria-current=page]:focus{font-weight:600;color:var(--sl-color-text-invert);background-color:var(--sl-color-text-accent)}a:where(.astro-sjbeotry)>:where(.astro-sjbeotry):not(:last-child),.group-label:where(.astro-sjbeotry)>:where(.astro-sjbeotry):not(:last-child){margin-inline-end:0.25em}@media (min-width: 50rem){.top-level:where(.astro-sjbeotry)>li:where(.astro-sjbeotry)+li:where(.astro-sjbeotry){margin-top:0.5rem}.large:where(.astro-sjbeotry){font-size:var(--sl-text-base)}a:where(.astro-sjbeotry){font-size:var(--sl-text-sm)}}}@layer starlight.core{a:where(.astro-77pcxvf6){clip:rect(0,0,0,0);position:fixed;top:0.75rem;inset-inline-start:0.75rem}a:where(.astro-77pcxvf6):focus{clip:unset;z-index:var(--sl-z-index-skiplink);display:block;padding:0.5rem 1rem;text-decoration:none;color:var(--sl-color-text-invert);background-color:var(--sl-color-text-accent);box-shadow:var(--sl-shadow-lg)}}@layer starlight.core{.main-pane:where(.astro-kwryihsy){isolation:isolate}@media (min-width: 72rem){.right-sidebar-container:where(.astro-kwryihsy){order:2;position:relative;width:calc(var(--sl-sidebar-width) + (100% - var(--sl-content-width) - var(--sl-sidebar-width)) / 2)}.right-sidebar:where(.astro-kwryihsy){position:fixed;top:0;border-inline-start:1px solid var(--sl-color-hairline);padding-top:var(--sl-nav-height);width:100%;height:100vh;overflow-y:auto;scrollbar-width:none}.main-pane:where(.astro-kwryihsy){width:100%}[data-has-sidebar][data-has-toc] .main-pane:where(.astro-kwryihsy){--sl-content-margin-inline: auto 0;order:1;width:calc(var(--sl-content-width) + (100% - var(--sl-content-width) - var(--sl-sidebar-width)) / 2)}}}html:not([data-has-toc]){--sl-mobile-toc-height: 0rem}html:not([data-has-sidebar]){--sl-content-width: 67.5rem}html{scroll-padding-top:calc(1.5rem + var(--sl-nav-height) + var(--sl-mobile-toc-height))}main:where(.astro-y63yhtl5){padding:var(--sl-main-pad)}@media (min-width: 50em){:where(.astro-y63yhtl5)[data-has-sidebar]{--sl-content-inline-start: var(--sl-sidebar-width)}}@media (min-width: 72em){html{scroll-padding-top:calc(1.5rem + var(--sl-nav-height))}}