@font-face {
        font-family: GeistMono;
        src: url(/fonts/66f30814ff6d7cdf.p.woff2) format("woff2");
        font-display: swap;
        font-weight: 100 900;
      }
      .__className_c1e5c9 {
        font-family:
          GeistMono,
          ui-monospace,
          SFMono-Regular,
          Roboto Mono,
          Menlo,
          Monaco,
          Liberation Mono,
          DejaVu Sans Mono,
          Courier New,
          monospace;
      }
      .__variable_c1e5c9 {
        --font-geist-mono:
          "GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco,
          Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
      }
      @font-face {
        font-family: GeistSans;
        src: url(/fonts/e11418ac562b8ac1-s.p.woff2) format("woff2");
        font-display: swap;
        font-weight: 100 900;
      }
      @font-face {
        font-family: GeistSans Fallback;
        src: local("Arial");
        ascent-override: 85.83%;
        descent-override: 20.52%;
        line-gap-override: 9.33%;
        size-adjust: 107.19%;
      }
      .__className_3a0388 {
        font-family:
          GeistSans,
          GeistSans Fallback;
      }
      .__variable_3a0388 {
        --font-geist-sans: "GeistSans", "GeistSans Fallback";
      }
      /*! tailwindcss v4.1.4 | 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)))) {
          *,
          ::backdrop,
          :after,
          :before {
            --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-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-content: "";
            --tw-animation-delay: 0s;
            --tw-animation-direction: normal;
            --tw-animation-duration: initial;
            --tw-animation-fill-mode: none;
            --tw-animation-iteration-count: 1;
            --tw-enter-opacity: 1;
            --tw-enter-rotate: 0;
            --tw-enter-scale: 1;
            --tw-enter-translate-x: 0;
            --tw-enter-translate-y: 0;
            --tw-exit-opacity: 1;
            --tw-exit-rotate: 0;
            --tw-exit-scale: 1;
            --tw-exit-translate-x: 0;
            --tw-exit-translate-y: 0;
          }
        }
      }
      @layer theme {
        :host,
        :root {
          --font-mono: var(--font-geist-mono);
          --color-red-50: oklch(97.1% 0.013 17.38);
          --color-red-100: oklch(93.6% 0.032 17.717);
          --color-red-200: oklch(88.5% 0.062 18.334);
          --color-red-300: oklch(80.8% 0.114 19.571);
          --color-red-400: oklch(70.4% 0.191 22.216);
          --color-red-500: oklch(63.7% 0.237 25.331);
          --color-red-600: oklch(57.7% 0.245 27.325);
          --color-red-700: oklch(50.5% 0.213 27.518);
          --color-red-800: oklch(44.4% 0.177 26.899);
          --color-red-900: oklch(39.6% 0.141 25.723);
          --color-orange-400: oklch(75% 0.183 55.934);
          --color-orange-500: oklch(70.5% 0.213 47.604);
          --color-orange-700: oklch(55.3% 0.195 38.402);
          --color-amber-50: oklch(98.7% 0.022 95.277);
          --color-amber-100: oklch(96.2% 0.059 95.617);
          --color-amber-200: oklch(92.4% 0.12 95.746);
          --color-amber-300: oklch(87.9% 0.169 91.605);
          --color-amber-500: oklch(76.9% 0.188 70.08);
          --color-amber-600: oklch(66.6% 0.179 58.318);
          --color-amber-800: oklch(47.3% 0.137 46.201);
          --color-yellow-50: oklch(98.7% 0.026 102.212);
          --color-yellow-300: oklch(90.5% 0.182 98.111);
          --color-yellow-400: oklch(85.2% 0.199 91.936);
          --color-yellow-500: oklch(79.5% 0.184 86.047);
          --color-yellow-600: oklch(68.1% 0.162 75.834);
          --color-yellow-700: oklch(55.4% 0.135 66.442);
          --color-yellow-800: oklch(47.6% 0.114 61.907);
          --color-yellow-900: oklch(42.1% 0.095 57.708);
          --color-green-100: oklch(96.2% 0.044 156.743);
          --color-green-300: oklch(87.1% 0.15 154.449);
          --color-green-500: oklch(72.3% 0.219 149.579);
          --color-green-800: oklch(44.8% 0.119 151.328);
          --color-emerald-100: oklch(95% 0.052 163.051);
          --color-emerald-200: oklch(90.5% 0.093 164.15);
          --color-emerald-500: oklch(69.6% 0.17 162.48);
          --color-emerald-800: oklch(43.2% 0.095 166.913);
          --color-sky-100: oklch(95.1% 0.026 236.824);
          --color-sky-200: oklch(90.1% 0.058 230.902);
          --color-sky-500: oklch(68.5% 0.169 237.323);
          --color-sky-800: oklch(44.3% 0.11 240.79);
          --color-blue-50: oklch(97% 0.014 254.604);
          --color-blue-300: oklch(80.9% 0.105 251.813);
          --color-blue-700: oklch(48.8% 0.243 264.376);
          --color-indigo-100: oklch(93% 0.034 272.788);
          --color-indigo-200: oklch(87% 0.065 274.039);
          --color-indigo-800: oklch(39.8% 0.195 277.366);
          --color-purple-100: oklch(94.6% 0.033 307.174);
          --color-purple-200: oklch(90.2% 0.063 306.703);
          --color-purple-800: oklch(43.8% 0.218 303.724);
          --color-rose-100: oklch(94.1% 0.03 12.58);
          --color-rose-200: oklch(89.2% 0.058 10.001);
          --color-rose-800: oklch(45.5% 0.188 13.697);
          --color-gray-500: oklch(55.1% 0.027 264.364);
          --color-zinc-50: oklch(98.5% 0 0);
          --color-zinc-100: oklch(96.7% 0.001 286.375);
          --color-zinc-200: oklch(92% 0.004 286.32);
          --color-zinc-300: oklch(87.1% 0.006 286.286);
          --color-zinc-400: oklch(70.5% 0.015 286.067);
          --color-zinc-500: oklch(55.2% 0.016 285.938);
          --color-zinc-600: oklch(44.2% 0.017 285.786);
          --color-zinc-700: oklch(37% 0.013 285.805);
          --color-zinc-800: oklch(27.4% 0.006 286.033);
          --color-zinc-900: oklch(21% 0.006 285.885);
          --color-neutral-500: oklch(55.6% 0 0);
          --color-neutral-600: oklch(43.9% 0 0);
          --color-black: #000;
          --color-white: #fff;
          --spacing: 0.25rem;
          --container-2xs: 18rem;
          --container-xs: 20rem;
          --container-sm: 24rem;
          --container-md: 28rem;
          --container-lg: 32rem;
          --container-2xl: 42rem;
          --container-3xl: 48rem;
          --container-4xl: 56rem;
          --container-5xl: 64rem;
          --text-xs: 0.75rem;
          --text-xs--line-height: calc(1/0.75);
          --text-sm: 0.875rem;
          --text-sm--line-height: calc(1.25/0.875);
          --text-base: 1rem;
          --text-base--line-height: calc(1.5/1);
          --text-lg: 1.125rem;
          --text-lg--line-height: calc(1.75/1.125);
          --text-xl: 1.25rem;
          --text-xl--line-height: calc(1.75/1.25);
          --text-2xl: 1.5rem;
          --text-2xl--line-height: calc(2/1.5);
          --text-3xl: 1.875rem;
          --text-3xl--line-height: calc(2.25/1.875);
          --text-4xl: 2.25rem;
          --text-4xl--line-height: calc(2.5/2.25);
          --font-weight-light: 300;
          --font-weight-normal: 400;
          --font-weight-medium: 500;
          --font-weight-semibold: 600;
          --font-weight-bold: 700;
          --tracking-wide: 0.025em;
          --tracking-wider: 0.05em;
          --tracking-widest: 0.1em;
          --leading-tight: 1.25;
          --leading-snug: 1.375;
          --leading-normal: 1.5;
          --leading-relaxed: 1.625;
          --leading-loose: 2;
          --drop-shadow-lg: 0 4px 4px #00000026;
          --ease-in: cubic-bezier(0.4, 0, 1, 1);
          --ease-out: cubic-bezier(0, 0, 0.2, 1);
          --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
          --animate-spin: spin 1s linear infinite;
          --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
          --blur-sm: 8px;
          --blur-md: 12px;
          --default-transition-duration: 0.15s;
          --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          --default-font-family: var(--font-geist-sans);
          --default-mono-font-family: var(--font-geist-mono);
          --color-secondary: var(--secondary);
          --color-border: var(--border);
          --color-muted-foreground: var(--muted-foreground);
          --color-muted: var(--muted);
          --color-primary: var(--primary);
        }
      }
      @layer base {
        *,
        ::backdrop,
        :after,
        :before {
          box-sizing: border-box;
          border: 0 solid;
          margin: 0;
          padding: 0;
        }
        ::file-selector-button {
          box-sizing: border-box;
          border: 0 solid;
          margin: 0;
          padding: 0;
        }
        :host,
        html {
          -webkit-text-size-adjust: 100%;
          tab-size: 4;
          line-height: 1.5;
          font-family: var(
            --default-font-family,
            ui-sans-serif,
            system-ui,
            sans-serif,
            "Apple Color Emoji",
            "Segoe UI Emoji",
            "Segoe UI Symbol",
            "Noto Color Emoji"
          );
          font-feature-settings: var(--default-font-feature-settings, normal);
          font-variation-settings: var(
            --default-font-variation-settings,
            normal
          );
          -webkit-tap-highlight-color: transparent;
        }
        hr {
          height: 0;
          color: inherit;
          border-top-width: 1px;
        }
        abbr:where([title]) {
          -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
          font-size: inherit;
          font-weight: inherit;
        }
        a {
          color: inherit;
          -webkit-text-decoration: inherit;
          text-decoration: inherit;
        }
        b,
        strong {
          font-weight: bolder;
        }
        code,
        kbd,
        pre,
        samp {
          font-family: var(
            --default-mono-font-family,
            ui-monospace,
            SFMono-Regular,
            Menlo,
            Monaco,
            Consolas,
            "Liberation Mono",
            "Courier New",
            monospace
          );
          font-feature-settings: var(
            --default-mono-font-feature-settings,
            normal
          );
          font-variation-settings: var(
            --default-mono-font-variation-settings,
            normal
          );
          font-size: 1em;
        }
        small {
          font-size: 80%;
        }
        sub,
        sup {
          vertical-align: baseline;
          font-size: 75%;
          line-height: 0;
          position: relative;
        }
        sub {
          bottom: -0.25em;
        }
        sup {
          top: -0.5em;
        }
        table {
          text-indent: 0;
          border-color: inherit;
          border-collapse: collapse;
        }
        :-moz-focusring {
          outline: auto;
        }
        progress {
          vertical-align: baseline;
        }
        summary {
          display: list-item;
        }
        menu,
        ol,
        ul {
          list-style: none;
        }
        audio,
        canvas,
        embed,
        iframe,
        img,
        object,
        svg,
        video {
          vertical-align: middle;
          display: block;
        }
        img,
        video {
          max-width: 100%;
          height: auto;
        }
        button,
        input,
        optgroup,
        select,
        textarea {
          font: inherit;
          font-feature-settings: inherit;
          font-variation-settings: inherit;
          letter-spacing: inherit;
          color: inherit;
          opacity: 1;
          background-color: #0000;
          border-radius: 0;
        }
        ::file-selector-button {
          font: inherit;
          font-feature-settings: inherit;
          font-variation-settings: inherit;
          letter-spacing: inherit;
          color: inherit;
          opacity: 1;
          background-color: #0000;
          border-radius: 0;
        }
        :where(select:is([multiple], [size])) optgroup {
          font-weight: bolder;
        }
        :where(select:is([multiple], [size])) optgroup option {
          padding-inline-start: 20px;
        }
        ::file-selector-button {
          margin-inline-end: 4px;
        }
        ::placeholder {
          opacity: 1;
        }
        @supports (not ((-webkit-appearance: -apple-pay-button))) or
          (contain-intrinsic-size: 1px) {
          ::placeholder {
            color: currentColor;
          }
          @supports (color: color-mix(in lab, red, red)) {
            ::placeholder {
              color: color-mix(in oklab, currentcolor 50%, transparent);
            }
          }
        }
        textarea {
          resize: vertical;
        }
        ::-webkit-search-decoration {
          -webkit-appearance: none;
        }
        ::-webkit-date-and-time-value {
          min-height: 1lh;
          text-align: inherit;
        }
        ::-webkit-datetime-edit {
          display: inline-flex;
        }
        ::-webkit-datetime-edit-fields-wrapper {
          padding: 0;
        }
        ::-webkit-datetime-edit,
        ::-webkit-datetime-edit-year-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-day-field,
        ::-webkit-datetime-edit-month-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-hour-field,
        ::-webkit-datetime-edit-minute-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-millisecond-field,
        ::-webkit-datetime-edit-second-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-meridiem-field {
          padding-block: 0;
        }
        :-moz-ui-invalid {
          box-shadow: none;
        }
        button,
        input:where([type="button"], [type="reset"], [type="submit"]) {
          appearance: button;
        }
        ::file-selector-button {
          appearance: button;
        }
        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
          height: auto;
        }
        [hidden]:where(:not([hidden="until-found"])) {
          display: none !important;
        }
        * {
          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);
          }
        }
        html {
          -webkit-text-size-adjust: 100%;
        }
        body {
          background-color: var(--background);
          font-family: var(--font-geist-mono);
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          color: var(--foreground);
          text-rendering: optimizeLegibility;
        }
      }
      @layer components {
        .debug {
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-red-500);
        }
      }
      @layer utilities {
        .pointer-events-none {
          pointer-events: none;
        }
        .collapse {
          visibility: collapse;
        }
        .invisible {
          visibility: hidden;
        }
        .visible {
          visibility: visible;
        }
        .sr-only {
          clip: rect(0, 0, 0, 0);
          white-space: nowrap;
          border-width: 0;
          width: 1px;
          height: 1px;
          margin: -1px;
          padding: 0;
          overflow: hidden;
        }
        .absolute,
        .sr-only {
          position: absolute;
        }
        .fixed {
          position: fixed;
        }
        .relative {
          position: relative;
        }
        .static {
          position: static;
        }
        .inset-0 {
          inset: calc(var(--spacing) * 0);
        }
        .inset-x-0 {
          inset-inline: calc(var(--spacing) * 0);
        }
        .-top-px {
          top: -1px;
        }
        .top-0 {
          top: calc(var(--spacing) * 0);
        }
        .top-0\.5 {
          top: calc(var(--spacing) * 0.5);
        }
        .top-1 {
          top: calc(var(--spacing) * 1);
        }
        .top-1\/2 {
          top: 50%;
        }
        .top-2 {
          top: calc(var(--spacing) * 2);
        }
        .top-3 {
          top: calc(var(--spacing) * 3);
        }
        .top-4 {
          top: calc(var(--spacing) * 4);
        }
        .top-\[50\%\] {
          top: 50%;
        }
        .right-0 {
          right: calc(var(--spacing) * 0);
        }
        .right-1 {
          right: calc(var(--spacing) * 1);
        }
        .right-1\.5 {
          right: calc(var(--spacing) * 1.5);
        }
        .right-2 {
          right: calc(var(--spacing) * 2);
        }
        .right-4 {
          right: calc(var(--spacing) * 4);
        }
        .right-5 {
          right: calc(var(--spacing) * 5);
        }
        .right-6 {
          right: calc(var(--spacing) * 6);
        }
        .bottom-0 {
          bottom: calc(var(--spacing) * 0);
        }
        .bottom-2 {
          bottom: calc(var(--spacing) * 2);
        }
        .bottom-4 {
          bottom: calc(var(--spacing) * 4);
        }
        .bottom-5 {
          bottom: calc(var(--spacing) * 5);
        }
        .bottom-6 {
          bottom: calc(var(--spacing) * 6);
        }
        .-left-6 {
          left: calc(var(--spacing) * -6);
        }
        .-left-8 {
          left: calc(var(--spacing) * -8);
        }
        .left-0 {
          left: calc(var(--spacing) * 0);
        }
        .left-1 {
          left: calc(var(--spacing) * 1);
        }
        .left-1\/2 {
          left: 50%;
        }
        .left-2 {
          left: calc(var(--spacing) * 2);
        }
        .left-3 {
          left: calc(var(--spacing) * 3);
        }
        .left-5 {
          left: calc(var(--spacing) * 5);
        }
        .left-\[50\%\] {
          left: 50%;
        }
        .isolate {
          isolation: isolate;
        }
        .z-10 {
          z-index: 10;
        }
        .z-50 {
          z-index: 50;
        }
        .z-100 {
          z-index: 100;
        }
        .row-span-2 {
          grid-row: span 2 / span 2;
        }
        .container {
          width: 100%;
        }
        @media (min-width: 40rem) {
          .container {
            max-width: 40rem;
          }
        }
        @media (min-width: 48rem) {
          .container {
            max-width: 48rem;
          }
        }
        @media (min-width: 64rem) {
          .container {
            max-width: 64rem;
          }
        }
        @media (min-width: 80rem) {
          .container {
            max-width: 80rem;
          }
        }
        @media (min-width: 96rem) {
          .container {
            max-width: 96rem;
          }
        }
        .-m-2 {
          margin: calc(var(--spacing) * -2);
        }
        .-m-px {
          margin: -1px;
        }
        .m-0 {
          margin: calc(var(--spacing) * 0);
        }
        .-mx-1 {
          margin-inline: calc(var(--spacing) * -1);
        }
        .mx-0\.5 {
          margin-inline: calc(var(--spacing) * 0.5);
        }
        .mx-1 {
          margin-inline: calc(var(--spacing) * 1);
        }
        .mx-1\.5 {
          margin-inline: calc(var(--spacing) * 1.5);
        }
        .mx-4 {
          margin-inline: calc(var(--spacing) * 4);
        }
        .mx-5 {
          margin-inline: calc(var(--spacing) * 5);
        }
        .mx-auto {
          margin-inline: auto;
        }
        .my-2 {
          margin-block: calc(var(--spacing) * 2);
        }
        .my-3 {
          margin-block: calc(var(--spacing) * 3);
        }
        .my-4 {
          margin-block: calc(var(--spacing) * 4);
        }
        .my-8 {
          margin-block: calc(var(--spacing) * 8);
        }
        .my-10 {
          margin-block: calc(var(--spacing) * 10);
        }
        .-mt-0 {
          margin-top: calc(var(--spacing) * 0);
        }
        .-mt-0\.5 {
          margin-top: calc(var(--spacing) * -0.5);
        }
        .-mt-5 {
          margin-top: calc(var(--spacing) * -5);
        }
        .-mt-15 {
          margin-top: calc(var(--spacing) * -15);
        }
        .-mt-px {
          margin-top: -1px;
        }
        .mt-0\.5 {
          margin-top: calc(var(--spacing) * 0.5);
        }
        .mt-1 {
          margin-top: calc(var(--spacing) * 1);
        }
        .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-4 {
          margin-top: calc(var(--spacing) * 4);
        }
        .mt-6 {
          margin-top: calc(var(--spacing) * 6);
        }
        .mt-8 {
          margin-top: calc(var(--spacing) * 8);
        }
        .mt-10 {
          margin-top: calc(var(--spacing) * 10);
        }
        .mt-14 {
          margin-top: calc(var(--spacing) * 14);
        }
        .mt-auto {
          margin-top: auto;
        }
        .-mr-0\.5 {
          margin-right: calc(var(--spacing) * -0.5);
        }
        .mr-1 {
          margin-right: calc(var(--spacing) * 1);
        }
        .mr-1\.5 {
          margin-right: calc(var(--spacing) * 1.5);
        }
        .mr-2 {
          margin-right: calc(var(--spacing) * 2);
        }
        .-mb-4 {
          margin-bottom: calc(var(--spacing) * -4);
        }
        .mb-0\.5 {
          margin-bottom: calc(var(--spacing) * 0.5);
        }
        .mb-1 {
          margin-bottom: calc(var(--spacing) * 1);
        }
        .mb-1\.5 {
          margin-bottom: calc(var(--spacing) * 1.5);
        }
        .mb-2 {
          margin-bottom: calc(var(--spacing) * 2);
        }
        .mb-3 {
          margin-bottom: calc(var(--spacing) * 3);
        }
        .mb-4 {
          margin-bottom: calc(var(--spacing) * 4);
        }
        .mb-5 {
          margin-bottom: calc(var(--spacing) * 5);
        }
        .mb-6 {
          margin-bottom: calc(var(--spacing) * 6);
        }
        .mb-8 {
          margin-bottom: calc(var(--spacing) * 8);
        }
        .-ml-0 {
          margin-left: calc(var(--spacing) * 0);
        }
        .-ml-1 {
          margin-left: calc(var(--spacing) * -1);
        }
        .ml-0 {
          margin-left: calc(var(--spacing) * 0);
        }
        .ml-1 {
          margin-left: calc(var(--spacing) * 1);
        }
        .ml-1\.5 {
          margin-left: calc(var(--spacing) * 1.5);
        }
        .ml-2 {
          margin-left: calc(var(--spacing) * 2);
        }
        .ml-3 {
          margin-left: calc(var(--spacing) * 3);
        }
        .ml-4 {
          margin-left: calc(var(--spacing) * 4);
        }
        .ml-6 {
          margin-left: calc(var(--spacing) * 6);
        }
        .ml-\[1px\] {
          margin-left: 1px;
        }
        .ml-auto {
          margin-left: auto;
        }
        .block {
          display: block;
        }
        .contents {
          display: contents;
        }
        .flex {
          display: flex;
        }
        .grid {
          display: grid;
        }
        .hidden {
          display: none;
        }
        .inline {
          display: inline;
        }
        .inline-block {
          display: inline-block;
        }
        .inline-flex {
          display: inline-flex;
        }
        .table {
          display: table;
        }
        .table-caption {
          display: table-caption;
        }
        .table-cell {
          display: table-cell;
        }
        .table-row {
          display: table-row;
        }
        .aspect-square {
          aspect-ratio: 1;
        }
        .size-2 {
          width: calc(var(--spacing) * 2);
          height: calc(var(--spacing) * 2);
        }
        .size-3 {
          width: calc(var(--spacing) * 3);
          height: calc(var(--spacing) * 3);
        }
        .size-3\.5 {
          width: calc(var(--spacing) * 3.5);
          height: calc(var(--spacing) * 3.5);
        }
        .size-4 {
          width: calc(var(--spacing) * 4);
          height: calc(var(--spacing) * 4);
        }
        .size-9 {
          width: calc(var(--spacing) * 9);
          height: calc(var(--spacing) * 9);
        }
        .h-1\.5 {
          height: calc(var(--spacing) * 1.5);
        }
        .h-2 {
          height: calc(var(--spacing) * 2);
        }
        .h-2\.5 {
          height: calc(var(--spacing) * 2.5);
        }
        .h-3 {
          height: calc(var(--spacing) * 3);
        }
        .h-3\.5 {
          height: calc(var(--spacing) * 3.5);
        }
        .h-4 {
          height: calc(var(--spacing) * 4);
        }
        .h-5 {
          height: calc(var(--spacing) * 5);
        }
        .h-5\.5 {
          height: calc(var(--spacing) * 5.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-14 {
          height: calc(var(--spacing) * 14);
        }
        .h-16 {
          height: calc(var(--spacing) * 16);
        }
        .h-18 {
          height: calc(var(--spacing) * 18);
        }
        .h-24 {
          height: calc(var(--spacing) * 24);
        }
        .h-32 {
          height: calc(var(--spacing) * 32);
        }
        .h-\[1\.15rem\] {
          height: 1.15rem;
        }
        .h-\[1em\] {
          height: 1em;
        }
        .h-\[3px\] {
          height: 3px;
        }
        .h-\[4px\] {
          height: 4px;
        }
        .h-\[5px\] {
          height: 5px;
        }
        .h-\[10px\] {
          height: 10px;
        }
        .h-\[14px\] {
          height: 14px;
        }
        .h-\[24px\] {
          height: 24px;
        }
        .h-\[70vh\] {
          height: 70vh;
        }
        .h-\[140px\] {
          height: 140px;
        }
        .h-\[350px\] {
          height: 350px;
        }
        .h-\[400px\] {
          height: 400px;
        }
        .h-\[450px\] {
          height: 450px;
        }
        .h-\[500px\] {
          height: 500px;
        }
        .h-auto {
          height: auto;
        }
        .h-full {
          height: 100%;
        }
        .h-px {
          height: 1px;
        }
        .h-screen {
          height: 100vh;
        }
        .max-h-\(--radix-dropdown-menu-content-available-height\) {
          max-height: var(--radix-dropdown-menu-content-available-height);
        }
        .max-h-16 {
          max-height: calc(var(--spacing) * 16);
        }
        .max-h-36 {
          max-height: calc(var(--spacing) * 36);
        }
        .max-h-40 {
          max-height: calc(var(--spacing) * 40);
        }
        .max-h-64 {
          max-height: calc(var(--spacing) * 64);
        }
        .max-h-96 {
          max-height: calc(var(--spacing) * 96);
        }
        .max-h-\[40vh\] {
          max-height: 40vh;
        }
        .max-h-\[55vh\] {
          max-height: 55vh;
        }
        .max-h-\[60vh\] {
          max-height: 60vh;
        }
        .max-h-\[90vh\] {
          max-height: 90vh;
        }
        .max-h-\[300px\] {
          max-height: 300px;
        }
        .min-h-0 {
          min-height: calc(var(--spacing) * 0);
        }
        .min-h-\[220px\] {
          min-height: 220px;
        }
        .min-h-\[calc\(100vh-3\.5rem\)\] {
          min-height: calc(100vh - 3.5rem);
        }
        .min-h-full {
          min-height: 100%;
        }
        .min-h-screen {
          min-height: 100vh;
        }
        .\!w-\[35rem\] {
          width: 35rem !important;
        }
        .w-1 {
          width: calc(var(--spacing) * 1);
        }
        .w-1\.5 {
          width: calc(var(--spacing) * 1.5);
        }
        .w-2 {
          width: calc(var(--spacing) * 2);
        }
        .w-2\.5 {
          width: calc(var(--spacing) * 2.5);
        }
        .w-3 {
          width: calc(var(--spacing) * 3);
        }
        .w-3\.5 {
          width: calc(var(--spacing) * 3.5);
        }
        .w-4 {
          width: calc(var(--spacing) * 4);
        }
        .w-5 {
          width: calc(var(--spacing) * 5);
        }
        .w-6 {
          width: calc(var(--spacing) * 6);
        }
        .w-7 {
          width: calc(var(--spacing) * 7);
        }
        .w-8 {
          width: calc(var(--spacing) * 8);
        }
        .w-9 {
          width: calc(var(--spacing) * 9);
        }
        .w-10 {
          width: calc(var(--spacing) * 10);
        }
        .w-14 {
          width: calc(var(--spacing) * 14);
        }
        .w-16 {
          width: calc(var(--spacing) * 16);
        }
        .w-18 {
          width: calc(var(--spacing) * 18);
        }
        .w-20 {
          width: calc(var(--spacing) * 20);
        }
        .w-24 {
          width: calc(var(--spacing) * 24);
        }
        .w-32 {
          width: calc(var(--spacing) * 32);
        }
        .w-72 {
          width: calc(var(--spacing) * 72);
        }
        .w-\[1\.15rem\] {
          width: 1.15rem;
        }
        .w-\[1em\] {
          width: 1em;
        }
        .w-\[2px\] {
          width: 2px;
        }
        .w-\[10px\] {
          width: 10px;
        }
        .w-\[18px\] {
          width: 18px;
        }
        .w-\[28px\] {
          width: 28px;
        }
        .w-\[72px\] {
          width: 72px;
        }
        .w-\[95vw\] {
          width: 95vw;
        }
        .w-\[100px\] {
          width: 100px;
        }
        .w-\[110px\] {
          width: 110px;
        }
        .w-\[125px\] {
          width: 125px;
        }
        .w-\[200px\] {
          width: 200px;
        }
        .w-\[min\(400px\,_calc\(100vw_-_2rem\)\)\] {
          width: min(400px, 100vw - 2rem);
        }
        .w-\[min\(440px\,_calc\(100vw_-_2rem\)\)\] {
          width: min(440px, 100vw - 2rem);
        }
        .w-auto {
          width: auto;
        }
        .w-fit {
          width: fit-content;
        }
        .w-full {
          width: 100%;
        }
        .w-px {
          width: 1px;
        }
        .w-screen {
          width: 100vw;
        }
        .max-w-2xl {
          max-width: var(--container-2xl);
        }
        .max-w-2xs {
          max-width: var(--container-2xs);
        }
        .max-w-3xl {
          max-width: var(--container-3xl);
        }
        .max-w-4xl {
          max-width: var(--container-4xl);
        }
        .max-w-5xl {
          max-width: var(--container-5xl);
        }
        .max-w-\[40vw\] {
          max-width: 40vw;
        }
        .max-w-\[70\%\] {
          max-width: 70%;
        }
        .max-w-\[70vw\] {
          max-width: 70vw;
        }
        .max-w-\[75vw\] {
          max-width: 75vw;
        }
        .max-w-\[85\%\] {
          max-width: 85%;
        }
        .max-w-\[240px\] {
          max-width: 240px;
        }
        .max-w-\[250px\] {
          max-width: 250px;
        }
        .max-w-\[280px\] {
          max-width: 280px;
        }
        .max-w-\[1400px\] {
          max-width: 1400px;
        }
        .max-w-\[calc\(100\%-2rem\)\] {
          max-width: calc(100% - 2rem);
        }
        .max-w-full {
          max-width: 100%;
        }
        .max-w-md {
          max-width: var(--container-md);
        }
        .max-w-none {
          max-width: none;
        }
        .max-w-prose {
          max-width: 65ch;
        }
        .max-w-sm {
          max-width: var(--container-sm);
        }
        .max-w-xs {
          max-width: var(--container-xs);
        }
        .min-w-0 {
          min-width: calc(var(--spacing) * 0);
        }
        .min-w-\[8rem\] {
          min-width: 8rem;
        }
        .min-w-\[40px\] {
          min-width: 40px;
        }
        .min-w-\[100px\] {
          min-width: 100px;
        }
        .flex-1 {
          flex: 1;
        }
        .flex-\[1\.2\] {
          flex: 1.2;
        }
        .flex-\[2\] {
          flex: 2;
        }
        .flex-shrink-0 {
          flex-shrink: 0;
        }
        .shrink {
          flex-shrink: 1;
        }
        .shrink-0 {
          flex-shrink: 0;
        }
        .grow {
          flex-grow: 1;
        }
        .grow-0 {
          flex-grow: 0;
        }
        .basis-full {
          flex-basis: 100%;
        }
        .caption-bottom {
          caption-side: bottom;
        }
        .border-collapse {
          border-collapse: collapse;
        }
        .origin-\(--radix-dropdown-menu-content-transform-origin\) {
          transform-origin: var(--radix-dropdown-menu-content-transform-origin);
        }
        .origin-\(--radix-popover-content-transform-origin\) {
          transform-origin: var(--radix-popover-content-transform-origin);
        }
        .-translate-x-1\/2 {
          --tw-translate-x: calc(calc(1/2 * 100%) * -1);
        }
        .-translate-x-1\/2,
        .translate-x-\[-50\%\] {
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .translate-x-\[-50\%\] {
          --tw-translate-x: -50%;
        }
        .-translate-y-1\/2 {
          --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        }
        .-translate-y-1\/2,
        .translate-y-\[-50\%\] {
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .translate-y-\[-50\%\] {
          --tw-translate-y: -50%;
        }
        .-rotate-90 {
          rotate: -90deg;
        }
        .rotate-0 {
          rotate: none;
        }
        .rotate-180 {
          rotate: 180deg;
        }
        .rotate-\[-90deg\] {
          rotate: -90deg;
        }
        .transform {
          transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
            var(--tw-skew-x,) var(--tw-skew-y,);
        }
        .animate-\[wiggle-gentle_0\.72s_ease-in-out\] {
          animation: wiggle-gentle 0.72s ease-in-out;
        }
        .animate-pulse {
          animation: var(--animate-pulse);
        }
        .animate-spin {
          animation: var(--animate-spin);
        }
        .cursor-auto {
          cursor: auto;
        }
        .cursor-col-resize {
          cursor: col-resize;
        }
        .cursor-default {
          cursor: default;
        }
        .cursor-not-allowed {
          cursor: not-allowed;
        }
        .cursor-pointer {
          cursor: pointer;
        }
        .resize {
          resize: both;
        }
        .resize-y {
          resize: vertical;
        }
        .scroll-mt-6 {
          scroll-margin-top: calc(var(--spacing) * 6);
        }
        .scroll-mt-20 {
          scroll-margin-top: calc(var(--spacing) * 20);
        }
        .scroll-mt-24 {
          scroll-margin-top: calc(var(--spacing) * 24);
        }
        .\!list-none {
          list-style-type: none !important;
        }
        .list-decimal {
          list-style-type: decimal;
        }
        .list-disc {
          list-style-type: disc;
        }
        .list-none {
          list-style-type: none;
        }
        .appearance-none {
          appearance: none;
        }
        .grid-cols-1 {
          grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .grid-cols-2 {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .grid-cols-3 {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .grid-cols-4 {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .grid-cols-\[2fr_1fr_80px\] {
          grid-template-columns: 2fr 1fr 80px;
        }
        .grid-cols-\[14px_1fr\] {
          grid-template-columns: 14px 1fr;
        }
        .grid-cols-\[40px_1fr\] {
          grid-template-columns: 40px 1fr;
        }
        .grid-cols-\[55fr_45fr\] {
          grid-template-columns: 55fr 45fr;
        }
        .grid-rows-\[1fr_1fr\] {
          grid-template-rows: 1fr 1fr;
        }
        .grid-rows-\[3fr_1fr\] {
          grid-template-rows: 3fr 1fr;
        }
        .flex-col {
          flex-direction: column;
        }
        .flex-col-reverse {
          flex-direction: column-reverse;
        }
        .flex-row {
          flex-direction: row;
        }
        .flex-nowrap {
          flex-wrap: nowrap;
        }
        .flex-wrap {
          flex-wrap: wrap;
        }
        .items-baseline {
          align-items: baseline;
        }
        .items-center {
          align-items: center;
        }
        .items-end {
          align-items: flex-end;
        }
        .items-start {
          align-items: flex-start;
        }
        .items-stretch {
          align-items: stretch;
        }
        .justify-between {
          justify-content: space-between;
        }
        .justify-center {
          justify-content: center;
        }
        .justify-end {
          justify-content: flex-end;
        }
        .justify-start {
          justify-content: flex-start;
        }
        .gap-0 {
          gap: calc(var(--spacing) * 0);
        }
        .gap-0\.5 {
          gap: calc(var(--spacing) * 0.5);
        }
        .gap-1 {
          gap: calc(var(--spacing) * 1);
        }
        .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-8 {
          gap: calc(var(--spacing) * 8);
        }
        .gap-14 {
          gap: calc(var(--spacing) * 14);
        }
        .gap-\[2px\] {
          gap: 2px;
        }
        .gap-\[3px\] {
          gap: 3px;
        }
        .gap-px {
          gap: 1px;
        }
        :where(.space-y-0\.5 > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(
            calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)
          );
          margin-block-end: calc(
            calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))
          );
        }
        :where(.space-y-1 > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(
            calc(var(--spacing) * 1) * var(--tw-space-y-reverse)
          );
          margin-block-end: calc(
            calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))
          );
        }
        :where(.space-y-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-2 > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(
            calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
          );
          margin-block-end: calc(
            calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
          );
        }
        :where(.space-y-3 > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(
            calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
          );
          margin-block-end: calc(
            calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
          );
        }
        :where(.space-y-4 > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(
            calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
          );
          margin-block-end: calc(
            calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
          );
        }
        :where(.space-y-8 > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(
            calc(var(--spacing) * 8) * var(--tw-space-y-reverse)
          );
          margin-block-end: calc(
            calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))
          );
        }
        :where(.space-y-10 > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(
            calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
          );
          margin-block-end: calc(
            calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
          );
        }
        .gap-x-2 {
          column-gap: calc(var(--spacing) * 2);
        }
        .gap-x-3 {
          column-gap: calc(var(--spacing) * 3);
        }
        .gap-x-4 {
          column-gap: calc(var(--spacing) * 4);
        }
        .gap-x-5 {
          column-gap: calc(var(--spacing) * 5);
        }
        .gap-x-\[0\.35em\] {
          column-gap: 0.35em;
        }
        .gap-y-1 {
          row-gap: calc(var(--spacing) * 1);
        }
        .gap-y-12 {
          row-gap: calc(var(--spacing) * 12);
        }
        :where(.divide-x > :not(:last-child)) {
          --tw-divide-x-reverse: 0;
          border-inline-style: var(--tw-border-style);
          border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
          border-inline-end-width: calc(
            1px * calc(1 - var(--tw-divide-x-reverse))
          );
        }
        :where(.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-\[\#1f1f1f\] > :not(:last-child)) {
          border-color: #1f1f1f;
        }
        :where(.divide-border > :not(:last-child)) {
          border-color: var(--border);
        }
        .self-center {
          align-self: center;
        }
        .self-end {
          align-self: flex-end;
        }
        .self-stretch {
          align-self: stretch;
        }
        .justify-self-end {
          justify-self: flex-end;
        }
        .justify-self-start {
          justify-self: flex-start;
        }
        .truncate {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
        }
        .overflow-auto {
          overflow: auto;
        }
        .overflow-hidden {
          overflow: hidden;
        }
        .overflow-x-auto {
          overflow-x: auto;
        }
        .overflow-x-hidden {
          overflow-x: hidden;
        }
        .overflow-y-auto {
          overflow-y: auto;
        }
        .\!rounded-none {
          border-radius: 0 !important;
        }
        .rounded {
          border-radius: 0.25rem;
        }
        .rounded-full {
          border-radius: 3.40282e38px;
        }
        .rounded-none {
          border-radius: 0;
        }
        .border {
          border-style: var(--tw-border-style);
          border-width: 1px;
        }
        .border-0 {
          border-style: var(--tw-border-style);
          border-width: 0;
        }
        .border-1 {
          border-style: var(--tw-border-style);
          border-width: 1px;
        }
        .border-2 {
          border-style: var(--tw-border-style);
          border-width: 2px;
        }
        .border-x {
          border-inline-style: var(--tw-border-style);
          border-inline-width: 1px;
        }
        .border-y {
          border-block-style: var(--tw-border-style);
          border-block-width: 1px;
        }
        .border-t {
          border-top-style: var(--tw-border-style);
          border-top-width: 1px;
        }
        .border-r {
          border-right-style: var(--tw-border-style);
          border-right-width: 1px;
        }
        .border-r-0 {
          border-right-style: var(--tw-border-style);
          border-right-width: 0;
        }
        .border-b {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
        }
        .border-l {
          border-left-style: var(--tw-border-style);
          border-left-width: 1px;
        }
        .border-l-0 {
          border-left-style: var(--tw-border-style);
          border-left-width: 0;
        }
        .border-l-2 {
          border-left-style: var(--tw-border-style);
          border-left-width: 2px;
        }
        .border-l-4 {
          border-left-style: var(--tw-border-style);
          border-left-width: 4px;
        }
        .border-dashed {
          --tw-border-style: dashed;
          border-style: dashed;
        }
        .border-dotted {
          --tw-border-style: dotted;
          border-style: dotted;
        }
        .border-none {
          --tw-border-style: none;
          border-style: none;
        }
        .border-\[\#1f1f1f\] {
          border-color: #1f1f1f;
        }
        .border-\[\#e0d0cc\] {
          border-color: #e0d0cc;
        }
        .border-amber-300 {
          border-color: var(--color-amber-300);
        }
        .border-blue-300 {
          border-color: var(--color-blue-300);
        }
        .border-border,
        .border-border\/40 {
          border-color: var(--border);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-border\/40 {
            border-color: color-mix(in oklab, var(--border) 40%, transparent);
          }
        }
        .border-border\/60 {
          border-color: var(--border);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-border\/60 {
            border-color: color-mix(in oklab, var(--border) 60%, transparent);
          }
        }
        .border-emerald-500\/30 {
          border-color: #00bb7f4d;
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-emerald-500\/30 {
            border-color: color-mix(
              in oklab,
              var(--color-emerald-500) 30%,
              transparent
            );
          }
        }
        .border-foreground,
        .border-foreground\/8 {
          border-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-foreground\/8 {
            border-color: color-mix(
              in oklab,
              var(--foreground) 8%,
              transparent
            );
          }
        }
        .border-foreground\/15 {
          border-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-foreground\/15 {
            border-color: color-mix(
              in oklab,
              var(--foreground) 15%,
              transparent
            );
          }
        }
        .border-foreground\/20 {
          border-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-foreground\/20 {
            border-color: color-mix(
              in oklab,
              var(--foreground) 20%,
              transparent
            );
          }
        }
        .border-foreground\/30 {
          border-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-foreground\/30 {
            border-color: color-mix(
              in oklab,
              var(--foreground) 30%,
              transparent
            );
          }
        }
        .border-foreground\/60 {
          border-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-foreground\/60 {
            border-color: color-mix(
              in oklab,
              var(--foreground) 60%,
              transparent
            );
          }
        }
        .border-green-300 {
          border-color: var(--color-green-300);
        }
        .border-muted-foreground\/20 {
          border-color: var(--muted-foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-muted-foreground\/20 {
            border-color: color-mix(
              in oklab,
              var(--muted-foreground) 20%,
              transparent
            );
          }
        }
        .border-muted-foreground\/30 {
          border-color: var(--muted-foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-muted-foreground\/30 {
            border-color: color-mix(
              in oklab,
              var(--muted-foreground) 30%,
              transparent
            );
          }
        }
        .border-orange-500\/40 {
          border-color: #fe6e0066;
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-orange-500\/40 {
            border-color: color-mix(
              in oklab,
              var(--color-orange-500) 40%,
              transparent
            );
          }
        }
        .border-red-200 {
          border-color: var(--color-red-200);
        }
        .border-red-300 {
          border-color: var(--color-red-300);
        }
        .border-red-400 {
          border-color: var(--color-red-400);
        }
        .border-red-600 {
          border-color: var(--color-red-600);
        }
        .border-secondary,
        .border-secondary\/30 {
          border-color: var(--secondary);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-secondary\/30 {
            border-color: color-mix(
              in oklab,
              var(--secondary) 30%,
              transparent
            );
          }
        }
        .border-transparent {
          border-color: #0000;
        }
        .border-yellow-300 {
          border-color: var(--color-yellow-300);
        }
        .border-yellow-600 {
          border-color: var(--color-yellow-600);
        }
        .border-zinc-200 {
          border-color: var(--color-zinc-200);
        }
        .border-zinc-300 {
          border-color: var(--color-zinc-300);
        }
        .border-zinc-400 {
          border-color: var(--color-zinc-400);
        }
        .border-t-foreground,
        .border-t-foreground\/60 {
          border-top-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .border-t-foreground\/60 {
            border-top-color: color-mix(
              in oklab,
              var(--foreground) 60%,
              transparent
            );
          }
        }
        .border-t-transparent {
          border-top-color: #0000;
        }
        .bg-\[\#0a0a0a\] {
          background-color: #0a0a0a;
        }
        .bg-\[\#0c0c0c\] {
          background-color: #0c0c0c;
        }
        .bg-\[\#1e1e2e\] {
          background-color: #1e1e2e;
        }
        .bg-\[\#1f1f1f\] {
          background-color: #1f1f1f;
        }
        .bg-\[\#7a9a6a\] {
          background-color: #7a9a6a;
        }
        .bg-\[\#161616\] {
          background-color: #161616;
        }
        .bg-\[\#f2e8e5\] {
          background-color: #f2e8e5;
        }
        .bg-accent {
          background-color: var(--accent);
        }
        .bg-amber-50 {
          background-color: var(--color-amber-50);
        }
        .bg-amber-100 {
          background-color: var(--color-amber-100);
        }
        .bg-amber-500 {
          background-color: var(--color-amber-500);
        }
        .bg-background,
        .bg-background\/35 {
          background-color: var(--background);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-background\/35 {
            background-color: color-mix(
              in oklab,
              var(--background) 35%,
              transparent
            );
          }
        }
        .bg-background\/60 {
          background-color: var(--background);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-background\/60 {
            background-color: color-mix(
              in oklab,
              var(--background) 60%,
              transparent
            );
          }
        }
        .bg-background\/70 {
          background-color: var(--background);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-background\/70 {
            background-color: color-mix(
              in oklab,
              var(--background) 70%,
              transparent
            );
          }
        }
        .bg-background\/80 {
          background-color: var(--background);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-background\/80 {
            background-color: color-mix(
              in oklab,
              var(--background) 80%,
              transparent
            );
          }
        }
        .bg-black {
          background-color: var(--color-black);
        }
        .bg-black\/50 {
          background-color: #00000080;
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-black\/50 {
            background-color: color-mix(
              in oklab,
              var(--color-black) 50%,
              transparent
            );
          }
        }
        .bg-blue-50 {
          background-color: var(--color-blue-50);
        }
        .bg-border {
          background-color: var(--border);
        }
        .bg-card {
          background-color: var(--card);
        }
        .bg-destructive {
          background-color: var(--destructive);
        }
        .bg-emerald-100 {
          background-color: var(--color-emerald-100);
        }
        .bg-foreground,
        .bg-foreground\/5 {
          background-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-foreground\/5 {
            background-color: color-mix(
              in oklab,
              var(--foreground) 5%,
              transparent
            );
          }
        }
        .bg-foreground\/20 {
          background-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-foreground\/20 {
            background-color: color-mix(
              in oklab,
              var(--foreground) 20%,
              transparent
            );
          }
        }
        .bg-foreground\/25 {
          background-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-foreground\/25 {
            background-color: color-mix(
              in oklab,
              var(--foreground) 25%,
              transparent
            );
          }
        }
        .bg-foreground\/35 {
          background-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-foreground\/35 {
            background-color: color-mix(
              in oklab,
              var(--foreground) 35%,
              transparent
            );
          }
        }
        .bg-foreground\/\[0\.04\] {
          background-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-foreground\/\[0\.04\] {
            background-color: color-mix(
              in oklab,
              var(--foreground) 4%,
              transparent
            );
          }
        }
        .bg-gray-500\/25 {
          background-color: #6a728240;
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-gray-500\/25 {
            background-color: color-mix(
              in oklab,
              var(--color-gray-500) 25%,
              transparent
            );
          }
        }
        .bg-green-100 {
          background-color: var(--color-green-100);
        }
        .bg-green-500 {
          background-color: var(--color-green-500);
        }
        .bg-indigo-100 {
          background-color: var(--color-indigo-100);
        }
        .bg-muted,
        .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\/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\/60 {
          background-color: var(--muted);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-muted\/60 {
            background-color: color-mix(
              in oklab,
              var(--muted) 60%,
              transparent
            );
          }
        }
        .bg-orange-500\/10 {
          background-color: #fe6e001a;
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-orange-500\/10 {
            background-color: color-mix(
              in oklab,
              var(--color-orange-500) 10%,
              transparent
            );
          }
        }
        .bg-popover {
          background-color: var(--popover);
        }
        .bg-primary {
          background-color: var(--primary);
        }
        .bg-purple-100 {
          background-color: var(--color-purple-100);
        }
        .bg-red-50 {
          background-color: var(--color-red-50);
        }
        .bg-red-100 {
          background-color: var(--color-red-100);
        }
        .bg-red-500 {
          background-color: var(--color-red-500);
        }
        .bg-red-600 {
          background-color: var(--color-red-600);
        }
        .bg-rose-100 {
          background-color: var(--color-rose-100);
        }
        .bg-secondary,
        .bg-secondary\/10 {
          background-color: var(--secondary);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-secondary\/10 {
            background-color: color-mix(
              in oklab,
              var(--secondary) 10%,
              transparent
            );
          }
        }
        .bg-sky-100 {
          background-color: var(--color-sky-100);
        }
        .bg-transparent {
          background-color: #0000;
        }
        .bg-white {
          background-color: var(--color-white);
        }
        .bg-white\/35 {
          background-color: #ffffff59;
        }
        @supports (color: color-mix(in lab, red, red)) {
          .bg-white\/35 {
            background-color: color-mix(
              in oklab,
              var(--color-white) 35%,
              transparent
            );
          }
        }
        .bg-yellow-50 {
          background-color: var(--color-yellow-50);
        }
        .bg-yellow-400 {
          background-color: var(--color-yellow-400);
        }
        .bg-yellow-500 {
          background-color: var(--color-yellow-500);
        }
        .bg-zinc-50 {
          background-color: var(--color-zinc-50);
        }
        .bg-zinc-100 {
          background-color: var(--color-zinc-100);
        }
        .bg-zinc-200 {
          background-color: var(--color-zinc-200);
        }
        .bg-zinc-300 {
          background-color: var(--color-zinc-300);
        }
        .bg-zinc-600 {
          background-color: var(--color-zinc-600);
        }
        .bg-zinc-800 {
          background-color: var(--color-zinc-800);
        }
        .bg-gradient-to-r {
          --tw-gradient-position: to right in oklab;
          background-image: linear-gradient(var(--tw-gradient-stops));
        }
        .bg-\[image\:linear-gradient\(var\(--border\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,var\(--border\)_1px\,transparent_1px\)\] {
          background-image:
            linear-gradient(var(--border) 1px, transparent 1px),
            linear-gradient(90deg, var(--border) 1px, transparent 1px);
        }
        .from-foreground {
          --tw-gradient-from: var(--foreground);
          --tw-gradient-stops: var(
            --tw-gradient-via-stops,
            var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position)
          );
        }
        .to-foreground {
          --tw-gradient-to: var(--foreground);
          --tw-gradient-stops: var(
            --tw-gradient-via-stops,
            var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position)
          );
        }
        .bg-\[length\:0\%_1px\] {
          background-size: 0 1px;
        }
        .bg-\[size\:40px_40px\] {
          background-size: 40px 40px;
        }
        .bg-\[left_bottom_-1px\] {
          background-position: left bottom -1px;
        }
        .bg-\[position\:0_-1px\] {
          background-position: 0 -1px;
        }
        .bg-no-repeat {
          background-repeat: no-repeat;
        }
        .fill-current {
          fill: currentColor;
        }
        .fill-red-500 {
          fill: var(--color-red-500);
        }
        .stroke-emerald-500 {
          stroke: var(--color-emerald-500);
        }
        .stroke-neutral-500\/10 {
          stroke: #7373731a;
        }
        @supports (color: color-mix(in lab, red, red)) {
          .stroke-neutral-500\/10 {
            stroke: color-mix(
              in oklab,
              var(--color-neutral-500) 10%,
              transparent
            );
          }
        }
        .stroke-sky-500 {
          stroke: var(--color-sky-500);
        }
        .object-contain {
          object-fit: contain;
        }
        .object-cover {
          object-fit: cover;
        }
        .p-0 {
          padding: calc(var(--spacing) * 0);
        }
        .p-0\.5 {
          padding: calc(var(--spacing) * 0.5);
        }
        .p-1 {
          padding: calc(var(--spacing) * 1);
        }
        .p-1\.5 {
          padding: calc(var(--spacing) * 1.5);
        }
        .p-2 {
          padding: calc(var(--spacing) * 2);
        }
        .p-2\.5 {
          padding: calc(var(--spacing) * 2.5);
        }
        .p-3 {
          padding: calc(var(--spacing) * 3);
        }
        .p-4 {
          padding: calc(var(--spacing) * 4);
        }
        .p-5 {
          padding: calc(var(--spacing) * 5);
        }
        .p-6 {
          padding: calc(var(--spacing) * 6);
        }
        .p-12 {
          padding: calc(var(--spacing) * 12);
        }
        .px-1 {
          padding-inline: calc(var(--spacing) * 1);
        }
        .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-4 {
          padding-inline: calc(var(--spacing) * 4);
        }
        .px-5 {
          padding-inline: calc(var(--spacing) * 5);
        }
        .px-6 {
          padding-inline: calc(var(--spacing) * 6);
        }
        .px-8 {
          padding-inline: calc(var(--spacing) * 8);
        }
        .\!py-1 {
          padding-block: calc(var(--spacing) * 1) !important;
        }
        .py-0\.5 {
          padding-block: calc(var(--spacing) * 0.5);
        }
        .py-1 {
          padding-block: calc(var(--spacing) * 1);
        }
        .py-1\.5 {
          padding-block: calc(var(--spacing) * 1.5);
        }
        .py-2 {
          padding-block: calc(var(--spacing) * 2);
        }
        .py-2\.5 {
          padding-block: calc(var(--spacing) * 2.5);
        }
        .py-3 {
          padding-block: calc(var(--spacing) * 3);
        }
        .py-4 {
          padding-block: calc(var(--spacing) * 4);
        }
        .py-5 {
          padding-block: calc(var(--spacing) * 5);
        }
        .py-6 {
          padding-block: calc(var(--spacing) * 6);
        }
        .py-7 {
          padding-block: calc(var(--spacing) * 7);
        }
        .py-8 {
          padding-block: calc(var(--spacing) * 8);
        }
        .py-12 {
          padding-block: calc(var(--spacing) * 12);
        }
        .py-px {
          padding-block: 1px;
        }
        .pt-1\.5 {
          padding-top: calc(var(--spacing) * 1.5);
        }
        .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-6 {
          padding-top: calc(var(--spacing) * 6);
        }
        .pt-24 {
          padding-top: calc(var(--spacing) * 24);
        }
        .pt-\[7px\] {
          padding-top: 7px;
        }
        .pt-\[9px\] {
          padding-top: 9px;
        }
        .pt-\[11px\] {
          padding-top: 11px;
        }
        .pr-2 {
          padding-right: calc(var(--spacing) * 2);
        }
        .pr-2\.5 {
          padding-right: calc(var(--spacing) * 2.5);
        }
        .pr-3 {
          padding-right: calc(var(--spacing) * 3);
        }
        .pr-4 {
          padding-right: calc(var(--spacing) * 4);
        }
        .pr-6 {
          padding-right: calc(var(--spacing) * 6);
        }
        .pr-10 {
          padding-right: calc(var(--spacing) * 10);
        }
        .pb-0 {
          padding-bottom: calc(var(--spacing) * 0);
        }
        .pb-1 {
          padding-bottom: calc(var(--spacing) * 1);
        }
        .pb-1\.5 {
          padding-bottom: calc(var(--spacing) * 1.5);
        }
        .pb-2 {
          padding-bottom: calc(var(--spacing) * 2);
        }
        .pb-3 {
          padding-bottom: calc(var(--spacing) * 3);
        }
        .pb-4 {
          padding-bottom: calc(var(--spacing) * 4);
        }
        .pb-5 {
          padding-bottom: calc(var(--spacing) * 5);
        }
        .pb-6 {
          padding-bottom: calc(var(--spacing) * 6);
        }
        .pb-7 {
          padding-bottom: calc(var(--spacing) * 7);
        }
        .pb-8 {
          padding-bottom: calc(var(--spacing) * 8);
        }
        .pb-12 {
          padding-bottom: calc(var(--spacing) * 12);
        }
        .pb-20 {
          padding-bottom: calc(var(--spacing) * 20);
        }
        .pb-px {
          padding-bottom: 1px;
        }
        .pl-0\.5 {
          padding-left: calc(var(--spacing) * 0.5);
        }
        .pl-2\.5 {
          padding-left: calc(var(--spacing) * 2.5);
        }
        .pl-3 {
          padding-left: calc(var(--spacing) * 3);
        }
        .pl-4 {
          padding-left: calc(var(--spacing) * 4);
        }
        .pl-6 {
          padding-left: calc(var(--spacing) * 6);
        }
        .pl-8 {
          padding-left: calc(var(--spacing) * 8);
        }
        .pl-10 {
          padding-left: calc(var(--spacing) * 10);
        }
        .pl-\[calc\(1\.5rem\+0\.75rem\)\] {
          padding-left: 2.25rem;
        }
        .text-center {
          text-align: center;
        }
        .text-left {
          text-align: left;
        }
        .text-right {
          text-align: right;
        }
        .align-baseline {
          vertical-align: baseline;
        }
        .align-middle {
          vertical-align: middle;
        }
        .align-super {
          vertical-align: super;
        }
        .align-text-bottom {
          vertical-align: text-bottom;
        }
        .font-mono {
          font-family: var(--font-geist-mono);
        }
        .font-sans {
          font-family: var(--font-geist-sans);
        }
        .\!text-xs {
          font-size: var(--text-xs) !important;
          line-height: var(
            --tw-leading,
            var(--text-xs--line-height)
          ) !important;
        }
        .text-2xl {
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
        .text-3xl {
          font-size: var(--text-3xl);
          line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
        .text-4xl {
          font-size: var(--text-4xl);
          line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
        .text-base {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
        }
        .text-lg {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        .text-sm {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
        }
        .text-xl {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
        }
        .text-xs {
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height));
        }
        .text-\[0\.75em\] {
          font-size: 0.75em;
        }
        .text-\[0\.84em\] {
          font-size: 0.84em;
        }
        .text-\[0\.85em\] {
          font-size: 0.85em;
        }
        .text-\[4px\] {
          font-size: 4px;
        }
        .text-\[5px\] {
          font-size: 5px;
        }
        .text-\[7px\] {
          font-size: 7px;
        }
        .text-\[8px\] {
          font-size: 8px;
        }
        .text-\[9px\] {
          font-size: 9px;
        }
        .text-\[10px\] {
          font-size: 10px;
        }
        .text-\[11px\] {
          font-size: 11px;
        }
        .text-\[13px\] {
          font-size: 13px;
        }
        .leading-\[1\.55\] {
          --tw-leading: 1.55;
          line-height: 1.55;
        }
        .leading-loose {
          --tw-leading: var(--leading-loose);
          line-height: var(--leading-loose);
        }
        .leading-none {
          --tw-leading: 1;
          line-height: 1;
        }
        .leading-normal {
          --tw-leading: var(--leading-normal);
          line-height: var(--leading-normal);
        }
        .leading-relaxed {
          --tw-leading: var(--leading-relaxed);
          line-height: var(--leading-relaxed);
        }
        .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-bold {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
        }
        .font-light {
          --tw-font-weight: var(--font-weight-light);
          font-weight: var(--font-weight-light);
        }
        .font-medium {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
        .font-normal {
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
        }
        .font-semibold {
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
        }
        .tracking-\[0\.2em\] {
          --tw-tracking: 0.2em;
          letter-spacing: 0.2em;
        }
        .tracking-wide {
          --tw-tracking: var(--tracking-wide);
          letter-spacing: var(--tracking-wide);
        }
        .tracking-wider {
          --tw-tracking: var(--tracking-wider);
          letter-spacing: var(--tracking-wider);
        }
        .tracking-widest {
          --tw-tracking: var(--tracking-widest);
          letter-spacing: var(--tracking-widest);
        }
        .break-words {
          overflow-wrap: break-word;
        }
        .break-all {
          word-break: break-all;
        }
        .whitespace-normal {
          white-space: normal;
        }
        .whitespace-nowrap {
          white-space: nowrap;
        }
        .whitespace-pre {
          white-space: pre;
        }
        .whitespace-pre-wrap {
          white-space: pre-wrap;
        }
        .text-\[\#6a6a62\] {
          color: #6a6a62;
        }
        .text-\[\#7a8a6a\] {
          color: #7a8a6a;
        }
        .text-\[\#8a8a82\] {
          color: #8a8a82;
        }
        .text-\[\#b8c0a8\] {
          color: #b8c0a8;
        }
        .text-\[\#c7254e\] {
          color: #c7254e;
        }
        .text-\[\#cdd6f4\] {
          color: #cdd6f4;
        }
        .text-amber-500 {
          color: var(--color-amber-500);
        }
        .text-amber-600 {
          color: var(--color-amber-600);
        }
        .text-amber-800 {
          color: var(--color-amber-800);
        }
        .text-background,
        .text-background\/50 {
          color: var(--background);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .text-background\/50 {
            color: color-mix(in oklab, var(--background) 50%, transparent);
          }
        }
        .text-black {
          color: var(--color-black);
        }
        .text-blue-700 {
          color: var(--color-blue-700);
        }
        .text-border {
          color: var(--border);
        }
        .text-diagram-secondary {
          color: var(--diagram-secondary);
        }
        .text-emerald-500 {
          color: var(--color-emerald-500);
        }
        .text-emerald-800 {
          color: var(--color-emerald-800);
        }
        .text-foreground,
        .text-foreground\/50 {
          color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .text-foreground\/50 {
            color: color-mix(in oklab, var(--foreground) 50%, transparent);
          }
        }
        .text-foreground\/70 {
          color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .text-foreground\/70 {
            color: color-mix(in oklab, var(--foreground) 70%, transparent);
          }
        }
        .text-green-500 {
          color: var(--color-green-500);
        }
        .text-green-800 {
          color: var(--color-green-800);
        }
        .text-indigo-800 {
          color: var(--color-indigo-800);
        }
        .text-muted-foreground,
        .text-muted-foreground\/20 {
          color: var(--muted-foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .text-muted-foreground\/20 {
            color: color-mix(
              in oklab,
              var(--muted-foreground) 20%,
              transparent
            );
          }
        }
        .text-muted-foreground\/30 {
          color: var(--muted-foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .text-muted-foreground\/30 {
            color: color-mix(
              in oklab,
              var(--muted-foreground) 30%,
              transparent
            );
          }
        }
        .text-muted-foreground\/40 {
          color: var(--muted-foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .text-muted-foreground\/40 {
            color: color-mix(
              in oklab,
              var(--muted-foreground) 40%,
              transparent
            );
          }
        }
        .text-muted-foreground\/70 {
          color: var(--muted-foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .text-muted-foreground\/70 {
            color: color-mix(
              in oklab,
              var(--muted-foreground) 70%,
              transparent
            );
          }
        }
        .text-neutral-600 {
          color: var(--color-neutral-600);
        }
        .text-orange-700 {
          color: var(--color-orange-700);
        }
        .text-popover-foreground {
          color: var(--popover-foreground);
        }
        .text-primary {
          color: var(--primary);
        }
        .text-primary-foreground {
          color: var(--primary-foreground);
        }
        .text-purple-800 {
          color: var(--color-purple-800);
        }
        .text-red-500 {
          color: var(--color-red-500);
        }
        .text-red-600 {
          color: var(--color-red-600);
        }
        .text-red-700 {
          color: var(--color-red-700);
        }
        .text-red-800 {
          color: var(--color-red-800);
        }
        .text-red-900 {
          color: var(--color-red-900);
        }
        .text-rose-800 {
          color: var(--color-rose-800);
        }
        .text-secondary {
          color: var(--secondary);
        }
        .text-secondary-foreground {
          color: var(--secondary-foreground);
        }
        .text-secondary\/50 {
          color: var(--secondary);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .text-secondary\/50 {
            color: color-mix(in oklab, var(--secondary) 50%, transparent);
          }
        }
        .text-secondary\/60 {
          color: var(--secondary);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .text-secondary\/60 {
            color: color-mix(in oklab, var(--secondary) 60%, transparent);
          }
        }
        .text-secondary\/70 {
          color: var(--secondary);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .text-secondary\/70 {
            color: color-mix(in oklab, var(--secondary) 70%, transparent);
          }
        }
        .text-sky-800 {
          color: var(--color-sky-800);
        }
        .text-white {
          color: var(--color-white);
        }
        .text-yellow-600 {
          color: var(--color-yellow-600);
        }
        .text-yellow-700 {
          color: var(--color-yellow-700);
        }
        .text-yellow-800 {
          color: var(--color-yellow-800);
        }
        .text-yellow-900 {
          color: var(--color-yellow-900);
        }
        .text-zinc-400 {
          color: var(--color-zinc-400);
        }
        .text-zinc-500 {
          color: var(--color-zinc-500);
        }
        .text-zinc-600 {
          color: var(--color-zinc-600);
        }
        .text-zinc-700 {
          color: var(--color-zinc-700);
        }
        .text-zinc-800 {
          color: var(--color-zinc-800);
        }
        .text-zinc-900 {
          color: var(--color-zinc-900);
        }
        .lowercase {
          text-transform: lowercase;
        }
        .uppercase {
          text-transform: uppercase;
        }
        .italic {
          font-style: italic;
        }
        .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;
        }
        .decoration-foreground\/20 {
          -webkit-text-decoration-color: var(--foreground);
          text-decoration-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .decoration-foreground\/20 {
            -webkit-text-decoration-color: color-mix(
              in oklab,
              var(--foreground) 20%,
              transparent
            );
            text-decoration-color: color-mix(
              in oklab,
              var(--foreground) 20%,
              transparent
            );
          }
        }
        .decoration-dotted {
          text-decoration-style: dotted;
        }
        .underline-offset-2 {
          text-underline-offset: 2px;
        }
        .underline-offset-4 {
          text-underline-offset: 4px;
        }
        .antialiased {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
        }
        .accent-red-600 {
          accent-color: var(--color-red-600);
        }
        .accent-yellow-500 {
          accent-color: var(--color-yellow-500);
        }
        .opacity-0 {
          opacity: 0;
        }
        .opacity-40 {
          opacity: 0.4;
        }
        .opacity-50 {
          opacity: 0.5;
        }
        .opacity-60 {
          opacity: 0.6;
        }
        .opacity-70 {
          opacity: 0.7;
        }
        .opacity-90 {
          opacity: 0.9;
        }
        .opacity-100 {
          opacity: 1;
        }
        .\!shadow-none {
          --tw-shadow: 0 0 #0000 !important;
          box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow) !important;
        }
        .shadow {
          --tw-shadow:
            0 1px 3px 0 var(--tw-shadow-color, #0000001a),
            0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        }
        .shadow,
        .shadow-lg {
          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);
        }
        .shadow-md {
          --tw-shadow:
            0 4px 6px -1px var(--tw-shadow-color, #0000001a),
            0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        }
        .shadow-md,
        .shadow-none {
          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;
        }
        .shadow-xl {
          --tw-shadow:
            0 20px 25px -5px var(--tw-shadow-color, #0000001a),
            0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        }
        .shadow-xl,
        .shadow-xs {
          box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
        }
        .shadow-xs {
          --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        }
        .ring,
        .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-transparent {
          --tw-ring-color: transparent;
        }
        .ring-offset-background {
          --tw-ring-offset-color: var(--background);
        }
        .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;
        }
        .brightness-50 {
          --tw-brightness: brightness(50%);
        }
        .brightness-130,
        .brightness-50 {
          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,);
        }
        .brightness-130 {
          --tw-brightness: brightness(130%);
        }
        .drop-shadow-lg {
          --tw-drop-shadow-size: drop-shadow(
            0 4px 4px var(--tw-drop-shadow-color, #00000026)
          );
          --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
        }
        .drop-shadow-lg,
        .grayscale {
          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,);
        }
        .grayscale {
          --tw-grayscale: grayscale(100%);
        }
        .invert {
          --tw-invert: invert(100%);
        }
        .filter,
        .invert {
          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
            var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
            var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
        }
        .backdrop-blur-md {
          --tw-backdrop-blur: blur(var(--blur-md));
        }
        .backdrop-blur-md,
        .backdrop-blur-sm {
          -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,);
        }
        .backdrop-blur-sm {
          --tw-backdrop-blur: blur(var(--blur-sm));
        }
        .backdrop-filter {
          -webkit-backdrop-filter: var(--tw-backdrop-blur,)
            var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
            var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
            var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
            var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
          backdrop-filter: var(--tw-backdrop-blur,)
            var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
            var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
            var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
            var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        }
        .transition {
          transition-property:
            color,
            background-color,
            border-color,
            outline-color,
            text-decoration-color,
            fill,
            stroke,
            --tw-gradient-from,
            --tw-gradient-via,
            --tw-gradient-to,
            opacity,
            box-shadow,
            transform,
            translate,
            scale,
            rotate,
            filter,
            -webkit-backdrop-filter,
            backdrop-filter;
          transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
          );
          transition-duration: var(
            --tw-duration,
            var(--default-transition-duration)
          );
        }
        .transition-\[background-size\] {
          transition-property: background-size;
          transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
          );
          transition-duration: var(
            --tw-duration,
            var(--default-transition-duration)
          );
        }
        .transition-\[filter\] {
          transition-property: filter;
          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-200 {
          --tw-duration: 0.2s;
          transition-duration: 0.2s;
        }
        .duration-300 {
          --tw-duration: 0.3s;
          transition-duration: 0.3s;
        }
        .ease-in {
          --tw-ease: var(--ease-in);
          transition-timing-function: var(--ease-in);
        }
        .ease-in-out {
          --tw-ease: var(--ease-in-out);
          transition-timing-function: var(--ease-in-out);
        }
        .ease-out {
          --tw-ease: var(--ease-out);
          transition-timing-function: var(--ease-out);
        }
        .\!outline-none {
          --tw-outline-style: none !important;
          outline-style: none !important;
        }
        .outline-none {
          --tw-outline-style: none;
          outline-style: none;
        }
        .select-none {
          -webkit-user-select: none;
          user-select: none;
        }
        .select-text {
          -webkit-user-select: text;
          user-select: text;
        }
        .paused {
          animation-play-state: paused;
        }
        .running {
          animation-play-state: running;
        }
        @media (hover: hover) {
          .group-hover\:translate-x-1:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * 1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
          }
          .group-hover\: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\:scale-125:is(:where(.group):hover *) {
            --tw-scale-x: 125%;
            --tw-scale-y: 125%;
            --tw-scale-z: 125%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
          }
          .group-hover\:text-foreground:is(:where(.group):hover *),
          .group-hover\:text-foreground\/70:is(:where(.group):hover *) {
            color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:text-foreground\/70:is(:where(.group):hover *) {
              color: color-mix(in oklab, var(--foreground) 70%, transparent);
            }
          }
          .group-hover\:text-foreground\/80:is(:where(.group):hover *) {
            color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:text-foreground\/80:is(:where(.group):hover *) {
              color: color-mix(in oklab, var(--foreground) 80%, transparent);
            }
          }
          .group-hover\:decoration-foreground\/40:is(:where(.group):hover *) {
            -webkit-text-decoration-color: var(--foreground);
            text-decoration-color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:decoration-foreground\/40:is(:where(.group):hover *) {
              -webkit-text-decoration-color: color-mix(
                in oklab,
                var(--foreground) 40%,
                transparent
              );
              text-decoration-color: color-mix(
                in oklab,
                var(--foreground) 40%,
                transparent
              );
            }
          }
          .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1;
          }
          .group-hover\:brightness-\[0\.4\]:is(:where(.group):hover *) {
            --tw-brightness: brightness(0.4);
            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,);
          }
          .group-hover\:\[filter\:brightness\(0\.75\)\]:is(
              :where(.group):hover *
            ) {
            filter: brightness(0.75);
          }
          .group-hover\:\[filter\:brightness\(0\.82\)\]:is(
              :where(.group):hover *
            ) {
            filter: brightness(0.82);
          }
          .group-hover\/heading\:opacity-100:is(
            :where(.group\/heading):hover *
          ) {
            opacity: 1;
          }
          .group-hover\/line\:border-foreground\/40:is(
            :where(.group\/line):hover *
          ) {
            border-color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .group-hover\/line\:border-foreground\/40:is(
              :where(.group\/line):hover *
            ) {
              border-color: color-mix(
                in oklab,
                var(--foreground) 40%,
                transparent
              );
            }
          }
          .group-hover\/link\:rotate-45:is(:where(.group\/link):hover *) {
            rotate: 45deg;
          }
          .group-hover\/link\:bg-\[length\:100\%_1px\]:is(
            :where(.group\/link):hover *
          ) {
            background-size: 100% 1px;
          }
          .group-hover\/link\:text-foreground:is(:where(.group\/link):hover *) {
            color: var(--foreground);
          }
        }
        .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(
          :where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *
        ) {
          display: block;
        }
        .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(
          :where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *
        ),
        .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(
          :where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *
        ) {
          text-align: center;
        }
        .placeholder\:text-secondary::placeholder,
        .placeholder\:text-secondary\/50::placeholder {
          color: var(--secondary);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .placeholder\:text-secondary\/50::placeholder {
            color: color-mix(in oklab, var(--secondary) 50%, transparent);
          }
        }
        .placeholder\:text-zinc-400::placeholder {
          color: var(--color-zinc-400);
        }
        .before\:absolute:before {
          content: var(--tw-content);
          position: absolute;
        }
        .before\:-inset-3:before {
          content: var(--tw-content);
          inset: calc(var(--spacing) * -3);
        }
        .before\:content-\[\'\'\]:before {
          --tw-content: "";
          content: var(--tw-content);
        }
        .last\:border-b-0:last-child {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 0;
        }
        @media (hover: hover) {
          .hover\:animate-\[wiggle_0\.72s_ease-in-out\]:hover {
            animation: wiggle 0.72s ease-in-out;
          }
          .hover\:border-foreground:hover,
          .hover\:border-foreground\/15:hover {
            border-color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-foreground\/15:hover {
              border-color: color-mix(
                in oklab,
                var(--foreground) 15%,
                transparent
              );
            }
          }
          .hover\:border-foreground\/40:hover {
            border-color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-foreground\/40:hover {
              border-color: color-mix(
                in oklab,
                var(--foreground) 40%,
                transparent
              );
            }
          }
          .hover\:bg-accent:hover {
            background-color: var(--accent);
          }
          .hover\:bg-background\/80:hover {
            background-color: var(--background);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-background\/80:hover {
              background-color: color-mix(
                in oklab,
                var(--background) 80%,
                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-foreground\/40:hover {
            background-color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-foreground\/40:hover {
              background-color: color-mix(
                in oklab,
                var(--foreground) 40%,
                transparent
              );
            }
          }
          .hover\:bg-foreground\/80:hover {
            background-color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-foreground\/80:hover {
              background-color: color-mix(
                in oklab,
                var(--foreground) 80%,
                transparent
              );
            }
          }
          .hover\:bg-foreground\/85:hover {
            background-color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-foreground\/85:hover {
              background-color: color-mix(
                in oklab,
                var(--foreground) 85%,
                transparent
              );
            }
          }
          .hover\:bg-foreground\/90:hover {
            background-color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-foreground\/90:hover {
              background-color: color-mix(
                in oklab,
                var(--foreground) 90%,
                transparent
              );
            }
          }
          .hover\:bg-foreground\/\[0\.06\]:hover {
            background-color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-foreground\/\[0\.06\]:hover {
              background-color: color-mix(
                in oklab,
                var(--foreground) 6%,
                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\/50:hover {
            background-color: var(--primary);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-primary\/50:hover {
              background-color: color-mix(
                in oklab,
                var(--primary) 50%,
                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-red-500:hover {
            background-color: var(--color-red-500);
          }
          .hover\:bg-red-700:hover {
            background-color: var(--color-red-700);
          }
          .hover\:bg-secondary\/80:hover {
            background-color: var(--secondary);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-secondary\/80:hover {
              background-color: color-mix(
                in oklab,
                var(--secondary) 80%,
                transparent
              );
            }
          }
          .hover\:bg-transparent:hover {
            background-color: #0000;
          }
          .hover\:bg-white\/50:hover {
            background-color: #ffffff80;
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-white\/50:hover {
              background-color: color-mix(
                in oklab,
                var(--color-white) 50%,
                transparent
              );
            }
          }
          .hover\:bg-yellow-400:hover {
            background-color: var(--color-yellow-400);
          }
          .hover\:bg-yellow-500:hover {
            background-color: var(--color-yellow-500);
          }
          .hover\:bg-zinc-50:hover {
            background-color: var(--color-zinc-50);
          }
          .hover\:bg-zinc-100:hover {
            background-color: var(--color-zinc-100);
          }
          .hover\:bg-zinc-200:hover {
            background-color: var(--color-zinc-200);
          }
          .hover\:bg-zinc-300:hover {
            background-color: var(--color-zinc-300);
          }
          .hover\:bg-zinc-300\/50:hover {
            background-color: #d4d4d880;
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-zinc-300\/50:hover {
              background-color: color-mix(
                in oklab,
                var(--color-zinc-300) 50%,
                transparent
              );
            }
          }
          .hover\:text-accent-foreground:hover {
            color: var(--accent-foreground);
          }
          .hover\:text-background\/80:hover {
            color: var(--background);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:text-background\/80:hover {
              color: color-mix(in oklab, var(--background) 80%, transparent);
            }
          }
          .hover\:text-foreground:hover,
          .hover\:text-foreground\/70:hover {
            color: var(--foreground);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .hover\:text-foreground\/70:hover {
              color: color-mix(in oklab, var(--foreground) 70%, transparent);
            }
          }
          .hover\:text-muted-foreground:hover {
            color: var(--muted-foreground);
          }
          .hover\:text-red-500:hover {
            color: var(--color-red-500);
          }
          .hover\:text-red-700:hover {
            color: var(--color-red-700);
          }
          .hover\:text-secondary:hover {
            color: var(--secondary);
          }
          .hover\:text-zinc-700:hover {
            color: var(--color-zinc-700);
          }
          .hover\:text-zinc-900:hover {
            color: var(--color-zinc-900);
          }
          .hover\:underline:hover {
            text-decoration-line: underline;
          }
          .hover\:opacity-70:hover {
            opacity: 0.7;
          }
          .hover\:opacity-80:hover {
            opacity: 0.8;
          }
          .hover\:opacity-85:hover {
            opacity: 0.85;
          }
          .hover\:opacity-90:hover {
            opacity: 0.9;
          }
          .hover\:opacity-100:hover {
            opacity: 1;
          }
          .hover\:ring-zinc-400:hover {
            --tw-ring-color: var(--color-zinc-400);
          }
        }
        .focus\:border-zinc-600:focus {
          border-color: var(--color-zinc-600);
        }
        .focus\:bg-accent:focus {
          background-color: var(--accent);
        }
        .focus\:bg-muted\/40:focus {
          background-color: var(--muted);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .focus\:bg-muted\/40:focus {
            background-color: color-mix(
              in oklab,
              var(--muted) 40%,
              transparent
            );
          }
        }
        .focus\:bg-zinc-100:focus {
          background-color: var(--color-zinc-100);
        }
        .focus\:text-accent-foreground:focus {
          color: var(--accent-foreground);
        }
        .focus\:ring-2:focus {
          --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\:ring-red-500:focus {
          --tw-ring-color: var(--color-red-500);
        }
        .focus\:ring-ring:focus {
          --tw-ring-color: var(--ring);
        }
        .focus\:ring-yellow-500\/50:focus {
          --tw-ring-color: #edb20080;
        }
        @supports (color: color-mix(in lab, red, red)) {
          .focus\:ring-yellow-500\/50:focus {
            --tw-ring-color: color-mix(
              in oklab,
              var(--color-yellow-500) 50%,
              transparent
            );
          }
        }
        .focus\:ring-zinc-500:focus {
          --tw-ring-color: var(--color-zinc-500);
        }
        .focus\:ring-offset-2:focus {
          --tw-ring-offset-width: 2px;
          --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
            var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
        .focus\:outline-hidden:focus {
          --tw-outline-style: none;
          outline-style: none;
        }
        @media (forced-colors: active) {
          .focus\:outline-hidden:focus {
            outline-offset: 2px;
            outline: 2px solid #0000;
          }
        }
        .focus\:outline-none:focus {
          --tw-outline-style: none;
          outline-style: none;
        }
        .focus-visible\:border-ring:focus-visible {
          border-color: var(--ring);
        }
        .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);
          }
        }
        .active\:scale-95:active {
          --tw-scale-x: 95%;
          --tw-scale-y: 95%;
          --tw-scale-z: 95%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
        .active\:bg-amber-200:active {
          background-color: var(--color-amber-200);
        }
        .active\:bg-emerald-200:active {
          background-color: var(--color-emerald-200);
        }
        .active\:bg-foreground\/\[0\.12\]:active {
          background-color: var(--foreground);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .active\:bg-foreground\/\[0\.12\]:active {
            background-color: color-mix(
              in oklab,
              var(--foreground) 12%,
              transparent
            );
          }
        }
        .active\:bg-indigo-200:active {
          background-color: var(--color-indigo-200);
        }
        .active\:bg-muted\/40:active {
          background-color: var(--muted);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .active\:bg-muted\/40:active {
            background-color: color-mix(
              in oklab,
              var(--muted) 40%,
              transparent
            );
          }
        }
        .active\:bg-muted\/60:active {
          background-color: var(--muted);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .active\:bg-muted\/60:active {
            background-color: color-mix(
              in oklab,
              var(--muted) 60%,
              transparent
            );
          }
        }
        .active\:bg-purple-200:active {
          background-color: var(--color-purple-200);
        }
        .active\:bg-rose-200:active {
          background-color: var(--color-rose-200);
        }
        .active\:bg-sky-200:active {
          background-color: var(--color-sky-200);
        }
        .active\:bg-zinc-100:active {
          background-color: var(--color-zinc-100);
        }
        .active\:bg-zinc-400:active {
          background-color: var(--color-zinc-400);
        }
        .active\:opacity-70:active {
          opacity: 0.7;
        }
        .active\:ring-zinc-600:active {
          --tw-ring-color: var(--color-zinc-600);
        }
        .disabled\:pointer-events-none:disabled {
          pointer-events: none;
        }
        .disabled\:cursor-default:disabled {
          cursor: default;
        }
        .disabled\:cursor-not-allowed:disabled {
          cursor: not-allowed;
        }
        .disabled\:bg-zinc-200:disabled {
          background-color: var(--color-zinc-200);
        }
        .disabled\:bg-zinc-300:disabled {
          background-color: var(--color-zinc-300);
        }
        .disabled\:text-zinc-400:disabled {
          color: var(--color-zinc-400);
        }
        .disabled\:opacity-20:disabled {
          opacity: 0.2;
        }
        .disabled\:opacity-25:disabled {
          opacity: 0.25;
        }
        .disabled\:opacity-30:disabled {
          opacity: 0.3;
        }
        .disabled\:opacity-50:disabled {
          opacity: 0.5;
        }
        .has-\[\>svg\]\:px-2\.5:has(> svg) {
          padding-inline: calc(var(--spacing) * 2.5);
        }
        .has-\[\>svg\]\:px-3:has(> svg) {
          padding-inline: calc(var(--spacing) * 3);
        }
        .has-\[\>svg\]\:px-4:has(> svg) {
          padding-inline: calc(var(--spacing) * 4);
        }
        .aria-invalid\:border-destructive[aria-invalid="true"] {
          border-color: var(--destructive);
        }
        .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-\[disabled\]\:pointer-events-none[data-disabled] {
          pointer-events: none;
        }
        .data-\[disabled\]\:opacity-50[data-disabled] {
          opacity: 0.5;
        }
        .data-\[inset\]\:pl-8[data-inset] {
          padding-left: calc(var(--spacing) * 8);
        }
        .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
          --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
        }
        .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
          --tw-enter-translate-x: calc(2 * var(--spacing));
        }
        .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
          --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
        }
        .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
          --tw-enter-translate-y: calc(2 * var(--spacing));
        }
        .data-\[state\=closed\]\:animate-out[data-state="closed"] {
          animation: exit
            var(--tw-animation-duration, var(--tw-duration, 0.15s))
            var(--tw-ease, ease) var(--tw-animation-delay, 0s)
            var(--tw-animation-iteration-count, 1)
            var(--tw-animation-direction, normal)
            var(--tw-animation-fill-mode, none);
        }
        .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
          --tw-exit-opacity: 0;
        }
        .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
          --tw-exit-scale: 0.95;
        }
        .data-\[state\=open\]\:animate-in[data-state="open"] {
          animation: enter
            var(--tw-animation-duration, var(--tw-duration, 0.15s))
            var(--tw-ease, ease) var(--tw-animation-delay, 0s)
            var(--tw-animation-iteration-count, 1)
            var(--tw-animation-direction, normal)
            var(--tw-animation-fill-mode, none);
        }
        .data-\[state\=open\]\:bg-accent[data-state="open"] {
          background-color: var(--accent);
        }
        .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
          color: var(--accent-foreground);
        }
        .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
          color: var(--muted-foreground);
        }
        .data-\[state\=open\]\:fade-in-0[data-state="open"] {
          --tw-enter-opacity: 0;
        }
        .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
          --tw-enter-scale: 0.95;
        }
        .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-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
          inset-inline: calc(var(--spacing) * 0);
        }
        .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
          bottom: calc(var(--spacing) * 0);
        }
        .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
          margin-top: calc(var(--spacing) * 24);
        }
        .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
          max-height: 80vh;
        }
        .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
          border-top-style: var(--tw-border-style);
          border-top-width: 1px;
        }
        .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
          inset-block: calc(var(--spacing) * 0);
        }
        .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
          left: calc(var(--spacing) * 0);
        }
        .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
          width: 75%;
        }
        .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
          border-right-style: var(--tw-border-style);
          border-right-width: 1px;
        }
        .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
          inset-block: calc(var(--spacing) * 0);
        }
        .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
          right: calc(var(--spacing) * 0);
        }
        .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
          width: 75%;
        }
        .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
          border-left-style: var(--tw-border-style);
          border-left-width: 1px;
        }
        .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
          inset-inline: calc(var(--spacing) * 0);
        }
        .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
          top: calc(var(--spacing) * 0);
        }
        .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
          margin-bottom: calc(var(--spacing) * 24);
        }
        .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
          max-height: 80vh;
        }
        .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
        }
        @media (min-width: 40rem) {
          .sm\:mt-8 {
            margin-top: calc(var(--spacing) * 8);
          }
          .sm\:block {
            display: block;
          }
          .sm\:flex {
            display: flex;
          }
          .sm\:grid {
            display: grid;
          }
          .sm\:hidden {
            display: none;
          }
          .sm\:inline {
            display: inline;
          }
          .sm\:h-14 {
            height: calc(var(--spacing) * 14);
          }
          .sm\:h-\[12px\] {
            height: 12px;
          }
          .sm\:h-\[27px\] {
            height: 27px;
          }
          .sm\:h-\[180px\] {
            height: 180px;
          }
          .sm\:min-h-\[280px\] {
            min-height: 280px;
          }
          .sm\:\!w-\[37\.5rem\] {
            width: 37.5rem !important;
          }
          .sm\:w-1\/2 {
            width: 50%;
          }
          .sm\:w-14 {
            width: calc(var(--spacing) * 14);
          }
          .sm\:w-\[35\%\] {
            width: 35%;
          }
          .sm\:w-\[36px\] {
            width: 36px;
          }
          .sm\:w-\[135px\] {
            width: 135px;
          }
          .sm\:w-auto {
            width: auto;
          }
          .sm\:max-w-\[50\%\] {
            max-width: 50%;
          }
          .sm\:max-w-\[50vw\] {
            max-width: 50vw;
          }
          .sm\:max-w-lg {
            max-width: var(--container-lg);
          }
          .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .sm\:grid-cols-\[1fr_1fr\] {
            grid-template-columns: 1fr 1fr;
          }
          .sm\:grid-rows-\[1fr_2fr\] {
            grid-template-rows: 1fr 2fr;
          }
          .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-center {
            justify-content: center;
          }
          .sm\:justify-end {
            justify-content: flex-end;
          }
          .sm\:justify-start {
            justify-content: flex-start;
          }
          .sm\:gap-0 {
            gap: calc(var(--spacing) * 0);
          }
          .sm\:gap-1\.5 {
            gap: calc(var(--spacing) * 1.5);
          }
          .sm\:gap-2\.5 {
            gap: calc(var(--spacing) * 2.5);
          }
          .sm\:gap-8 {
            gap: calc(var(--spacing) * 8);
          }
          .sm\:gap-10 {
            gap: calc(var(--spacing) * 10);
          }
          .sm\:gap-y-20 {
            row-gap: calc(var(--spacing) * 20);
          }
          .sm\:justify-self-center {
            justify-self: center;
          }
          .sm\:justify-self-end {
            justify-self: flex-end;
          }
          .sm\:justify-self-start {
            justify-self: flex-start;
          }
          .sm\:p-2 {
            padding: calc(var(--spacing) * 2);
          }
          .sm\:p-6 {
            padding: calc(var(--spacing) * 6);
          }
          .sm\:px-5 {
            padding-inline: calc(var(--spacing) * 5);
          }
          .sm\:px-12 {
            padding-inline: calc(var(--spacing) * 12);
          }
          .sm\:py-16 {
            padding-block: calc(var(--spacing) * 16);
          }
          .sm\:pr-0 {
            padding-right: calc(var(--spacing) * 0);
          }
          .sm\:pl-0 {
            padding-left: calc(var(--spacing) * 0);
          }
          .sm\:text-left {
            text-align: left;
          }
          .sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
          }
          .sm\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
          }
          .sm\:text-\[6px\] {
            font-size: 6px;
          }
          .sm\:text-\[10px\] {
            font-size: 10px;
          }
          .sm\:whitespace-nowrap {
            white-space: nowrap;
          }
          .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"],
          .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
            max-width: var(--container-sm);
          }
        }
        @media (min-width: 48rem) {
          .md\:-left-8 {
            left: calc(var(--spacing) * -8);
          }
          .md\:-left-10 {
            left: calc(var(--spacing) * -10);
          }
          .md\:left-7 {
            left: calc(var(--spacing) * 7);
          }
          .md\:mx-auto {
            margin-inline: auto;
          }
          .md\:block {
            display: block;
          }
          .md\:flex {
            display: flex;
          }
          .md\:hidden {
            display: none;
          }
          .md\:h-24 {
            height: calc(var(--spacing) * 24);
          }
          .md\:\!w-\[42\.5rem\] {
            width: 42.5rem !important;
          }
          .md\:w-24 {
            width: calc(var(--spacing) * 24);
          }
          .md\:w-\[88px\] {
            width: 88px;
          }
          .md\:w-\[150px\] {
            width: 150px;
          }
          .md\:w-auto {
            width: auto;
          }
          .md\:max-w-\[30vw\] {
            max-width: 30vw;
          }
          .md\:max-w-\[85\%\] {
            max-width: 85%;
          }
          .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          .md\:flex-row {
            flex-direction: row;
          }
          .md\:items-center {
            align-items: center;
          }
          .md\:items-start {
            align-items: flex-start;
          }
          .md\:gap-1\.5 {
            gap: calc(var(--spacing) * 1.5);
          }
          .md\:gap-2 {
            gap: calc(var(--spacing) * 2);
          }
          .md\:gap-3 {
            gap: calc(var(--spacing) * 3);
          }
          .md\:gap-6 {
            gap: calc(var(--spacing) * 6);
          }
          .md\:gap-y-24 {
            row-gap: calc(var(--spacing) * 24);
          }
          .md\:p-7 {
            padding: calc(var(--spacing) * 7);
          }
          .md\:px-7 {
            padding-inline: calc(var(--spacing) * 7);
          }
          .md\:px-16 {
            padding-inline: calc(var(--spacing) * 16);
          }
          .md\:py-4 {
            padding-block: calc(var(--spacing) * 4);
          }
          .md\:py-10 {
            padding-block: calc(var(--spacing) * 10);
          }
          .md\:py-20 {
            padding-block: calc(var(--spacing) * 20);
          }
          .md\:text-left {
            text-align: left;
          }
          .md\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
          }
          .md\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
          }
          .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
          }
          .md\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
          }
          .md\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
          }
          .md\:text-\[11px\] {
            font-size: 11px;
          }
          .md\:text-\[13px\] {
            font-size: 13px;
          }
        }
        @media (min-width: 64rem) {
          .lg\:ml-auto {
            margin-left: auto;
          }
          .lg\:block {
            display: block;
          }
          .lg\:hidden {
            display: none;
          }
          .lg\:h-28 {
            height: calc(var(--spacing) * 28);
          }
          .lg\:\!w-\[37\.5rem\] {
            width: 37.5rem !important;
          }
          .lg\:w-28 {
            width: calc(var(--spacing) * 28);
          }
          .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
          .lg\:flex-row {
            flex-direction: row;
          }
          .lg\:items-center {
            align-items: center;
          }
          .lg\:gap-3 {
            gap: calc(var(--spacing) * 3);
          }
          .lg\:gap-4 {
            gap: calc(var(--spacing) * 4);
          }
          .lg\:gap-8 {
            gap: calc(var(--spacing) * 8);
          }
          .lg\:pl-0 {
            padding-left: calc(var(--spacing) * 0);
          }
          .lg\:text-right {
            text-align: right;
          }
        }
        @media (min-width: 80rem) {
          .xl\:flex {
            display: flex;
          }
          .xl\:hidden {
            display: none;
          }
          .xl\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
          }
        }
        @media (prefers-color-scheme: dark) {
          .dark\:border-input {
            border-color: var(--input);
          }
          .dark\:bg-destructive\/60 {
            background-color: var(--destructive);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .dark\:bg-destructive\/60 {
              background-color: color-mix(
                in oklab,
                var(--destructive) 60%,
                transparent
              );
            }
          }
          .dark\:bg-input\/30 {
            background-color: var(--input);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .dark\:bg-input\/30 {
              background-color: color-mix(
                in oklab,
                var(--input) 30%,
                transparent
              );
            }
          }
          .dark\:text-orange-400 {
            color: var(--color-orange-400);
          }
          @media (hover: hover) {
            .dark\:hover\:bg-accent\/50:hover {
              background-color: var(--accent);
            }
            @supports (color: color-mix(in lab, red, red)) {
              .dark\:hover\:bg-accent\/50:hover {
                background-color: color-mix(
                  in oklab,
                  var(--accent) 50%,
                  transparent
                );
              }
            }
            .dark\:hover\:bg-input\/50:hover {
              background-color: var(--input);
            }
            @supports (color: color-mix(in lab, red, red)) {
              .dark\:hover\:bg-input\/50:hover {
                background-color: color-mix(
                  in oklab,
                  var(--input) 50%,
                  transparent
                );
              }
            }
          }
          .dark\:focus-visible\:ring-destructive\/40:focus-visible {
            --tw-ring-color: var(--destructive);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .dark\:focus-visible\:ring-destructive\/40:focus-visible {
              --tw-ring-color: color-mix(
                in oklab,
                var(--destructive) 40%,
                transparent
              );
            }
          }
          .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
            --tw-ring-color: var(--destructive);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
              --tw-ring-color: color-mix(
                in oklab,
                var(--destructive) 40%,
                transparent
              );
            }
          }
          .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant="destructive"]:focus {
            background-color: var(--destructive);
          }
          @supports (color: color-mix(in lab, red, red)) {
            .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant="destructive"]:focus {
              background-color: color-mix(
                in oklab,
                var(--destructive) 20%,
                transparent
              );
            }
          }
        }
        .\[\&_\:last-child\]\:mb-0 :last-child {
          margin-bottom: calc(var(--spacing) * 0);
        }
        .\[\&_br\]\:mt-4 br {
          margin-top: calc(var(--spacing) * 4);
        }
        .\[\&_br\]\:block br {
          display: block;
        }
        .\[\&_button\]\:cursor-pointer button {
          cursor: pointer;
        }
        .\[\&_p\]\:mb-0 p {
          margin-bottom: calc(var(--spacing) * 0);
        }
        .\[\&_p\]\:mb-3 p {
          margin-bottom: calc(var(--spacing) * 3);
        }
        .\[\&_p\:last-child\]\:mb-0 p:last-child {
          margin-bottom: calc(var(--spacing) * 0);
        }
        .\[\&_p\:last-child\]\:leading-normal p:last-child {
          --tw-leading: var(--leading-normal);
          line-height: var(--leading-normal);
        }
        .\[\&_svg\]\:pointer-events-none svg {
          pointer-events: none;
        }
        .\[\&_svg\]\:shrink-0 svg {
          flex-shrink: 0;
        }
        .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4
          svg:not([class*="size-"]) {
          width: calc(var(--spacing) * 4);
          height: calc(var(--spacing) * 4);
        }
        .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground
          svg:not([class*="text-"]) {
          color: var(--muted-foreground);
        }
        .\[\&_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;
        }
        .\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
          height: calc(var(--spacing) * 4);
        }
        .\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
          width: calc(var(--spacing) * 4);
        }
        .\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb {
          cursor: pointer;
        }
        .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
          border-radius: 3.40282e38px;
        }
        .\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
          border-style: var(--tw-border-style);
          border-width: 0;
        }
        .\[\&\:\:-moz-range-thumb\]\:bg-foreground::-moz-range-thumb {
          background-color: var(--foreground);
        }
        .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
          height: calc(var(--spacing) * 4);
        }
        .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
          width: calc(var(--spacing) * 4);
        }
        .\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb {
          cursor: pointer;
        }
        .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
          appearance: none;
        }
        .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
          border-radius: 3.40282e38px;
        }
        .\[\&\:\:-webkit-slider-thumb\]\:bg-foreground::-webkit-slider-thumb {
          background-color: var(--foreground);
        }
        .\[\&\:has\(\[data-has-favorite\]\)\>\*\:not\(\[data-has-favorite\]\)\]\:opacity-60:has(
            [data-has-favorite]
          )
          > :not([data-has-favorite]) {
          opacity: 0.6;
        }
        .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
          padding-right: calc(var(--spacing) * 0);
        }
        :is(
          .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"]
            > *
        ):is(svg) {
          color: var(--destructive) !important;
        }
        .\[\&\>\*\]\:flex > * {
          display: flex;
        }
        .\[\&\>\*\]\:h-7 > * {
          height: calc(var(--spacing) * 7);
        }
        .\[\&\>\*\]\:items-center > * {
          align-items: center;
        }
        .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
          --tw-translate-y: 2px;
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .\[\&\>svg\]\:size-3\.5 > svg {
          width: calc(var(--spacing) * 3.5);
          height: calc(var(--spacing) * 3.5);
        }
        .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 0;
        }
      }
      @property --tw-animation-delay {
        syntax: "*";
        inherits: false;
        initial-value: 0s;
      }
      @property --tw-animation-direction {
        syntax: "*";
        inherits: false;
        initial-value: normal;
      }
      @property --tw-animation-duration {
        syntax: "*";
        inherits: false;
      }
      @property --tw-animation-fill-mode {
        syntax: "*";
        inherits: false;
        initial-value: none;
      }
      @property --tw-animation-iteration-count {
        syntax: "*";
        inherits: false;
        initial-value: 1;
      }
      @property --tw-enter-opacity {
        syntax: "*";
        inherits: false;
        initial-value: 1;
      }
      @property --tw-enter-rotate {
        syntax: "*";
        inherits: false;
        initial-value: 0;
      }
      @property --tw-enter-scale {
        syntax: "*";
        inherits: false;
        initial-value: 1;
      }
      @property --tw-enter-translate-x {
        syntax: "*";
        inherits: false;
        initial-value: 0;
      }
      @property --tw-enter-translate-y {
        syntax: "*";
        inherits: false;
        initial-value: 0;
      }
      @property --tw-exit-opacity {
        syntax: "*";
        inherits: false;
        initial-value: 1;
      }
      @property --tw-exit-rotate {
        syntax: "*";
        inherits: false;
        initial-value: 0;
      }
      @property --tw-exit-scale {
        syntax: "*";
        inherits: false;
        initial-value: 1;
      }
      @property --tw-exit-translate-x {
        syntax: "*";
        inherits: false;
        initial-value: 0;
      }
      @property --tw-exit-translate-y {
        syntax: "*";
        inherits: false;
        initial-value: 0;
      }
      .katex {
        text-indent: 0;
        text-rendering: auto;
        font:
          1.21em/1.2 KaTeX_Main,
          Times New Roman,
          serif;
      }
      .katex * {
        border-color: currentColor;
        -ms-high-contrast-adjust: none !important;
      }
      .katex .katex-version:after {
        content: "0.16.25";
      }
      .katex .katex-mathml {
        clip: rect(1px, 1px, 1px, 1px);
        border: 0;
        width: 1px;
        height: 1px;
        padding: 0;
        position: absolute;
        overflow: hidden;
      }
      .katex .katex-html > .newline {
        display: block;
      }
      .katex .base {
        white-space: nowrap;
        width: min-content;
        position: relative;
      }
      .katex .base,
      .katex .strut {
        display: inline-block;
      }
      .katex .textbf {
        font-weight: 700;
      }
      .katex .textit {
        font-style: italic;
      }
      .katex .textrm {
        font-family: KaTeX_Main;
      }
      .katex .textsf {
        font-family: KaTeX_SansSerif;
      }
      .katex .texttt {
        font-family: KaTeX_Typewriter;
      }
      .katex .mathnormal {
        font-family: KaTeX_Math;
        font-style: italic;
      }
      .katex .mathit {
        font-family: KaTeX_Main;
        font-style: italic;
      }
      .katex .mathrm {
        font-style: normal;
      }
      .katex .mathbf {
        font-family: KaTeX_Main;
        font-weight: 700;
      }
      .katex .boldsymbol {
        font-family: KaTeX_Math;
        font-style: italic;
        font-weight: 700;
      }
      .katex .amsrm,
      .katex .mathbb,
      .katex .textbb {
        font-family: KaTeX_AMS;
      }
      .katex .mathcal {
        font-family: KaTeX_Caligraphic;
      }
      .katex .mathfrak,
      .katex .textfrak {
        font-family: KaTeX_Fraktur;
      }
      .katex .mathboldfrak,
      .katex .textboldfrak {
        font-family: KaTeX_Fraktur;
        font-weight: 700;
      }
      .katex .mathtt {
        font-family: KaTeX_Typewriter;
      }
      .katex .mathscr,
      .katex .textscr {
        font-family: KaTeX_Script;
      }
      .katex .mathsf,
      .katex .textsf {
        font-family: KaTeX_SansSerif;
      }
      .katex .mathboldsf,
      .katex .textboldsf {
        font-family: KaTeX_SansSerif;
        font-weight: 700;
      }
      .katex .mathitsf,
      .katex .mathsfit,
      .katex .textitsf {
        font-family: KaTeX_SansSerif;
        font-style: italic;
      }
      .katex .mainrm {
        font-family: KaTeX_Main;
        font-style: normal;
      }
      .katex .vlist-t {
        border-collapse: collapse;
        table-layout: fixed;
        display: inline-table;
      }
      .katex .vlist-r {
        display: table-row;
      }
      .katex .vlist {
        vertical-align: bottom;
        display: table-cell;
        position: relative;
      }
      .katex .vlist > span {
        height: 0;
        display: block;
        position: relative;
      }
      .katex .vlist > span > span {
        display: inline-block;
      }
      .katex .vlist > span > .pstrut {
        width: 0;
        overflow: hidden;
      }
      .katex .vlist-t2 {
        margin-right: -2px;
      }
      .katex .vlist-s {
        vertical-align: bottom;
        width: 2px;
        min-width: 2px;
        font-size: 1px;
        display: table-cell;
      }
      .katex .vbox {
        flex-direction: column;
        align-items: baseline;
        display: inline-flex;
      }
      .katex .hbox {
        width: 100%;
      }
      .katex .hbox,
      .katex .thinbox {
        flex-direction: row;
        display: inline-flex;
      }
      .katex .thinbox {
        width: 0;
        max-width: 0;
      }
      .katex .msupsub {
        text-align: left;
      }
      .katex .mfrac > span > span {
        text-align: center;
      }
      .katex .mfrac .frac-line {
        border-bottom-style: solid;
        width: 100%;
        display: inline-block;
      }
      .katex .hdashline,
      .katex .hline,
      .katex .mfrac .frac-line,
      .katex .overline .overline-line,
      .katex .rule,
      .katex .underline .underline-line {
        min-height: 1px;
      }
      .katex .mspace {
        display: inline-block;
      }
      .katex .clap,
      .katex .llap,
      .katex .rlap {
        width: 0;
        position: relative;
      }
      .katex .clap > .inner,
      .katex .llap > .inner,
      .katex .rlap > .inner {
        position: absolute;
      }
      .katex .clap > .fix,
      .katex .llap > .fix,
      .katex .rlap > .fix {
        display: inline-block;
      }
      .katex .llap > .inner {
        right: 0;
      }
      .katex .clap > .inner,
      .katex .rlap > .inner {
        left: 0;
      }
      .katex .clap > .inner > span {
        margin-left: -50%;
        margin-right: 50%;
      }
      .katex .rule {
        border: 0 solid;
        display: inline-block;
        position: relative;
      }
      .katex .hline,
      .katex .overline .overline-line,
      .katex .underline .underline-line {
        border-bottom-style: solid;
        width: 100%;
        display: inline-block;
      }
      .katex .hdashline {
        border-bottom-style: dashed;
        width: 100%;
        display: inline-block;
      }
      .katex .sqrt > .root {
        margin-left: 0.277778em;
        margin-right: -0.555556em;
      }
      .katex .fontsize-ensurer.reset-size1.size1,
      .katex .sizing.reset-size1.size1 {
        font-size: 1em;
      }
      .katex .fontsize-ensurer.reset-size1.size2,
      .katex .sizing.reset-size1.size2 {
        font-size: 1.2em;
      }
      .katex .fontsize-ensurer.reset-size1.size3,
      .katex .sizing.reset-size1.size3 {
        font-size: 1.4em;
      }
      .katex .fontsize-ensurer.reset-size1.size4,
      .katex .sizing.reset-size1.size4 {
        font-size: 1.6em;
      }
      .katex .fontsize-ensurer.reset-size1.size5,
      .katex .sizing.reset-size1.size5 {
        font-size: 1.8em;
      }
      .katex .fontsize-ensurer.reset-size1.size6,
      .katex .sizing.reset-size1.size6 {
        font-size: 2em;
      }
      .katex .fontsize-ensurer.reset-size1.size7,
      .katex .sizing.reset-size1.size7 {
        font-size: 2.4em;
      }
      .katex .fontsize-ensurer.reset-size1.size8,
      .katex .sizing.reset-size1.size8 {
        font-size: 2.88em;
      }
      .katex .fontsize-ensurer.reset-size1.size9,
      .katex .sizing.reset-size1.size9 {
        font-size: 3.456em;
      }
      .katex .fontsize-ensurer.reset-size1.size10,
      .katex .sizing.reset-size1.size10 {
        font-size: 4.148em;
      }
      .katex .fontsize-ensurer.reset-size1.size11,
      .katex .sizing.reset-size1.size11 {
        font-size: 4.976em;
      }
      .katex .fontsize-ensurer.reset-size2.size1,
      .katex .sizing.reset-size2.size1 {
        font-size: 0.833333em;
      }
      .katex .fontsize-ensurer.reset-size2.size2,
      .katex .sizing.reset-size2.size2 {
        font-size: 1em;
      }
      .katex .fontsize-ensurer.reset-size2.size3,
      .katex .sizing.reset-size2.size3 {
        font-size: 1.16667em;
      }
      .katex .fontsize-ensurer.reset-size2.size4,
      .katex .sizing.reset-size2.size4 {
        font-size: 1.33333em;
      }
      .katex .fontsize-ensurer.reset-size2.size5,
      .katex .sizing.reset-size2.size5 {
        font-size: 1.5em;
      }
      .katex .fontsize-ensurer.reset-size2.size6,
      .katex .sizing.reset-size2.size6 {
        font-size: 1.66667em;
      }
      .katex .fontsize-ensurer.reset-size2.size7,
      .katex .sizing.reset-size2.size7 {
        font-size: 2em;
      }
      .katex .fontsize-ensurer.reset-size2.size8,
      .katex .sizing.reset-size2.size8 {
        font-size: 2.4em;
      }
      .katex .fontsize-ensurer.reset-size2.size9,
      .katex .sizing.reset-size2.size9 {
        font-size: 2.88em;
      }
      .katex .fontsize-ensurer.reset-size2.size10,
      .katex .sizing.reset-size2.size10 {
        font-size: 3.45667em;
      }
      .katex .fontsize-ensurer.reset-size2.size11,
      .katex .sizing.reset-size2.size11 {
        font-size: 4.14667em;
      }
      .katex .fontsize-ensurer.reset-size3.size1,
      .katex .sizing.reset-size3.size1 {
        font-size: 0.714286em;
      }
      .katex .fontsize-ensurer.reset-size3.size2,
      .katex .sizing.reset-size3.size2 {
        font-size: 0.857143em;
      }
      .katex .fontsize-ensurer.reset-size3.size3,
      .katex .sizing.reset-size3.size3 {
        font-size: 1em;
      }
      .katex .fontsize-ensurer.reset-size3.size4,
      .katex .sizing.reset-size3.size4 {
        font-size: 1.14286em;
      }
      .katex .fontsize-ensurer.reset-size3.size5,
      .katex .sizing.reset-size3.size5 {
        font-size: 1.28571em;
      }
      .katex .fontsize-ensurer.reset-size3.size6,
      .katex .sizing.reset-size3.size6 {
        font-size: 1.42857em;
      }
      .katex .fontsize-ensurer.reset-size3.size7,
      .katex .sizing.reset-size3.size7 {
        font-size: 1.71429em;
      }
      .katex .fontsize-ensurer.reset-size3.size8,
      .katex .sizing.reset-size3.size8 {
        font-size: 2.05714em;
      }
      .katex .fontsize-ensurer.reset-size3.size9,
      .katex .sizing.reset-size3.size9 {
        font-size: 2.46857em;
      }
      .katex .fontsize-ensurer.reset-size3.size10,
      .katex .sizing.reset-size3.size10 {
        font-size: 2.96286em;
      }
      .katex .fontsize-ensurer.reset-size3.size11,
      .katex .sizing.reset-size3.size11 {
        font-size: 3.55429em;
      }
      .katex .fontsize-ensurer.reset-size4.size1,
      .katex .sizing.reset-size4.size1 {
        font-size: 0.625em;
      }
      .katex .fontsize-ensurer.reset-size4.size2,
      .katex .sizing.reset-size4.size2 {
        font-size: 0.75em;
      }
      .katex .fontsize-ensurer.reset-size4.size3,
      .katex .sizing.reset-size4.size3 {
        font-size: 0.875em;
      }
      .katex .fontsize-ensurer.reset-size4.size4,
      .katex .sizing.reset-size4.size4 {
        font-size: 1em;
      }
      .katex .fontsize-ensurer.reset-size4.size5,
      .katex .sizing.reset-size4.size5 {
        font-size: 1.125em;
      }
      .katex .fontsize-ensurer.reset-size4.size6,
      .katex .sizing.reset-size4.size6 {
        font-size: 1.25em;
      }
      .katex .fontsize-ensurer.reset-size4.size7,
      .katex .sizing.reset-size4.size7 {
        font-size: 1.5em;
      }
      .katex .fontsize-ensurer.reset-size4.size8,
      .katex .sizing.reset-size4.size8 {
        font-size: 1.8em;
      }
      .katex .fontsize-ensurer.reset-size4.size9,
      .katex .sizing.reset-size4.size9 {
        font-size: 2.16em;
      }
      .katex .fontsize-ensurer.reset-size4.size10,
      .katex .sizing.reset-size4.size10 {
        font-size: 2.5925em;
      }
      .katex .fontsize-ensurer.reset-size4.size11,
      .katex .sizing.reset-size4.size11 {
        font-size: 3.11em;
      }
      .katex .fontsize-ensurer.reset-size5.size1,
      .katex .sizing.reset-size5.size1 {
        font-size: 0.555556em;
      }
      .katex .fontsize-ensurer.reset-size5.size2,
      .katex .sizing.reset-size5.size2 {
        font-size: 0.666667em;
      }
      .katex .fontsize-ensurer.reset-size5.size3,
      .katex .sizing.reset-size5.size3 {
        font-size: 0.777778em;
      }
      .katex .fontsize-ensurer.reset-size5.size4,
      .katex .sizing.reset-size5.size4 {
        font-size: 0.888889em;
      }
      .katex .fontsize-ensurer.reset-size5.size5,
      .katex .sizing.reset-size5.size5 {
        font-size: 1em;
      }
      .katex .fontsize-ensurer.reset-size5.size6,
      .katex .sizing.reset-size5.size6 {
        font-size: 1.11111em;
      }
      .katex .fontsize-ensurer.reset-size5.size7,
      .katex .sizing.reset-size5.size7 {
        font-size: 1.33333em;
      }
      .katex .fontsize-ensurer.reset-size5.size8,
      .katex .sizing.reset-size5.size8 {
        font-size: 1.6em;
      }
      .katex .fontsize-ensurer.reset-size5.size9,
      .katex .sizing.reset-size5.size9 {
        font-size: 1.92em;
      }
      .katex .fontsize-ensurer.reset-size5.size10,
      .katex .sizing.reset-size5.size10 {
        font-size: 2.30444em;
      }
      .katex .fontsize-ensurer.reset-size5.size11,
      .katex .sizing.reset-size5.size11 {
        font-size: 2.76444em;
      }
      .katex .fontsize-ensurer.reset-size6.size1,
      .katex .sizing.reset-size6.size1 {
        font-size: 0.5em;
      }
      .katex .fontsize-ensurer.reset-size6.size2,
      .katex .sizing.reset-size6.size2 {
        font-size: 0.6em;
      }
      .katex .fontsize-ensurer.reset-size6.size3,
      .katex .sizing.reset-size6.size3 {
        font-size: 0.7em;
      }
      .katex .fontsize-ensurer.reset-size6.size4,
      .katex .sizing.reset-size6.size4 {
        font-size: 0.8em;
      }
      .katex .fontsize-ensurer.reset-size6.size5,
      .katex .sizing.reset-size6.size5 {
        font-size: 0.9em;
      }
      .katex .fontsize-ensurer.reset-size6.size6,
      .katex .sizing.reset-size6.size6 {
        font-size: 1em;
      }
      .katex .fontsize-ensurer.reset-size6.size7,
      .katex .sizing.reset-size6.size7 {
        font-size: 1.2em;
      }
      .katex .fontsize-ensurer.reset-size6.size8,
      .katex .sizing.reset-size6.size8 {
        font-size: 1.44em;
      }
      .katex .fontsize-ensurer.reset-size6.size9,
      .katex .sizing.reset-size6.size9 {
        font-size: 1.728em;
      }
      .katex .fontsize-ensurer.reset-size6.size10,
      .katex .sizing.reset-size6.size10 {
        font-size: 2.074em;
      }
      .katex .fontsize-ensurer.reset-size6.size11,
      .katex .sizing.reset-size6.size11 {
        font-size: 2.488em;
      }
      .katex .fontsize-ensurer.reset-size7.size1,
      .katex .sizing.reset-size7.size1 {
        font-size: 0.416667em;
      }
      .katex .fontsize-ensurer.reset-size7.size2,
      .katex .sizing.reset-size7.size2 {
        font-size: 0.5em;
      }
      .katex .fontsize-ensurer.reset-size7.size3,
      .katex .sizing.reset-size7.size3 {
        font-size: 0.583333em;
      }
      .katex .fontsize-ensurer.reset-size7.size4,
      .katex .sizing.reset-size7.size4 {
        font-size: 0.666667em;
      }
      .katex .fontsize-ensurer.reset-size7.size5,
      .katex .sizing.reset-size7.size5 {
        font-size: 0.75em;
      }
      .katex .fontsize-ensurer.reset-size7.size6,
      .katex .sizing.reset-size7.size6 {
        font-size: 0.833333em;
      }
      .katex .fontsize-ensurer.reset-size7.size7,
      .katex .sizing.reset-size7.size7 {
        font-size: 1em;
      }
      .katex .fontsize-ensurer.reset-size7.size8,
      .katex .sizing.reset-size7.size8 {
        font-size: 1.2em;
      }
      .katex .fontsize-ensurer.reset-size7.size9,
      .katex .sizing.reset-size7.size9 {
        font-size: 1.44em;
      }
      .katex .fontsize-ensurer.reset-size7.size10,
      .katex .sizing.reset-size7.size10 {
        font-size: 1.72833em;
      }
      .katex .fontsize-ensurer.reset-size7.size11,
      .katex .sizing.reset-size7.size11 {
        font-size: 2.07333em;
      }
      .katex .fontsize-ensurer.reset-size8.size1,
      .katex .sizing.reset-size8.size1 {
        font-size: 0.347222em;
      }
      .katex .fontsize-ensurer.reset-size8.size2,
      .katex .sizing.reset-size8.size2 {
        font-size: 0.416667em;
      }
      .katex .fontsize-ensurer.reset-size8.size3,
      .katex .sizing.reset-size8.size3 {
        font-size: 0.486111em;
      }
      .katex .fontsize-ensurer.reset-size8.size4,
      .katex .sizing.reset-size8.size4 {
        font-size: 0.555556em;
      }
      .katex .fontsize-ensurer.reset-size8.size5,
      .katex .sizing.reset-size8.size5 {
        font-size: 0.625em;
      }
      .katex .fontsize-ensurer.reset-size8.size6,
      .katex .sizing.reset-size8.size6 {
        font-size: 0.694444em;
      }
      .katex .fontsize-ensurer.reset-size8.size7,
      .katex .sizing.reset-size8.size7 {
        font-size: 0.833333em;
      }
      .katex .fontsize-ensurer.reset-size8.size8,
      .katex .sizing.reset-size8.size8 {
        font-size: 1em;
      }
      .katex .fontsize-ensurer.reset-size8.size9,
      .katex .sizing.reset-size8.size9 {
        font-size: 1.2em;
      }
      .katex .fontsize-ensurer.reset-size8.size10,
      .katex .sizing.reset-size8.size10 {
        font-size: 1.44028em;
      }
      .katex .fontsize-ensurer.reset-size8.size11,
      .katex .sizing.reset-size8.size11 {
        font-size: 1.72778em;
      }
      .katex .fontsize-ensurer.reset-size9.size1,
      .katex .sizing.reset-size9.size1 {
        font-size: 0.289352em;
      }
      .katex .fontsize-ensurer.reset-size9.size2,
      .katex .sizing.reset-size9.size2 {
        font-size: 0.347222em;
      }
      .katex .fontsize-ensurer.reset-size9.size3,
      .katex .sizing.reset-size9.size3 {
        font-size: 0.405093em;
      }
      .katex .fontsize-ensurer.reset-size9.size4,
      .katex .sizing.reset-size9.size4 {
        font-size: 0.462963em;
      }
      .katex .fontsize-ensurer.reset-size9.size5,
      .katex .sizing.reset-size9.size5 {
        font-size: 0.520833em;
      }
      .katex .fontsize-ensurer.reset-size9.size6,
      .katex .sizing.reset-size9.size6 {
        font-size: 0.578704em;
      }
      .katex .fontsize-ensurer.reset-size9.size7,
      .katex .sizing.reset-size9.size7 {
        font-size: 0.694444em;
      }
      .katex .fontsize-ensurer.reset-size9.size8,
      .katex .sizing.reset-size9.size8 {
        font-size: 0.833333em;
      }
      .katex .fontsize-ensurer.reset-size9.size9,
      .katex .sizing.reset-size9.size9 {
        font-size: 1em;
      }
      .katex .fontsize-ensurer.reset-size9.size10,
      .katex .sizing.reset-size9.size10 {
        font-size: 1.20023em;
      }
      .katex .fontsize-ensurer.reset-size9.size11,
      .katex .sizing.reset-size9.size11 {
        font-size: 1.43981em;
      }
      .katex .fontsize-ensurer.reset-size10.size1,
      .katex .sizing.reset-size10.size1 {
        font-size: 0.24108em;
      }
      .katex .fontsize-ensurer.reset-size10.size2,
      .katex .sizing.reset-size10.size2 {
        font-size: 0.289296em;
      }
      .katex .fontsize-ensurer.reset-size10.size3,
      .katex .sizing.reset-size10.size3 {
        font-size: 0.337512em;
      }
      .katex .fontsize-ensurer.reset-size10.size4,
      .katex .sizing.reset-size10.size4 {
        font-size: 0.385728em;
      }
      .katex .fontsize-ensurer.reset-size10.size5,
      .katex .sizing.reset-size10.size5 {
        font-size: 0.433944em;
      }
      .katex .fontsize-ensurer.reset-size10.size6,
      .katex .sizing.reset-size10.size6 {
        font-size: 0.48216em;
      }
      .katex .fontsize-ensurer.reset-size10.size7,
      .katex .sizing.reset-size10.size7 {
        font-size: 0.578592em;
      }
      .katex .fontsize-ensurer.reset-size10.size8,
      .katex .sizing.reset-size10.size8 {
        font-size: 0.694311em;
      }
      .katex .fontsize-ensurer.reset-size10.size9,
      .katex .sizing.reset-size10.size9 {
        font-size: 0.833173em;
      }
      .katex .fontsize-ensurer.reset-size10.size10,
      .katex .sizing.reset-size10.size10 {
        font-size: 1em;
      }
      .katex .fontsize-ensurer.reset-size10.size11,
      .katex .sizing.reset-size10.size11 {
        font-size: 1.19961em;
      }
      .katex .fontsize-ensurer.reset-size11.size1,
      .katex .sizing.reset-size11.size1 {
        font-size: 0.200965em;
      }
      .katex .fontsize-ensurer.reset-size11.size2,
      .katex .sizing.reset-size11.size2 {
        font-size: 0.241158em;
      }
      .katex .fontsize-ensurer.reset-size11.size3,
      .katex .sizing.reset-size11.size3 {
        font-size: 0.281351em;
      }
      .katex .fontsize-ensurer.reset-size11.size4,
      .katex .sizing.reset-size11.size4 {
        font-size: 0.321543em;
      }
      .katex .fontsize-ensurer.reset-size11.size5,
      .katex .sizing.reset-size11.size5 {
        font-size: 0.361736em;
      }
      .katex .fontsize-ensurer.reset-size11.size6,
      .katex .sizing.reset-size11.size6 {
        font-size: 0.401929em;
      }
      .katex .fontsize-ensurer.reset-size11.size7,
      .katex .sizing.reset-size11.size7 {
        font-size: 0.482315em;
      }
      .katex .fontsize-ensurer.reset-size11.size8,
      .katex .sizing.reset-size11.size8 {
        font-size: 0.578778em;
      }
      .katex .fontsize-ensurer.reset-size11.size9,
      .katex .sizing.reset-size11.size9 {
        font-size: 0.694534em;
      }
      .katex .fontsize-ensurer.reset-size11.size10,
      .katex .sizing.reset-size11.size10 {
        font-size: 0.833601em;
      }
      .katex .fontsize-ensurer.reset-size11.size11,
      .katex .sizing.reset-size11.size11 {
        font-size: 1em;
      }
      .katex .delimsizing.size1 {
        font-family: KaTeX_Size1;
      }
      .katex .delimsizing.size2 {
        font-family: KaTeX_Size2;
      }
      .katex .delimsizing.size3 {
        font-family: KaTeX_Size3;
      }
      .katex .delimsizing.size4 {
        font-family: KaTeX_Size4;
      }
      .katex .delimsizing.mult .delim-size1 > span {
        font-family: KaTeX_Size1;
      }
      .katex .delimsizing.mult .delim-size4 > span {
        font-family: KaTeX_Size4;
      }
      .katex .nulldelimiter {
        width: 0.12em;
        display: inline-block;
      }
      .katex .delimcenter,
      .katex .op-symbol {
        position: relative;
      }
      .katex .op-symbol.small-op {
        font-family: KaTeX_Size1;
      }
      .katex .op-symbol.large-op {
        font-family: KaTeX_Size2;
      }
      .katex .accent > .vlist-t,
      .katex .op-limits > .vlist-t {
        text-align: center;
      }
      .katex .accent .accent-body {
        position: relative;
      }
      .katex .accent .accent-body:not(.accent-full) {
        width: 0;
      }
      .katex .overlay {
        display: block;
      }
      .katex .mtable .vertical-separator {
        min-width: 1px;
        display: inline-block;
      }
      .katex .mtable .arraycolsep {
        display: inline-block;
      }
      .katex .mtable .col-align-c > .vlist-t {
        text-align: center;
      }
      .katex .mtable .col-align-l > .vlist-t {
        text-align: left;
      }
      .katex .mtable .col-align-r > .vlist-t {
        text-align: right;
      }
      .katex .svg-align {
        text-align: left;
      }
      .katex svg {
        fill: currentColor;
        stroke: currentColor;
        fill-rule: nonzero;
        fill-opacity: 1;
        stroke-width: 1px;
        stroke-linecap: butt;
        stroke-linejoin: miter;
        stroke-miterlimit: 4;
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        stroke-opacity: 1;
        height: inherit;
        width: 100%;
        display: block;
        position: absolute;
      }
      .katex svg path {
        stroke: none;
      }
      .katex img {
        border-style: none;
        min-width: 0;
        max-width: none;
        min-height: 0;
        max-height: none;
      }
      .katex .stretchy {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
      }
      .katex .stretchy:after,
      .katex .stretchy:before {
        content: "";
      }
      .katex .hide-tail {
        width: 100%;
        position: relative;
        overflow: hidden;
      }
      .katex .halfarrow-left {
        width: 50.2%;
        position: absolute;
        left: 0;
        overflow: hidden;
      }
      .katex .halfarrow-right {
        width: 50.2%;
        position: absolute;
        right: 0;
        overflow: hidden;
      }
      .katex .brace-left {
        width: 25.1%;
        position: absolute;
        left: 0;
        overflow: hidden;
      }
      .katex .brace-center {
        width: 50%;
        position: absolute;
        left: 25%;
        overflow: hidden;
      }
      .katex .brace-right {
        width: 25.1%;
        position: absolute;
        right: 0;
        overflow: hidden;
      }
      .katex .x-arrow-pad {
        padding: 0 0.5em;
      }
      .katex .cd-arrow-pad {
        padding: 0 0.55556em 0 0.27778em;
      }
      .katex .mover,
      .katex .munder,
      .katex .x-arrow {
        text-align: center;
      }
      .katex .boxpad {
        padding: 0 0.3em;
      }
      .katex .fbox,
      .katex .fcolorbox {
        box-sizing: border-box;
        border: 0.04em solid;
      }
      .katex .cancel-pad {
        padding: 0 0.2em;
      }
      .katex .cancel-lap {
        margin-left: -0.2em;
        margin-right: -0.2em;
      }
      .katex .sout {
        border-bottom-style: solid;
        border-bottom-width: 0.08em;
      }
      .katex .angl {
        box-sizing: border-box;
        border-top: 0.049em solid;
        border-right: 0.049em solid;
        margin-right: 0.03889em;
      }
      .katex .anglpad {
        padding: 0 0.03889em;
      }
      .katex .eqn-num:before {
        content: "(" counter(katexEqnNo) ")";
        counter-increment: katexEqnNo;
      }
      .katex .mml-eqn-num:before {
        content: "(" counter(mmlEqnNo) ")";
        counter-increment: mmlEqnNo;
      }
      .katex .mtr-glue {
        width: 50%;
      }
      .katex .cd-vert-arrow {
        display: inline-block;
        position: relative;
      }
      .katex .cd-label-left {
        text-align: left;
        display: inline-block;
        position: absolute;
        right: calc(50% + 0.3em);
      }
      .katex .cd-label-right {
        text-align: right;
        display: inline-block;
        position: absolute;
        left: calc(50% + 0.3em);
      }
      .katex-display {
        text-align: center;
        margin: 1em 0;
        display: block;
      }
      .katex-display > .katex {
        text-align: center;
        white-space: nowrap;
        display: block;
      }
      .katex-display > .katex > .katex-html {
        display: block;
        position: relative;
      }
      .katex-display > .katex > .katex-html > .tag {
        position: absolute;
        right: 0;
      }
      .katex-display.leqno > .katex > .katex-html > .tag {
        left: 0;
        right: auto;
      }
      .katex-display.fleqn > .katex {
        text-align: left;
        padding-left: 2em;
      }
      body {
        counter-reset: katexEqnNo mmlEqnNo;
      }
      :root {
        --background: #e2e3d8;
        --foreground: oklch(0.1496 0 0);
        --secondary: oklch(0.5348 0 0/0.85);
        --diagram-secondary: oklch(0.38 0 0);
        --radius: 0.625rem;
        --card: oklch(1 0 0);
        --card-foreground: oklch(0.145 0 0);
        --popover: oklch(1 0 0);
        --popover-foreground: oklch(0.145 0 0);
        --primary: oklch(0.205 0 0);
        --primary-foreground: oklch(0.985 0 0);
        --secondary-foreground: oklch(0.205 0 0);
        --muted: oklch(0.97 0 0);
        --muted-foreground: oklch(0.556 0 0);
        --accent: oklch(0.97 0 0);
        --accent-foreground: oklch(0.205 0 0);
        --destructive: oklch(0.577 0.245 27.325);
        --border: #c1c2bc;
        --input: oklch(0.922 0 0);
        --ring: oklch(0.708 0 0);
        --chart-1: oklch(0.646 0.222 41.116);
        --chart-2: oklch(0.6 0.118 184.704);
        --chart-3: oklch(0.398 0.07 227.392);
        --chart-4: oklch(0.828 0.189 84.429);
        --chart-5: oklch(0.769 0.188 70.08);
        --sidebar: oklch(0.985 0 0);
        --sidebar-foreground: oklch(0.145 0 0);
        --sidebar-primary: oklch(0.205 0 0);
        --sidebar-primary-foreground: oklch(0.985 0 0);
        --sidebar-accent: oklch(0.97 0 0);
        --sidebar-accent-foreground: oklch(0.205 0 0);
        --sidebar-border: oklch(0.922 0 0);
        --sidebar-ring: oklch(0.708 0 0);
      }
      ::selection {
        background-color: var(--color-zinc-300);
      }
      [data-slot="table-row"]:has(.suppress-row-hover:hover) {
        background-color: #0000 !important;
      }
      h1,
      h2,
      h3,
      h4 {
        scroll-margin-top: 4.5rem;
      }
      html {
        scroll-behavior: smooth;
      }
      .wrap-code pre {
        word-break: break-word;
        white-space: pre-wrap !important;
      }
      .mdx-hide-anchors .group > a[aria-label="Permalink to this section"] {
        display: none;
      }
      p > span + em {
        margin-top: calc(var(--spacing) * 2);
        margin-bottom: calc(var(--spacing) * 8);
        text-align: center;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--secondary);
        font-style: italic;
        display: block;
      }
      [data-carousel] p,
      [data-carousel] p > span + em {
        margin-bottom: calc(var(--spacing) * 0);
      }
      ol {
        list-style-type: decimal;
      }
      ol ol {
        list-style-type: lower-alpha;
      }
      ol ol ol {
        list-style-type: lower-roman;
      }
      ol ol ol ol {
        list-style-type: decimal;
      }
      ol ol ol ol ol {
        list-style-type: lower-alpha;
      }
      ol[start] {
        list-style-type: decimal;
      }
      ol ol,
      ol ul,
      ul ol,
      ul ul {
        margin-top: calc(var(--spacing) * 2);
      }
      strong {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
      ol[type="A"] {
        list-style-type: upper-alpha !important;
      }
      table {
        border-collapse: collapse;
        width: 100%;
        font-family: var(--font-mono, ui-monospace, monospace);
        margin-bottom: 1.25rem;
        font-size: 0.8125rem;
      }
      thead {
        border-bottom: 1px solid #00000026;
      }
      th {
        text-align: left;
        color: var(--secondary);
        font-size: 0.75rem;
        font-weight: 600;
      }
      td,
      th {
        padding: 0.375rem 0.75rem;
      }
      td {
        font-size: 0.8125rem;
      }
      tbody tr {
        border-bottom: 1px solid #0000000d;
      }
      tbody tr:last-child {
        border-bottom: none;
      }
      pre code {
        color: inherit;
        background: 0 0;
        padding: 0;
      }
      figure[data-rehype-pretty-code-figure] {
        margin-bottom: 1.25rem;
      }
      figure[data-rehype-pretty-code-figure] pre {
        background: #1e1e2e;
        padding: 1rem;
        font-size: 0.875rem;
        line-height: 1.625;
        overflow-x: auto;
      }
      figure[data-rehype-pretty-code-figure] pre code {
        font-size: inherit;
        color: inherit;
        background: 0 0;
        padding: 0;
      }
      figure[data-rehype-pretty-code-figure] code [data-line] {
        padding: 0 1rem;
      }
      figure[data-rehype-pretty-code-figure] code [data-highlighted-line] {
        background: #ffffff0f;
      }
      [data-sonner-toast],
      [data-sonner-toaster] [data-sonner-toast] {
        box-shadow: none !important;
        border-radius: 0 !important;
      }
      .bg-checkerboard {
        background-color: #fff;
        background-image:
          linear-gradient(45deg, #e0e0e0 25%, #0000 0),
          linear-gradient(-45deg, #e0e0e0 25%, #0000 0),
          linear-gradient(45deg, #0000 75%, #e0e0e0 0),
          linear-gradient(-45deg, #0000 75%, #e0e0e0 0);
        background-position:
          0 0,
          0 6px,
          6px -6px,
          -6px 0;
        background-size: 12px 12px;
      }
      @media (prefers-color-scheme: dark) {
        .bg-checkerboard {
          background-color: #222;
          background-image:
            linear-gradient(45deg, #333 25%, #0000 0),
            linear-gradient(-45deg, #333 25%, #0000 0),
            linear-gradient(45deg, #0000 75%, #333 0),
            linear-gradient(-45deg, #0000 75%, #333 0);
        }
      }
      @keyframes wiggle {
        0%,
        to {
          transform: rotate(0);
        }
        20% {
          transform: rotate(-12deg);
        }
        40% {
          transform: rotate(10deg);
        }
        60% {
          transform: rotate(-6deg);
        }
        80% {
          transform: rotate(4deg);
        }
      }
      @keyframes wiggle-gentle {
        0%,
        to {
          transform: rotate(0);
        }
        20% {
          transform: rotate(-7deg);
        }
        40% {
          transform: rotate(5deg);
        }
        60% {
          transform: rotate(-3deg);
        }
        80% {
          transform: rotate(2deg);
        }
      }
      @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-divide-x-reverse {
        syntax: "*";
        inherits: false;
        initial-value: 0;
      }
      @property --tw-border-style {
        syntax: "*";
        inherits: false;
        initial-value: solid;
      }
      @property --tw-divide-y-reverse {
        syntax: "*";
        inherits: false;
        initial-value: 0;
      }
      @property --tw-gradient-position {
        syntax: "*";
        inherits: false;
      }
      @property --tw-gradient-from {
        syntax: "<color>";
        inherits: false;
        initial-value: #0000;
      }
      @property --tw-gradient-via {
        syntax: "<color>";
        inherits: false;
        initial-value: #0000;
      }
      @property --tw-gradient-to {
        syntax: "<color>";
        inherits: false;
        initial-value: #0000;
      }
      @property --tw-gradient-stops {
        syntax: "*";
        inherits: false;
      }
      @property --tw-gradient-via-stops {
        syntax: "*";
        inherits: false;
      }
      @property --tw-gradient-from-position {
        syntax: "<length-percentage>";
        inherits: false;
        initial-value: 0;
      }
      @property --tw-gradient-via-position {
        syntax: "<length-percentage>";
        inherits: false;
        initial-value: 50%;
      }
      @property --tw-gradient-to-position {
        syntax: "<length-percentage>";
        inherits: false;
        initial-value: 100%;
      }
      @property --tw-leading {
        syntax: "*";
        inherits: false;
      }
      @property --tw-font-weight {
        syntax: "*";
        inherits: false;
      }
      @property --tw-tracking {
        syntax: "*";
        inherits: false;
      }
      @property --tw-ordinal {
        syntax: "*";
        inherits: false;
      }
      @property --tw-slashed-zero {
        syntax: "*";
        inherits: false;
      }
      @property --tw-numeric-figure {
        syntax: "*";
        inherits: false;
      }
      @property --tw-numeric-spacing {
        syntax: "*";
        inherits: false;
      }
      @property --tw-numeric-fraction {
        syntax: "*";
        inherits: false;
      }
      @property --tw-shadow {
        syntax: "*";
        inherits: false;
        initial-value: 0 0 #0000;
      }
      @property --tw-shadow-color {
        syntax: "*";
        inherits: false;
      }
      @property --tw-shadow-alpha {
        syntax: "<percentage>";
        inherits: false;
        initial-value: 100%;
      }
      @property --tw-inset-shadow {
        syntax: "*";
        inherits: false;
        initial-value: 0 0 #0000;
      }
      @property --tw-inset-shadow-color {
        syntax: "*";
        inherits: false;
      }
      @property --tw-inset-shadow-alpha {
        syntax: "<percentage>";
        inherits: false;
        initial-value: 100%;
      }
      @property --tw-ring-color {
        syntax: "*";
        inherits: false;
      }
      @property --tw-ring-shadow {
        syntax: "*";
        inherits: false;
        initial-value: 0 0 #0000;
      }
      @property --tw-inset-ring-color {
        syntax: "*";
        inherits: false;
      }
      @property --tw-inset-ring-shadow {
        syntax: "*";
        inherits: false;
        initial-value: 0 0 #0000;
      }
      @property --tw-ring-inset {
        syntax: "*";
        inherits: false;
      }
      @property --tw-ring-offset-width {
        syntax: "<length>";
        inherits: false;
        initial-value: 0;
      }
      @property --tw-ring-offset-color {
        syntax: "*";
        inherits: false;
        initial-value: #fff;
      }
      @property --tw-ring-offset-shadow {
        syntax: "*";
        inherits: false;
        initial-value: 0 0 #0000;
      }
      @property --tw-outline-style {
        syntax: "*";
        inherits: false;
        initial-value: solid;
      }
      @property --tw-blur {
        syntax: "*";
        inherits: false;
      }
      @property --tw-brightness {
        syntax: "*";
        inherits: false;
      }
      @property --tw-contrast {
        syntax: "*";
        inherits: false;
      }
      @property --tw-grayscale {
        syntax: "*";
        inherits: false;
      }
      @property --tw-hue-rotate {
        syntax: "*";
        inherits: false;
      }
      @property --tw-invert {
        syntax: "*";
        inherits: false;
      }
      @property --tw-opacity {
        syntax: "*";
        inherits: false;
      }
      @property --tw-saturate {
        syntax: "*";
        inherits: false;
      }
      @property --tw-sepia {
        syntax: "*";
        inherits: false;
      }
      @property --tw-drop-shadow {
        syntax: "*";
        inherits: false;
      }
      @property --tw-drop-shadow-color {
        syntax: "*";
        inherits: false;
      }
      @property --tw-drop-shadow-alpha {
        syntax: "<percentage>";
        inherits: false;
        initial-value: 100%;
      }
      @property --tw-drop-shadow-size {
        syntax: "*";
        inherits: false;
      }
      @property --tw-backdrop-blur {
        syntax: "*";
        inherits: false;
      }
      @property --tw-backdrop-brightness {
        syntax: "*";
        inherits: false;
      }
      @property --tw-backdrop-contrast {
        syntax: "*";
        inherits: false;
      }
      @property --tw-backdrop-grayscale {
        syntax: "*";
        inherits: false;
      }
      @property --tw-backdrop-hue-rotate {
        syntax: "*";
        inherits: false;
      }
      @property --tw-backdrop-invert {
        syntax: "*";
        inherits: false;
      }
      @property --tw-backdrop-opacity {
        syntax: "*";
        inherits: false;
      }
      @property --tw-backdrop-saturate {
        syntax: "*";
        inherits: false;
      }
      @property --tw-backdrop-sepia {
        syntax: "*";
        inherits: false;
      }
      @property --tw-duration {
        syntax: "*";
        inherits: false;
      }
      @property --tw-ease {
        syntax: "*";
        inherits: false;
      }
      @property --tw-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: "";
      }
      @keyframes spin {
        to {
          transform: rotate(1turn);
        }
      }
      @keyframes pulse {
        50% {
          opacity: 0.5;
        }
      }
      @keyframes enter {
        0% {
          opacity: var(--tw-enter-opacity, 1);
          transform: translate3d(
              var(--tw-enter-translate-x, 0),
              var(--tw-enter-translate-y, 0),
              0
            )
            scale3d(
              var(--tw-enter-scale, 1),
              var(--tw-enter-scale, 1),
              var(--tw-enter-scale, 1)
            )
            rotate(var(--tw-enter-rotate, 0));
        }
      }
      @keyframes exit {
        to {
          opacity: var(--tw-exit-opacity, 1);
          transform: translate3d(
              var(--tw-exit-translate-x, 0),
              var(--tw-exit-translate-y, 0),
              0
            )
            scale3d(
              var(--tw-exit-scale, 1),
              var(--tw-exit-scale, 1),
              var(--tw-exit-scale, 1)
            )
            rotate(var(--tw-exit-rotate, 0));
        }
      }
      @keyframes fadeReveal {
        from {
          opacity: 0;
          filter: blur(8px);
          transform: translateY(20px);
        }
        to {
          opacity: 1;
          filter: blur(0);
          transform: translateY(0);
        }
      }
      section.reveal,
      hr.reveal,
      article.reveal {
        opacity: 1;
        transform: none;
        filter: none;
      }

      html.js section.reveal,
      html.js hr.reveal,
      html.js article.reveal {
        opacity: 0;
        animation: fadeReveal 0.7s ease-out forwards;
        animation-play-state: paused;
      }

      html.js section.reveal.visible,
      html.js hr.reveal.visible,
      html.js article.reveal.visible {
        animation-play-state: running;
      }

      html {
        color-scheme: light;
        scroll-behavior: smooth;
      }
      body {
        overflow-x: hidden;
        -webkit-tap-highlight-color: rgba(24, 24, 27, 0.12);
      }
      main {
        scroll-margin-top: 4.5rem;
      }
      a {
        touch-action: manipulation;
      }
      a:focus-visible,
      button:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 4px;
      }
      .skip-link {
        position: fixed;
        left: 1rem;
        top: 1rem;
        z-index: 100;
        transform: translateY(-150%);
        background: white;
        color: black;
        padding: 0.5rem 0.75rem;
        border: 1px solid currentColor;
        font-size: 0.875rem;
      }
      .skip-link:focus-visible {
        transform: translateY(0);
      }
      nav {
        padding-top: env(safe-area-inset-top);
      }
      .link,
      h1,
      h2,
      h3 {
        text-wrap: balance;
      }
      p,
      .text-secondary {
        text-wrap: pretty;
      }
      img {
        max-width: 100%;
      }
      img.object-cover {
        outline: 1px solid rgba(0, 0, 0, 0.1);
        outline-offset: -1px;
      }
      article a,
      nav a {
        min-height: 40px;
      }
      [aria-hidden="true"] {
        pointer-events: none;
      }
      a svg {
        transition-property: color, opacity, transform;
        transition-duration: 200ms;
        transition-timing-function: ease-out;
      }
      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }
        *,
        ::before,
        ::after {
          animation-duration: 0.001ms !important;
          animation-iteration-count: 1 !important;
          scroll-behavior: auto !important;
          transition-duration: 0.001ms !important;
        }
        section.reveal,
        hr.reveal,
        article.reveal {
          animation: none !important;
          opacity: 1 !important;
          transform: none !important;
          filter: none !important;
        }
      }
      * {
        scrollbar-width: thin;
        scrollbar-color: color-mix(in oklab, var(--foreground) 45%, var(--background))
          var(--background);
      }
      *::-webkit-scrollbar {
        width: 10px;
        height: 10px;
      }
      *::-webkit-scrollbar-track {
        background: var(--background);
      }
      *::-webkit-scrollbar-thumb {
        background: color-mix(in oklab, var(--foreground) 32%, var(--background));
        border: 3px solid var(--background);
        border-radius: 999px;
      }
      *::-webkit-scrollbar-thumb:hover {
        background: color-mix(in oklab, var(--foreground) 48%, var(--background));
      }
      *::-webkit-scrollbar-corner {
        background: var(--background);
      }