/*! 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-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
      --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;
    }
  }
}

@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;
  }

  .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-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-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-\[18\%\] {
    top: 18%;
  }

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

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

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

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

  .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-\[8\%\] {
    right: 8%;
  }

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

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

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

  .bottom-0 {
    bottom: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .isolate {
    isolation: isolate;
  }

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

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

  .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-\[clamp\(28px\,5vw\,54px\)\] {
    margin-top: calc(-1 * clamp(28px, 5vw, 54px));
  }

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

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

  .mt-\[clamp\(72px\,9vw\,128px\)\] {
    margin-top: clamp(72px, 9vw, 128px);
  }

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

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

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

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

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

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .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-auto {
    aspect-ratio: auto;
  }

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

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

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

  .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-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-\[15px\] {
    width: 15px;
    height: 15px;
  }

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

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

  .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-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-\[1\.5px\] {
    height: 1.5px;
  }

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

  .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-\[440px\] {
    max-height: 440px;
  }

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

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

  .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-16 {
    min-height: calc(var(--spacing) * 16);
  }

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

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

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

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

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

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

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

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

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

  .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-3\/4 {
    width: 75%;
  }

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

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

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

  .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-64 {
    width: calc(var(--spacing) * 64);
  }

  .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-\[49\%\] {
    width: 49%;
  }

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

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

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

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

  .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\)\)\,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-7xl {
    max-width: var(--container-7xl);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-\[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-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-xs {
    max-width: var(--container-xs);
  }

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

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

  .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-max {
    min-width: max-content;
  }

  .flex-1 {
    flex: 1;
  }

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

  .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-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-\[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-pulse {
    animation: var(--animate-pulse);
  }

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

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

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-zoom-in {
    cursor: zoom-in;
  }

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

  .resize {
    resize: both;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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-12 {
    gap: calc(var(--spacing) * 12);
  }

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

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

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

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

  :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-10 {
    row-gap: calc(var(--spacing) * 10);
  }

  :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)) {
    border-color: var(--border);
  }

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

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

  .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-\[2px\] {
    border-radius: 2px;
  }

  .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-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-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-\(--color-border\) {
    border-color: var(--color-border);
  }

  .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\)_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\)_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\)_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-amber-200 {
    border-color: var(--color-amber-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-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\/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-destructive\/60 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/60 {
      border-color: color-mix(in oklab, var(--destructive) 60%, 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-sidebar-border {
    border-color: var(--sidebar-border);
  }

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

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

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

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

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

  .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\)_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\)_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-\[var\(--brand-accent\)\] {
    background-color: var(--brand-accent);
  }

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

  .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-border {
    background-color: var(--border);
  }

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

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/82 {
      background-color: color-mix(in oklab, var(--card) 82%, 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-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-foreground {
    background-color: var(--foreground);
  }

  .bg-muted, .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\/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\/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\/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-secondary {
    background-color: var(--secondary);
  }

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

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

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

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

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

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

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

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

  .\[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\(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\)_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;
  }

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

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

  .fill-none {
    fill: none;
  }

  .stroke-current {
    stroke: currentColor;
  }

  .stroke-\[1\.8\] {
    stroke-width: 1.8px;
  }

  .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\(28px\,5vw\,44px\)\] {
    padding: clamp(28px, 5vw, 44px);
  }

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

  .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);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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-\[11px\] {
    padding-top: 11px;
  }

  .pt-\[118px\] {
    padding-top: 118px;
  }

  .pt-\[clamp\(42px\,5vw\,64px\)\] {
    padding-top: clamp(42px, 5vw, 64px);
  }

  .pt-\[clamp\(52px\,8vw\,108px\)\] {
    padding-top: clamp(52px, 8vw, 108px);
  }

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

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

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

  .pb-\[clamp\(48px\,5\.5vw\,72px\)\] {
    padding-bottom: clamp(48px, 5.5vw, 72px);
  }

  .pb-\[clamp\(48px\,7vw\,78px\)\] {
    padding-bottom: clamp(48px, 7vw, 78px);
  }

  .pb-\[clamp\(50px\,7vw\,82px\)\] {
    padding-bottom: clamp(50px, 7vw, 82px);
  }

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

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

  .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-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-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\.72rem\] {
    font-size: .72rem;
  }

  .text-\[0\.74rem\] {
    font-size: .74rem;
  }

  .text-\[0\.75rem\] {
    font-size: .75rem;
  }

  .text-\[0\.78rem\] {
    font-size: .78rem;
  }

  .text-\[0\.82rem\] {
    font-size: .82rem;
  }

  .text-\[0\.84rem\] {
    font-size: .84rem;
  }

  .text-\[0\.86rem\] {
    font-size: .86rem;
  }

  .text-\[0\.88em\] {
    font-size: .88em;
  }

  .text-\[0\.88rem\] {
    font-size: .88rem;
  }

  .text-\[0\.91rem\] {
    font-size: .91rem;
  }

  .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-\[1\.1rem\] {
    font-size: 1.1rem;
  }

  .text-\[1\.02rem\] {
    font-size: 1.02rem;
  }

  .text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .text-\[1\.05rem\] {
    font-size: 1.05rem;
  }

  .text-\[1\.8rem\] {
    font-size: 1.8rem;
  }

  .text-\[1\.12rem\] {
    font-size: 1.12rem;
  }

  .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-\[15px\] {
    font-size: 15px;
  }

  .text-\[clamp\(0\.98rem\,1\.2vw\,1\.08rem\)\] {
    font-size: clamp(.98rem, 1.2vw, 1.08rem);
  }

  .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\.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\.2rem\,7vw\,6\.4rem\)\] {
    font-size: clamp(3.2rem, 7vw, 6.4rem);
  }

  .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-\[0\.94\] {
    --tw-leading: .94;
    line-height: .94;
  }

  .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\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .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\.28\] {
    --tw-leading: 1.28;
    line-height: 1.28;
  }

  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .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-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-\[540\] {
    --tw-font-weight: 540;
    font-weight: 540;
  }

  .font-\[560\] {
    --tw-font-weight: 560;
    font-weight: 560;
  }

  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }

  .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-\[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-\[720\] {
    --tw-font-weight: 720;
    font-weight: 720;
  }

  .font-\[740\] {
    --tw-font-weight: 740;
    font-weight: 740;
  }

  .font-\[760\] {
    --tw-font-weight: 760;
    font-weight: 760;
  }

  .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-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.06em\] {
    --tw-tracking: -.06em;
    letter-spacing: -.06em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

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

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\!text-muted-foreground {
    color: var(--muted-foreground) !important;
  }

  .\!text-primary-foreground {
    color: var(--primary-foreground) !important;
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_72\%\,var\(--muted-foreground\)\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_72\%\,var\(--muted-foreground\)\)\] {
      color: color-mix(in srgb,var(--brand-accent) 72%,var(--muted-foreground));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_74\%\,var\(--foreground\)\)\] {
    color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--brand-accent\)_74\%\,var\(--foreground\)\)\] {
      color: color-mix(in srgb,var(--brand-accent) 74%,var(--foreground));
    }
  }

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

  .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-card-foreground {
    color: var(--card-foreground);
  }

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

  .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-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .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-sidebar-primary-foreground {
    color: var(--sidebar-primary-foreground);
  }

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

  .text-white {
    color: var(--color-white);
  }

  .text-zinc-500 {
    color: var(--color-zinc-500);
  }

  .text-zinc-950 {
    color: var(--color-zinc-950);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .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-primary {
    accent-color: var(--primary);
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .bg-blend-color {
    background-blend-mode: color;
  }

  .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_10px_28px_rgb\(15_23_42_\/_0\.03\)\] {
    --tw-shadow: 0 10px 28px 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-\[0_10px_30px_rgb\(15_23_42_\/_0\.035\)\] {
    --tw-shadow: 0 10px 30px 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_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_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\.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-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-background {
    --tw-ring-color: var(--background);
  }

  .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-sidebar-ring {
    --tw-ring-color: var(--sidebar-ring);
  }

  .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, );
  }

  .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-\[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-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);
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-open\:text-foreground:is(:where(.group):is([open], :popover-open, :open) *) {
    color: var(--foreground);
  }

  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .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\: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 {
    color: var(--muted-foreground);
  }

  .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-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\: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-border:after {
    content: var(--tw-content);
    background-color: var(--border);
  }

  .after\:bg-foreground:after {
    content: var(--tw-content);
    background-color: var(--foreground);
  }

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

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

  @media (hover: hover) {
    .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-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-\[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\)_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\(--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\/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-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-sidebar-accent:hover {
      background-color: var(--sidebar-accent);
    }

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

    .hover\:\!text-\[var\(--brand-accent\)\]:hover {
      color: var(--brand-accent) !important;
    }

    .hover\:\!text-primary-foreground:hover {
      color: var(--primary-foreground) !important;
    }

    .hover\:text-destructive:hover {
      color: var(--destructive);
    }

    .hover\:text-foreground:hover {
      color: var(--foreground);
    }

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

  :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\: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\: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\/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\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

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

  :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-\[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\=closed\]\:overflow-hidden[data-state="closed"] {
    overflow: hidden;
  }

  .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 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: 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\]\: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\]\:hidden {
      display: none;
    }

    .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: 640px) {
    .max-\[640px\]\:flex-col {
      flex-direction: column;
    }

    .max-\[640px\]\:items-start {
      align-items: flex-start;
    }
  }

  @media not all and (min-width: 560px) {
    .max-\[560px\]\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }

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

    .max-\[560px\]\:pr-10 {
      padding-right: calc(var(--spacing) * 10);
    }
  }

  @media not all and (min-width: 480px) {
    .max-\[480px\]\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }

    .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-3 {
      gap: calc(var(--spacing) * 3);
    }

    .max-\[480px\]\:rounded-md {
      border-radius: calc(var(--radius) - 2px);
    }

    .max-\[480px\]\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .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\.82rem\] {
      font-size: .82rem;
    }

    .max-\[480px\]\:text-\[1\.14rem\] {
      font-size: 1.14rem;
    }

    .max-\[480px\]\:text-\[2\.26rem\] {
      font-size: 2.26rem;
    }

    .max-\[480px\]\:\[--landing-codepen-height\:380px\] {
      --landing-codepen-height: 380px;
    }
  }

  @media not all and (min-width: 360px) {
    .max-\[360px\]\:text-\[1\.86rem\] {
      font-size: 1.86rem;
    }
  }

  @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-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @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-4 {
      grid-template-columns: repeat(4, 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\]\:whitespace-nowrap {
      white-space: nowrap;
    }
  }

  @media (min-width: 780px) {
    .min-\[780px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @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\]\:grid-cols-\[190px_minmax\(0\,1fr\)\] {
      grid-template-columns: 190px minmax(0, 1fr);
    }

    .min-\[860px\]\:items-center {
      align-items: center;
    }

    .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\]\:grid-cols-\[0\.72fr_1fr\] {
      grid-template-columns: .72fr 1fr;
    }

    .min-\[900px\]\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 920px) {
    .min-\[920px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[920px\]\:grid-cols-\[0\.55fr_1fr\] {
      grid-template-columns: .55fr 1fr;
    }
  }

  @media (min-width: 980px) {
    .min-\[980px\]\:grid-cols-\[minmax\(300px\,0\.72fr\)_minmax\(0\,1\.45fr\)\] {
      grid-template-columns: minmax(300px, .72fr) minmax(0, 1.45fr);
    }
  }

  @media (min-width: 1040px) {
    .min-\[1040px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[1040px\]\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .min-\[1040px\]\:whitespace-nowrap {
      white-space: nowrap;
    }
  }

  @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\:bottom-10 {
      bottom: calc(var(--spacing) * 10);
    }

    .sm\:flex {
      display: flex;
    }

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

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

    .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\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .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-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .md\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

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

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

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--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 (min-width: 64rem) {
    .lg\:max-w-sm {
      max-width: var(--container-sm);
    }

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

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

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

  .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);
    }
  }

  .\[\&_\.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;
  }

  .\[\&_code\]\:block code {
    display: block;
  }

  .\[\&_code\]\:min-w-max code {
    min-width: max-content;
  }

  .\[\&_code\]\:font-mono code {
    font-family: var(--font-mono);
  }

  .\[\&_code\]\:text-\[0\.83rem\] code {
    font-size: .83rem;
  }

  .\[\&_code\]\:leading-\[1\.7\] code {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  @media not all and (min-width: 480px) {
    .max-\[480px\]\:\[\&_code\]\:text-\[0\.66rem\] code {
      font-size: .66rem;
    }
  }

  .\[\&_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;
    }
  }

  .\[\&_pre\]\:\!m-0 pre {
    margin: 0 !important;
  }

  .\[\&_pre\]\:\!bg-transparent pre {
    background-color: #0000 !important;
  }

  .\[\&_pre\]\:\!p-0 pre {
    padding: 0 !important;
  }

  .focus\:\[\&_span\[data-slot\=badge\]\[data-variant\=default\]\]\:\!text-primary-foreground:focus span[data-slot="badge"][data-variant="default"] {
    color: var(--primary-foreground) !important;
  }

  .\[\&_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\: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);
  }

  .\[\&_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;
  }

  .\[\&\:\:-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;
  }

  [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-amber-50: oklch(98.7% .022 95.277);
  --color-amber-200: oklch(92.4% .12 95.746);
  --color-amber-900: oklch(41.4% .112 45.904);
  --color-amber-950: oklch(27.9% .077 45.635);
  --color-blue-600: oklch(54.6% .245 262.881);
  --color-slate-100: oklch(96.8% .007 247.896);
  --color-slate-950: oklch(12.9% .042 264.695);
  --color-zinc-50: oklch(98.5% 0 0);
  --color-zinc-200: oklch(92% .004 286.32);
  --color-zinc-500: oklch(55.2% .016 285.938);
  --color-zinc-800: oklch(27.4% .006 286.033);
  --color-zinc-950: oklch(14.1% .005 285.823);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --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-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tight: -.025em;
  --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-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;
  gap: 0;
  font-size: 1.02rem;
  font-weight: 680;
}

.site-title span {
  color: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
}

.header {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: none;
  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(.55rem, 1.4vw, 1rem);
}

main > .content-panel + .content-panel {
  padding-top: clamp(1.15rem, 2.6vw, 2rem);
}

main > .content-panel:first-of-type h1, h1[data-page-title] {
  color: var(--sl-color-white);
  letter-spacing: -.055em;
  margin-top: 0;
  font-size: clamp(3rem, 6vw, 4.75rem);
  font-weight: 760;
  line-height: .96;
}

.sl-markdown-content h1, .sl-markdown-content h2, .sl-markdown-content h3 {
  color: var(--sl-color-white);
  letter-spacing: -.045em;
}

.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-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@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
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@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{.site-title:where(.astro-xr2vbl6b){align-items:center;gap:var(--sl-nav-gap);font-size:var(--sl-text-h4);font-weight:600;color:var(--sl-color-text-accent);text-decoration:none;white-space:nowrap;min-width:0}span:where(.astro-xr2vbl6b){overflow:hidden}img:where(.astro-xr2vbl6b){height:calc(var(--sl-nav-height) - 2 * var(--sl-nav-pad-y));width:auto;max-width:100%;object-fit:contain;object-position:0 50%}}@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-xc3vnbns){margin-top:1rem;font-size:var(--sl-text-h1);line-height:var(--sl-line-height-headings);font-weight:600;color:var(--sl-color-white)}}@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))}}