@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");
  unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/81f44dd2e4d3cabf-s.woff2) format("woff2");
  unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");
  unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/3916ba59bc59a9e6-s.woff2) format("woff2");
  unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/40d40f0f334d7ad1-s.p.woff2) format("woff2");
  unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");
  unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/81f44dd2e4d3cabf-s.woff2) format("woff2");
  unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");
  unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/3916ba59bc59a9e6-s.woff2) format("woff2");
  unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/40d40f0f334d7ad1-s.p.woff2) format("woff2");
  unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");
  unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/81f44dd2e4d3cabf-s.woff2) format("woff2");
  unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");
  unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/3916ba59bc59a9e6-s.woff2) format("woff2");
  unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/40d40f0f334d7ad1-s.p.woff2) format("woff2");
  unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");
  unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/81f44dd2e4d3cabf-s.woff2) format("woff2");
  unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");
  unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/3916ba59bc59a9e6-s.woff2) format("woff2");
  unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/40d40f0f334d7ad1-s.p.woff2) format("woff2");
  unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");
  unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/81f44dd2e4d3cabf-s.woff2) format("woff2");
  unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");
  unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/3916ba59bc59a9e6-s.woff2) format("woff2");
  unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/40d40f0f334d7ad1-s.p.woff2) format("woff2");
  unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
  font-family: Nunito Fallback;
  src: local("Arial");
  ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}

.__className_0ceae2 {
  font-family: Nunito,Nunito Fallback;
  font-style: normal
}

.__variable_0ceae2 {
  --font-nunito: "Nunito","Nunito Fallback"
}

/*! tailwindcss v4.1.7 | 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-scale-x: 1;
          --tw-scale-y: 1;
          --tw-scale-z: 1;
          --tw-rotate-x: initial;
          --tw-rotate-y: initial;
          --tw-rotate-z: initial;
          --tw-skew-x: initial;
          --tw-skew-y: initial;
          --tw-scroll-snap-strictness: proximity;
          --tw-space-y-reverse: 0;
          --tw-space-x-reverse: 0;
          --tw-divide-y-reverse: 0;
          --tw-border-style: solid;
          --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-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
      }
  }
}

@layer theme {
  :host,:root {
      --font-serif: var(--font-serif);
      --font-mono: var(--font-mono);
      --color-red-50: oklch(97.1% .013 17.38);
      --color-red-100: oklch(93.6% .032 17.717);
      --color-red-200: oklch(88.5% .062 18.334);
      --color-red-500: oklch(63.7% .237 25.331);
      --color-red-600: oklch(57.7% .245 27.325);
      --color-red-700: oklch(50.5% .213 27.518);
      --color-orange-50: oklch(98% .016 73.684);
      --color-orange-200: oklch(90.1% .076 70.697);
      --color-orange-400: oklch(75% .183 55.934);
      --color-orange-500: oklch(70.5% .213 47.604);
      --color-orange-600: oklch(64.6% .222 41.116);
      --color-orange-800: oklch(47% .157 37.304);
      --color-orange-900: oklch(40.8% .123 38.172);
      --color-orange-950: oklch(26.6% .079 36.259);
      --color-amber-100: oklch(96.2% .059 95.617);
      --color-amber-200: oklch(92.4% .12 95.746);
      --color-amber-300: oklch(87.9% .169 91.605);
      --color-amber-600: oklch(66.6% .179 58.318);
      --color-yellow-50: oklch(98.7% .026 102.212);
      --color-yellow-100: oklch(97.3% .071 103.193);
      --color-yellow-200: oklch(94.5% .129 101.54);
      --color-yellow-300: oklch(90.5% .182 98.111);
      --color-yellow-400: oklch(85.2% .199 91.936);
      --color-yellow-500: oklch(79.5% .184 86.047);
      --color-yellow-600: oklch(68.1% .162 75.834);
      --color-yellow-700: oklch(55.4% .135 66.442);
      --color-yellow-800: oklch(47.6% .114 61.907);
      --color-yellow-900: oklch(42.1% .095 57.708);
      --color-yellow-950: oklch(28.6% .066 53.813);
      --color-green-50: oklch(98.2% .018 155.826);
      --color-green-100: oklch(96.2% .044 156.743);
      --color-green-200: oklch(92.5% .084 155.995);
      --color-green-500: oklch(72.3% .219 149.579);
      --color-green-600: oklch(62.7% .194 149.214);
      --color-green-700: oklch(52.7% .154 150.069);
      --color-green-800: oklch(44.8% .119 151.328);
      --color-green-900: oklch(39.3% .095 152.535);
      --color-blue-50: oklch(97% .014 254.604);
      --color-blue-100: oklch(93.2% .032 255.585);
      --color-blue-200: oklch(88.2% .059 254.128);
      --color-blue-300: oklch(80.9% .105 251.813);
      --color-blue-400: oklch(70.7% .165 254.624);
      --color-blue-500: oklch(62.3% .214 259.815);
      --color-blue-600: oklch(54.6% .245 262.881);
      --color-blue-700: oklch(48.8% .243 264.376);
      --color-blue-800: oklch(42.4% .199 265.638);
      --color-blue-950: oklch(28.2% .091 267.935);
      --color-purple-500: oklch(62.7% .265 303.9);
      --color-gray-100: oklch(96.7% .003 264.542);
      --color-gray-200: oklch(92.8% .006 264.531);
      --color-gray-300: oklch(87.2% .01 258.338);
      --color-gray-400: oklch(70.7% .022 261.325);
      --color-gray-500: oklch(55.1% .027 264.364);
      --color-gray-600: oklch(44.6% .03 256.802);
      --color-gray-900: oklch(21% .034 264.665);
      --color-black: #000;
      --color-white: #fff;
      --spacing: .25rem;
      --breakpoint-sm: 40rem;
      --container-xs: 20rem;
      --container-sm: 24rem;
      --container-md: 28rem;
      --container-lg: 32rem;
      --container-2xl: 42rem;
      --container-4xl: 56rem;
      --container-5xl: 64rem;
      --text-xs: .75rem;
      --text-xs--line-height: calc(1/.75);
      --text-sm: .875rem;
      --text-sm--line-height: calc(1.25/.875);
      --text-base: 1rem;
      --text-base--line-height: calc(1.5/1);
      --text-lg: 1.125rem;
      --text-lg--line-height: calc(1.75/1.125);
      --text-xl: 1.25rem;
      --text-xl--line-height: calc(1.75/1.25);
      --text-2xl: 1.5rem;
      --text-2xl--line-height: calc(2/1.5);
      --text-3xl: 1.875rem;
      --text-3xl--line-height: calc(2.25/1.875);
      --text-4xl: 2.25rem;
      --text-4xl--line-height: calc(2.5/2.25);
      --text-8xl: 6rem;
      --text-8xl--line-height: 1;
      --text-9xl: 8rem;
      --text-9xl--line-height: 1;
      --font-weight-normal: 400;
      --font-weight-medium: 500;
      --font-weight-semibold: 600;
      --font-weight-bold: 700;
      --tracking-tight: -.025em;
      --tracking-wider: .05em;
      --tracking-widest: .1em;
      --leading-tight: 1.25;
      --leading-relaxed: 1.625;
      --radius-xs: .125rem;
      --shadow-2xs: var(--shadow-2xs);
      --shadow-xs: var(--shadow-xs);
      --shadow-sm: var(--shadow-sm);
      --shadow-md: var(--shadow-md);
      --shadow-lg: var(--shadow-lg);
      --shadow-xl: var(--shadow-xl);
      --shadow-2xl: var(--shadow-2xl);
      --ease-out: cubic-bezier(0,0,.2,1);
      --ease-in-out: cubic-bezier(.4,0,.2,1);
      --animate-spin: spin 1s linear infinite;
      --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite;
      --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
      --blur-sm: 8px;
      --blur-md: 12px;
      --default-transition-duration: .15s;
      --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
      --default-font-family: var(--font-nunito),sans-serif;
      --default-mono-font-family: var(--font-mono);
      --shadow: var(--shadow)
  }
}

@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: -.25em
  }

  sup {
      top: -.5em
  }

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

  :-moz-focusring {
      outline: auto
  }

  progress {
      vertical-align: baseline
  }

  summary {
      display: list-item
  }

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

  body {
      background-color: var(--background);
      font-family: var(--font-nunito),sans-serif;
      color: var(--foreground)
  }

  .chapter-link:visited:not(.read-chapter) .font-medium {
      color: var(--primary)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .chapter-link:visited:not(.read-chapter) .font-medium {
          color:color-mix(in oklab,var(--primary)70%,transparent)
      }
  }

  .chapter-link:visited:not(.read-chapter) {
      opacity: .8
  }

  .scrollbar-thin {
      scrollbar-width: thin
  }

  .scrollbar-thin::-webkit-scrollbar {
      width: 6px
  }

  .scrollbar-thin::-webkit-scrollbar-track {
      background: 0 0
  }

  .scrollbar-thin::-webkit-scrollbar-thumb {
      background-color: hsl(var(--border));
      border-radius: 3px
  }

  .scrollbar-thin::-webkit-scrollbar-thumb:hover {
      background-color: hsl(var(--border)/.8)
  }

  .scrollbar-hidden {
      scrollbar-width: none;
      -ms-overflow-style: none
  }

  .scrollbar-hidden::-webkit-scrollbar {
      display: none
  }

  @keyframes loading-dots {
      0%,20% {
          opacity: .4;
          transform: scale(.8)
      }

      50% {
          opacity: 1;
          transform: scale(1)
      }

      80%,to {
          opacity: .4;
          transform: scale(.8)
      }
  }

  .loading-dot-1 {
      animation: loading-dots 1.5s infinite
  }

  .loading-dot-2 {
      animation: loading-dots 1.5s .2s infinite
  }

  .loading-dot-3 {
      animation: loading-dots 1.5s .4s infinite
  }
}

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

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

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

  .sticky {
      position: sticky
  }

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

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

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

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

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

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

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

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

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

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

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

  .top-\[50\%\] {
      top: 50%
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .left-\[50\%\] {
      left: 50%
  }

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

  .z-0 {
      z-index: 0
  }

  .z-10 {
      z-index: 10
  }

  .z-40 {
      z-index: 40
  }

  .z-50 {
      z-index: 50
  }

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

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

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

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

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

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

  .container {
      width: 100%
  }

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

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

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

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

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

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

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

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

  .mx-auto {
      margin-inline: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-auto {
      margin-top: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ml-auto {
      margin-left: auto
  }

  .line-clamp-1 {
      -webkit-line-clamp: 1
  }

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

  .line-clamp-2 {
      -webkit-line-clamp: 2
  }

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

  .block {
      display: block
  }

  .flex {
      display: flex
  }

  .grid {
      display: grid
  }

  .hidden {
      display: none
  }

  .inline {
      display: inline
  }

  .inline-flex {
      display: inline-flex
  }

  .table {
      display: table
  }

  .aspect-\[2\/3\] {
      aspect-ratio: 2/3
  }

  .aspect-\[3\/4\] {
      aspect-ratio: 3/4
  }

  .aspect-square {
      aspect-ratio: 1
  }

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

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

  .size-3\.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-8 {
      width: calc(var(--spacing)*8);
      height: calc(var(--spacing)*8)
  }

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

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

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

  .h-1\/12 {
      height: 8.33333%
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[1\.15rem\] {
      height: 1.15rem
  }

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

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

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

  .h-\[var\(--radix-select-trigger-height\)\] {
      height: var(--radix-select-trigger-height)
  }

  .h-auto {
      height: auto
  }

  .h-full {
      height: 100%
  }

  .h-px {
      height: 1px
  }

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

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

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

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

  .max-h-\[2\.5rem\] {
      max-height: 2.5rem
  }

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

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

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

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

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

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

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

  .min-h-\[80vh\] {
      min-height: 80vh
  }

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

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

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

  .min-h-\[calc\(100vh-200px\)\] {
      min-height: calc(100vh - 200px)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[calc\(50\%-8px\)\] {
      width: calc(50% - 8px)
  }

  .w-auto {
      width: auto
  }

  .w-fit {
      width: fit-content
  }

  .w-full {
      width: 100%
  }

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

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

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

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

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

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

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

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

  .max-w-screen-sm {
      max-width: var(--breakpoint-sm)
  }

  .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-\[32px\] {
      min-width: 32px
  }

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

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

  .flex-1 {
      flex: 1
  }

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

  .flex-grow,.grow {
      flex-grow: 1
  }

  .grow-0 {
      flex-grow: 0
  }

  .basis-full {
      flex-basis: 100%
  }

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

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

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

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

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

  .-translate-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-full {
      translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-full {
      --tw-translate-y: -100%
  }

  .translate-y-0 {
      --tw-translate-y: calc(var(--spacing)*0)
  }

  .translate-y-0,.translate-y-0\.5 {
      translate: var(--tw-translate-x)var(--tw-translate-y)
  }

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

  .translate-y-\[-50\%\] {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x)var(--tw-translate-y)
  }

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

  .scale-95 {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%
  }

  .scale-100,.scale-95 {
      scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%
  }

  .scale-110 {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .rotate-45 {
      rotate: 45deg
  }

  .rotate-90 {
      rotate: 90deg
  }

  .rotate-180 {
      rotate: 180deg
  }

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

  .animate-in {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)
  }

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

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

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

  .cursor-default {
      cursor: default
  }

  .cursor-pointer {
      cursor: pointer
  }

  .touch-manipulation {
      touch-action: manipulation
  }

  .touch-none {
      touch-action: none
  }

  .resize {
      resize: both
  }

  .resize-none {
      resize: none
  }

  .snap-x {
      scroll-snap-type: x var(--tw-scroll-snap-strictness)
  }

  .snap-start {
      scroll-snap-align: start
  }

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

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

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

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

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

  .grid-rows-\[auto_auto\] {
      grid-template-rows: auto auto
  }

  .flex-col {
      flex-direction: column
  }

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

  .flex-row {
      flex-direction: row
  }

  .flex-wrap {
      flex-wrap: wrap
  }

  .items-center {
      align-items: center
  }

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

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

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

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

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

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

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

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

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

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

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

  :where(.space-x-6>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-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)))
  }

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

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

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

  .overflow-auto {
      overflow: auto
  }

  .overflow-hidden {
      overflow: hidden
  }

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

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

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

  .overscroll-contain {
      overscroll-behavior: contain
  }

  .scroll-smooth {
      scroll-behavior: smooth
  }

  .rounded {
      border-radius: .25rem
  }

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

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

  .rounded-full {
      border-radius: 3.40282e+38px
  }

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

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

  .rounded-none {
      border-radius: 0
  }

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

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

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

  .rounded-tl {
      border-top-left-radius: .25rem
  }

  .rounded-br {
      border-bottom-right-radius: .25rem
  }

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

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

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

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

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

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

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

  .border-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-none {
      --tw-border-style: none;
      border-style: none
  }

  .border-amber-300 {
      border-color: var(--color-amber-300)
  }

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

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

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

  .border-current {
      border-color: currentColor
  }

  .border-gray-300 {
      border-color: var(--color-gray-300)
  }

  .border-green-200 {
      border-color: var(--color-green-200)
  }

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

  .border-muted {
      border-color: var(--muted)
  }

  .border-muted-foreground\/25 {
      border-color: var(--muted-foreground)
  }

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

  .border-orange-200 {
      border-color: var(--color-orange-200)
  }

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

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

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

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

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

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

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

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

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

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

  .border-white {
      border-color: var(--color-white)
  }

  .border-yellow-200 {
      border-color: var(--color-yellow-200)
  }

  .border-yellow-300 {
      border-color: var(--color-yellow-300)
  }

  .border-t-transparent {
      border-top-color: #0000
  }

  .border-l-blue-500 {
      border-left-color: var(--color-blue-500)
  }

  .border-l-transparent {
      border-left-color: #0000
  }

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

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

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

  @supports (color: color-mix(in lab,red,red)) {
      .bg-background\/90 {
          background-color:color-mix(in oklab,var(--background)90%,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-black\/70 {
      background-color: #000000b3
  }

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

  .bg-black\/80 {
      background-color: #000c
  }

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

  .bg-blue-50\/50 {
      background-color: #eff6ff80
  }

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

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

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

  .bg-blue-500\/10 {
      background-color: #3080ff1a
  }

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

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

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

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

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

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

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

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

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

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

  .bg-gray-400 {
      background-color: var(--color-gray-400)
  }

  .bg-gray-900\/50 {
      background-color: #10182880
  }

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

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

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

  .bg-green-500\/10 {
      background-color: #00c7581a
  }

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

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

  .bg-orange-50\/50 {
      background-color: #fff7ed80
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-red-500\/10 {
      background-color: #fb2c361a
  }

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

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

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

  .bg-yellow-50\/50 {
      background-color: #fefce880
  }

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

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

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

  .bg-yellow-500\/10 {
      background-color: #edb2001a
  }

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

  .bg-gradient-to-b {
      --tw-gradient-position: to bottom in oklab
  }

  .bg-gradient-to-b,.bg-gradient-to-br {
      background-image: linear-gradient(var(--tw-gradient-stops))
  }

  .bg-gradient-to-br {
      --tw-gradient-position: to bottom right in oklab
  }

  .bg-gradient-to-r {
      --tw-gradient-position: to right in oklab
  }

  .bg-gradient-to-r,.bg-gradient-to-t {
      background-image: linear-gradient(var(--tw-gradient-stops))
  }

  .bg-gradient-to-t {
      --tw-gradient-position: to top in oklab
  }

  .from-amber-100 {
      --tw-gradient-from: var(--color-amber-100);
      --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))
  }

  .from-black\/20 {
      --tw-gradient-from: #0003
  }

  @supports (color: color-mix(in lab,red,red)) {
      .from-black\/20 {
          --tw-gradient-from:color-mix(in oklab,var(--color-black)20%,transparent)
      }
  }

  .from-black\/20 {
      --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))
  }

  .from-gray-100 {
      --tw-gradient-from: var(--color-gray-100);
      --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))
  }

  .from-primary\/5 {
      --tw-gradient-from: var(--primary)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .from-primary\/5 {
          --tw-gradient-from:color-mix(in oklab,var(--primary)5%,transparent)
      }
  }

  .from-primary\/5 {
      --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))
  }

  .from-primary\/10 {
      --tw-gradient-from: var(--primary)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .from-primary\/10 {
          --tw-gradient-from:color-mix(in oklab,var(--primary)10%,transparent)
      }
  }

  .from-primary\/10 {
      --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))
  }

  .from-yellow-100 {
      --tw-gradient-from: var(--color-yellow-100);
      --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))
  }

  .via-primary\/5 {
      --tw-gradient-via: var(--primary)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .via-primary\/5 {
          --tw-gradient-via:color-mix(in oklab,var(--primary)5%,transparent)
      }
  }

  .via-primary\/5 {
      --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-transparent {
      --tw-gradient-via: transparent;
      --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .to-amber-200 {
      --tw-gradient-to: var(--color-amber-200);
      --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-gray-200 {
      --tw-gradient-to: var(--color-gray-200);
      --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-primary\/5 {
      --tw-gradient-to: var(--primary)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .to-primary\/5 {
          --tw-gradient-to:color-mix(in oklab,var(--primary)5%,transparent)
      }
  }

  .to-primary\/5 {
      --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-transparent {
      --tw-gradient-to: transparent;
      --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-yellow-200 {
      --tw-gradient-to: var(--color-yellow-200);
      --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))
  }

  .fill-current {
      fill: currentColor
  }

  .fill-primary {
      fill: var(--primary)
  }

  .fill-red-500 {
      fill: var(--color-red-500)
  }

  .fill-red-500\/20 {
      fill: #fb2c3633
  }

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

  .fill-yellow-400 {
      fill: var(--color-yellow-400)
  }

  .fill-yellow-500 {
      fill: var(--color-yellow-500)
  }

  .object-cover {
      object-fit: cover
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .text-center {
      text-align: center
  }

  .text-left {
      text-align: left
  }

  .font-sans {
      font-family: var(--font-nunito),sans-serif
  }

  .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-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading,var(--text-8xl--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-\[11px\] {
      font-size: 11px
  }

  .leading-none {
      --tw-leading: 1;
      line-height: 1
  }

  .leading-relaxed {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed)
  }

  .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-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-tight {
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight)
  }

  .tracking-wider {
      --tw-tracking: var(--tracking-wider);
      letter-spacing: var(--tracking-wider)
  }

  .tracking-widest {
      --tw-tracking: var(--tracking-widest);
      letter-spacing: var(--tracking-widest)
  }

  .text-balance {
      text-wrap: balance
  }

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

  .text-ellipsis {
      text-overflow: ellipsis
  }

  .whitespace-nowrap {
      white-space: nowrap
  }

  .whitespace-pre-line {
      white-space: pre-line
  }

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

  .text-amber-600 {
      color: var(--color-amber-600)
  }

  .text-blue-400 {
      color: var(--color-blue-400)
  }

  .text-blue-500 {
      color: var(--color-blue-500)
  }

  .text-blue-600 {
      color: var(--color-blue-600)
  }

  .text-blue-700 {
      color: var(--color-blue-700)
  }

  .text-card-foreground {
      color: var(--card-foreground)
  }

  .text-current {
      color: currentColor
  }

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

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

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

  .text-gray-400 {
      color: var(--color-gray-400)
  }

  .text-gray-500 {
      color: var(--color-gray-500)
  }

  .text-gray-600 {
      color: var(--color-gray-600)
  }

  .text-green-500 {
      color: var(--color-green-500)
  }

  .text-green-600 {
      color: var(--color-green-600)
  }

  .text-green-700 {
      color: var(--color-green-700)
  }

  .text-green-800 {
      color: var(--color-green-800)
  }

  .text-muted-foreground,.text-muted-foreground\/50 {
      color: var(--muted-foreground)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .text-muted-foreground\/50 {
          color:color-mix(in oklab,var(--muted-foreground)50%,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-muted-foreground\/80 {
      color: var(--muted-foreground)
  }

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

  .text-orange-500 {
      color: var(--color-orange-500)
  }

  .text-orange-600 {
      color: var(--color-orange-600)
  }

  .text-orange-800 {
      color: var(--color-orange-800)
  }

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

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

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

  .text-primary\/20 {
      color: var(--primary)
  }

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

  .text-primary\/60 {
      color: var(--primary)
  }

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

  .text-primary\/80 {
      color: var(--primary)
  }

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

  .text-purple-500 {
      color: var(--color-purple-500)
  }

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

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

  .text-white\/70 {
      color: #ffffffb3
  }

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

  .text-yellow-400 {
      color: var(--color-yellow-400)
  }

  .text-yellow-500 {
      color: var(--color-yellow-500)
  }

  .text-yellow-600 {
      color: var(--color-yellow-600)
  }

  .text-yellow-700 {
      color: var(--color-yellow-700)
  }

  .uppercase {
      text-transform: uppercase
  }

  .underline {
      text-decoration-line: underline
  }

  .underline-offset-4 {
      text-underline-offset: 4px
  }

  .antialiased {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
  }

  .opacity-0 {
      opacity: 0
  }

  .opacity-5 {
      opacity: .05
  }

  .opacity-20 {
      opacity: .2
  }

  .opacity-25 {
      opacity: .25
  }

  .opacity-50 {
      opacity: .5
  }

  .opacity-70 {
      opacity: .7
  }

  .opacity-75 {
      opacity: .75
  }

  .opacity-90 {
      opacity: .9
  }

  .opacity-100 {
      opacity: 1
  }

  .shadow {
      --tw-shadow: var(--shadow)
  }

  .shadow,.shadow-2xl {
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .shadow-2xl {
      --tw-shadow: var(--shadow-2xl)
  }

  .shadow-lg {
      --tw-shadow: var(--shadow-lg)
  }

  .shadow-lg,.shadow-md {
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .shadow-md {
      --tw-shadow: var(--shadow-md)
  }

  .shadow-sm {
      --tw-shadow: var(--shadow-sm)
  }

  .shadow-sm,.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: var(--shadow-xs)
  }

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

  .ring,.ring-0 {
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

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

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

  .ring-1,.ring-2 {
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

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

  .ring-border\/20 {
      --tw-ring-color: var(--border)
  }

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

  .ring-primary\/20 {
      --tw-ring-color: var(--primary)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .ring-primary\/20 {
          --tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)
      }
  }

  .ring-primary\/40 {
      --tw-ring-color: var(--primary)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .ring-primary\/40 {
          --tw-ring-color:color-mix(in oklab,var(--primary)40%,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
  }

  .blur {
      --tw-blur: blur(8px)
  }

  .blur,.blur-md {
      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,)
  }

  .blur-md {
      --tw-blur: blur(var(--blur-md))
  }

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

  .backdrop-blur-sm {
      --tw-backdrop-blur: blur(var(--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,)
  }

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

  .transition-\[color\,box-shadow\] {
      transition-property: color,box-shadow;
      transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
      transition-duration: var(--tw-duration,var(--default-transition-duration))
  }

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

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

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

  .transition-shadow {
      transition-property: box-shadow;
      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))
  }

  .transition-none {
      transition-property: none
  }

  .duration-150 {
      --tw-duration: .15s;
      transition-duration: .15s
  }

  .duration-200 {
      --tw-duration: .2s;
      transition-duration: .2s
  }

  .duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s
  }

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

  .fade-in-0 {
      --tw-enter-opacity: 0
  }

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

  .select-none {
      -webkit-user-select: none;
      user-select: none
  }

  .zoom-in-95 {
      --tw-enter-scale: .95
  }

  .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-110:is(:where(.group):hover *) {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x)var(--tw-scale-y)
      }

      .group-hover\:fill-red-500\/40:is(:where(.group):hover *) {
          fill: #fb2c3666
      }

      @supports (color: color-mix(in lab,red,red)) {
          .group-hover\:fill-red-500\/40:is(:where(.group):hover *) {
              fill:color-mix(in oklab,var(--color-red-500)40%,transparent)
          }
      }

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

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

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

  .group-data-\[disabled\=true\]\: pointer-events-none:is(:where(.group)[data-disabled=true] *) {
      pointer-events:none
  }

  .group-data-\[disabled\=true\]\: opacity-50:is(:where(.group)[data-disabled=true] *) {
      opacity:.5
  }

  .peer-disabled\: cursor-not-allowed:is(:where(.peer):disabled~*) {
      cursor:not-allowed
  }

  .peer-disabled\: opacity-50:is(:where(.peer):disabled~*) {
      opacity:.5
  }

  .peer-disabled\: opacity-70:is(:where(.peer):disabled~*) {
      opacity:.7
  }

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

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

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

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

  .file\: inline-flex::file-selector-button {
      display:inline-flex
  }

  .file\: h-7::file-selector-button {
      height:calc(var(--spacing)*7)
  }

  .file\: border-0::file-selector-button {
      border-style:var(--tw-border-style);
      border-width: 0
  }

  .file\: bg-transparent::file-selector-button {
      background-color:#0000
  }

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

  .file\: font-medium::file-selector-button {
      --tw-font-weight:var(--font-weight-medium);
      font-weight: var(--font-weight-medium)
  }

  .file\: text-foreground::file-selector-button {
      color:var(--foreground)
  }

  .placeholder\: text-muted-foreground::placeholder {
      color:var(--muted-foreground)
  }

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

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

      .hover\:scale-\[1\.02\]:hover {
          scale: 1.02
      }

      .hover\:border-destructive\/50:hover {
          border-color: var(--destructive)
      }

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

      .hover\:border-primary\/50:hover {
          border-color: var(--primary)
      }

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

      .hover\:bg-accent:hover,.hover\:bg-accent\/50:hover {
          background-color: var(--accent)
      }

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

      .hover\:bg-black\/70:hover {
          background-color: #000000b3
      }

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

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

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

      .hover\:bg-destructive\/90:hover {
          background-color: var(--destructive)
      }

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

      .hover\:bg-muted\/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\/10:hover {
          background-color: var(--primary)
      }

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

      .hover\:bg-primary\/20:hover {
          background-color: var(--primary)
      }

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

      .hover\:bg-primary\/90:hover {
          background-color: var(--primary)
      }

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

      .hover\:bg-secondary\/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\:text-accent-foreground:hover {
          color: var(--accent-foreground)
      }

      .hover\:text-blue-300:hover {
          color: var(--color-blue-300)
      }

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

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

      .hover\:text-primary:hover,.hover\:text-primary\/80:hover {
          color: var(--primary)
      }

      @supports (color: color-mix(in lab,red,red)) {
          .hover\:text-primary\/80:hover {
              color:color-mix(in oklab,var(--primary)80%,transparent)
          }
      }

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

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

      .hover\:opacity-90:hover {
          opacity: .9
      }

      .hover\:opacity-100:hover {
          opacity: 1
      }

      .hover\:shadow-lg:hover {
          --tw-shadow: var(--shadow-lg)
      }

      .hover\:shadow-lg:hover,.hover\:shadow-md:hover {
          box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
      }

      .hover\:shadow-md:hover {
          --tw-shadow: var(--shadow-md)
      }

      .hover\:ring-primary\/30:hover {
          --tw-ring-color: var(--primary)
      }

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

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

  .focus\: text-accent-foreground:focus {
      color:var(--accent-foreground)
  }

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

  .focus\: 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-primary:focus {
      --tw-ring-color:var(--primary)
  }

  .focus\: ring-ring:focus {
      --tw-ring-color:var(--ring)
  }

  .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-0:focus-visible {
      --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .focus-visible\: ring-1:focus-visible {
      --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)
  }

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

  .focus-visible\: ring-\[3px\]:focus-visible {
      --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .focus-visible\: ring-destructive\/20:focus-visible {
      --tw-ring-color:var(--destructive)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .focus-visible\:ring-destructive\/20:focus-visible {
          --tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)
      }
  }

  .focus-visible\: ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color:var(--ring)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .focus-visible\:ring-ring\/50:focus-visible {
          --tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)
      }
  }

  .focus-visible\: ring-offset-0:focus-visible {
      --tw-ring-offset-width:0px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

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

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

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

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

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

  .disabled\: opacity-50:disabled {
      opacity:.5
  }

  .has-data-\[slot\=card-action\]\: grid-cols-\[1fr_auto\]:has([data-slot=card-action]) {
      grid-template-columns:1fr auto
  }

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

  .aria-selected\: bg-accent[aria-selected=true] {
      background-color:var(--accent)
  }

  .aria-selected\: text-accent-foreground[aria-selected=true] {
      color:var(--accent-foreground)
  }

  .data-\[disabled\]\: pointer-events-none[data-disabled] {
      pointer-events:none
  }

  .data-\[disabled\]\: opacity-50[data-disabled] {
      opacity:.5
  }

  .data-\[error\=true\]\: text-destructive[data-error=true] {
      color:var(--destructive)
  }

  .data-\[inset\]\: pl-8[data-inset] {
      padding-left:calc(var(--spacing)*8)
  }

  .data-\[orientation\=horizontal\]\: h-px[data-orientation=horizontal] {
      height:1px
  }

  .data-\[orientation\=horizontal\]\: w-full[data-orientation=horizontal] {
      width:100%
  }

  .data-\[orientation\=vertical\]\: h-full[data-orientation=vertical] {
      height:100%
  }

  .data-\[orientation\=vertical\]\: w-px[data-orientation=vertical] {
      width:1px
  }

  .data-\[placeholder\]\: text-muted-foreground[data-placeholder] {
      color:var(--muted-foreground)
  }

  .data-\[side\=bottom\]\: translate-y-1[data-side=bottom] {
      --tw-translate-y:calc(var(--spacing)*1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[side\=bottom\]\: slide-in-from-top-2[data-side=bottom] {
      --tw-enter-translate-y:calc(2*var(--spacing)*-1)
  }

  .data-\[side\=left\]\: -translate-x-1[data-side=left] {
      --tw-translate-x:calc(var(--spacing)*-1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[side\=left\]\: slide-in-from-right-2[data-side=left] {
      --tw-enter-translate-x:calc(2*var(--spacing))
  }

  .data-\[side\=right\]\: translate-x-1[data-side=right] {
      --tw-translate-x:calc(var(--spacing)*1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[side\=right\]\: slide-in-from-left-2[data-side=right] {
      --tw-enter-translate-x:calc(2*var(--spacing)*-1)
  }

  .data-\[side\=top\]\: -translate-y-1[data-side=top] {
      --tw-translate-y:calc(var(--spacing)*-1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[side\=top\]\: slide-in-from-bottom-2[data-side=top] {
      --tw-enter-translate-y:calc(2*var(--spacing))
  }

  .data-\[size\=default\]\: h-9[data-size=default] {
      height:calc(var(--spacing)*9)
  }

  .data-\[size\=sm\]\: h-8[data-size=sm] {
      height:calc(var(--spacing)*8)
  }

  :is(.\*\: data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
      -webkit-line-clamp:1;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden
  }

  :is(.\*\: data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
      display:flex
  }

  :is(.\*\: data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
      align-items:center
  }

  :is(.\*\: data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] {
      gap:calc(var(--spacing)*2)
  }

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

  .data-\[state\=active\]\: bg-primary[data-state=active] {
      background-color:var(--primary)
  }

  .data-\[state\=active\]\: text-primary-foreground[data-state=active] {
      color:var(--primary-foreground)
  }

  .data-\[state\=active\]\: shadow-sm[data-state=active] {
      --tw-shadow:var(--shadow-sm);
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .data-\[state\=checked\]\: translate-x-\[calc\(100\%-2px\)\][data-state=checked] {
      --tw-translate-x:calc(100% - 2px);
      translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[state\=checked\]\: border-primary[data-state=checked] {
      border-color:var(--primary)
  }

  .data-\[state\=checked\]\: bg-primary[data-state=checked] {
      background-color:var(--primary)
  }

  .data-\[state\=checked\]\: text-primary-foreground[data-state=checked] {
      color:var(--primary-foreground)
  }

  .data-\[state\=closed\]\: animate-accordion-up[data-state=closed] {
      animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out
  }

  .data-\[state\=closed\]\: animate-out[data-state=closed] {
      animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)
  }

  .data-\[state\=closed\]\: duration-300[data-state=closed] {
      --tw-duration:.3s;
      transition-duration: .3s
  }

  .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:.95
  }

  .data-\[state\=closed\]\: slide-out-to-bottom[data-state=closed] {
      --tw-exit-translate-y:100%
  }

  .data-\[state\=closed\]\: slide-out-to-left[data-state=closed] {
      --tw-exit-translate-x:-100%
  }

  .data-\[state\=closed\]\: slide-out-to-left-1\/2[data-state=closed] {
      --tw-exit-translate-x:calc(1/2*100%)
  }

  .data-\[state\=closed\]\: slide-out-to-right[data-state=closed] {
      --tw-exit-translate-x:100%
  }

  .data-\[state\=closed\]\: slide-out-to-top[data-state=closed] {
      --tw-exit-translate-y:-100%
  }

  .data-\[state\=closed\]\: slide-out-to-top-\[48\%\][data-state=closed] {
      --tw-exit-translate-y:calc(48%*-1)
  }

  .data-\[state\=open\]\: animate-accordion-down[data-state=open] {
      animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out
  }

  .data-\[state\=open\]\: animate-in[data-state=open] {
      animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)
  }

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

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

  .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\]\: duration-500[data-state=open] {
      --tw-duration:.5s;
      transition-duration: .5s
  }

  .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:.95
  }

  .data-\[state\=open\]\: slide-in-from-bottom[data-state=open] {
      --tw-enter-translate-y:100%
  }

  .data-\[state\=open\]\: slide-in-from-left[data-state=open] {
      --tw-enter-translate-x:-100%
  }

  .data-\[state\=open\]\: slide-in-from-left-1\/2[data-state=open] {
      --tw-enter-translate-x:calc(1/2*100%)
  }

  .data-\[state\=open\]\: slide-in-from-right[data-state=open] {
      --tw-enter-translate-x:100%
  }

  .data-\[state\=open\]\: slide-in-from-top[data-state=open] {
      --tw-enter-translate-y:-100%
  }

  .data-\[state\=open\]\: slide-in-from-top-\[48\%\][data-state=open] {
      --tw-enter-translate-y:calc(48%*-1)
  }

  .data-\[state\=unchecked\]\: translate-x-0[data-state=unchecked] {
      --tw-translate-x:calc(var(--spacing)*0);
      translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[state\=unchecked\]\: bg-input[data-state=unchecked] {
      background-color:var(--input)
  }

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

  @media (min-width: 40rem) {
      .sm\:mx-0 {
          margin-inline:calc(var(--spacing)*0)
      }

      .sm\:mx-auto {
          margin-inline:auto}

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

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

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

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

      .sm\:block {
          display: block
      }

      .sm\:flex {
          display: flex
      }

      .sm\:hidden {
          display: none
      }

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

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

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

      .sm\:max-h-\[3\.5rem\] {
          max-height: 3.5rem
      }

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

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

      .sm\:w-auto {
          width: auto
      }

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

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

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

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

      .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\:flex-row {
          flex-direction: row
      }

      .sm\:items-center {
          align-items: center
      }

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

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

      .sm\:justify-start {
          justify-content: flex-start
      }

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

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

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

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

      :where(.sm\: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(.sm\: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(.sm\: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(.sm\:space-x-2>:not(:last-child)) {
          --tw-space-x-reverse: 0;
          margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
      }

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

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

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

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

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

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

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

      .sm\:text-left {
          text-align: left
      }

      .sm\:text-right {
          text-align: right
      }

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

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

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

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

  @media (min-width: 48rem) {
      .md\:right-4 {
          right:calc(var(--spacing)*4)
      }

      .md\:left-auto {
          left: auto
      }

      .md\:col-span-4 {
          grid-column: span 4/span 4
      }

      .md\:container {
          width: 100%
      }

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

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

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

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

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

      .md\:mx-auto {
          margin-inline:auto}

      .md\:block {
          display: block
      }

      .md\:flex {
          display: flex
      }

      .md\:hidden {
          display: none
      }

      .md\:h-1\/4 {
          height: 25%
      }

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

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

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

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

      .md\:w-\[calc\(33\.333\%-16px\)\] {
          width: calc(33.333% - 16px)
      }

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

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

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

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

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

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

      .md\:flex-row {
          flex-direction: row
      }

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

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

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

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

      .md\:opacity-0 {
          opacity: 0
      }

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

  @media (min-width: 64rem) {
      .lg\:col-span-1 {
          grid-column:span 1/span 1
      }

      .lg\:col-span-2 {
          grid-column: span 2/span 2
      }

      .lg\:col-span-3 {
          grid-column: span 3/span 3
      }

      .lg\:block {
          display: block
      }

      .lg\:hidden {
          display: none
      }

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

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

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

      .lg\:h-\[200px\] {
          height: 200px
      }

      .lg\:h-\[300px\] {
          height: 300px
      }

      .lg\:max-h-\[4rem\] {
          max-height: 4rem
      }

      .lg\:max-h-none {
          max-height: none
      }

      .lg\:w-6 {
          width: calc(var(--spacing)*6)
      }

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

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

      .lg\:w-\[calc\(20\%-16px\)\] {
          width: calc(20% - 16px)
      }

      .lg\:w-auto {
          width: auto
      }

      .lg\:flex-none {
          flex: none
      }

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

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

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

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

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

      .lg\:grid-cols-\[2fr_1fr\] {
          grid-template-columns: 2fr 1fr
      }

      .lg\:flex-row {
          flex-direction: row
      }

      .lg\:justify-start {
          justify-content: flex-start
      }

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

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

      :where(.lg\: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)))
      }

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

      .lg\:text-left {
          text-align: left
      }

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

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

      .lg\:opacity-100 {
          opacity: 1
      }
  }

  @media (min-width: 80rem) {
      .xl\:h-7 {
          height:calc(var(--spacing)*7)
      }

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

      .xl\:h-\[200px\] {
          height: 200px
      }

      .xl\:h-\[320px\] {
          height: 320px
      }

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

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

  @media (min-width: 96rem) {
      .\32 xl\:w-\[calc\(16\.666\%-16px\)\] {
          width:calc(16.666% - 16px)
      }

      .\32 xl\:px-18 {
          padding-inline:calc(var(--spacing)*18)}

      .\32 xl\: px-21 {
          padding-inline:calc(var(--spacing)*21)
      }

      .\32 xl\:px-25 {
          padding-inline:calc(var(--spacing)*25)}
  }

  .dark\: border-blue-800:is(.dark *) {
      border-color:var(--color-blue-800)
  }

  .dark\: border-green-800:is(.dark *) {
      border-color:var(--color-green-800)
  }

  .dark\: border-input:is(.dark *) {
      border-color:var(--input)
  }

  .dark\: border-orange-800:is(.dark *) {
      border-color:var(--color-orange-800)
  }

  .dark\: border-yellow-800:is(.dark *) {
      border-color:var(--color-yellow-800)
  }

  .dark\: bg-blue-950\/20:is(.dark *) {
      background-color:#16245633
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:bg-blue-950\/20:is(.dark *) {
          background-color:color-mix(in oklab,var(--color-blue-950)20%,transparent)
      }
  }

  .dark\: bg-destructive\/60:is(.dark *) {
      background-color:var(--destructive)
  }

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

  .dark\: bg-green-900\/20:is(.dark *) {
      background-color:#0d542b33
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:bg-green-900\/20:is(.dark *) {
          background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)
      }
  }

  .dark\: bg-input\/30:is(.dark *) {
      background-color:var(--input)
  }

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

  .dark\: bg-orange-900\/20:is(.dark *) {
      background-color:#7e2a0c33
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:bg-orange-900\/20:is(.dark *) {
          background-color:color-mix(in oklab,var(--color-orange-900)20%,transparent)
      }
  }

  .dark\: bg-orange-950\/20:is(.dark *) {
      background-color:#44130633
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:bg-orange-950\/20:is(.dark *) {
          background-color:color-mix(in oklab,var(--color-orange-950)20%,transparent)
      }
  }

  .dark\: bg-yellow-900\/30:is(.dark *) {
      background-color:#733e0a4d
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:bg-yellow-900\/30:is(.dark *) {
          background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)
      }
  }

  .dark\: bg-yellow-950\/20:is(.dark *) {
      background-color:#43200433
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:bg-yellow-950\/20:is(.dark *) {
          background-color:color-mix(in oklab,var(--color-yellow-950)20%,transparent)
      }
  }

  .dark\: text-blue-400:is(.dark *) {
      color:var(--color-blue-400)
  }

  .dark\: text-green-200:is(.dark *) {
      color:var(--color-green-200)
  }

  .dark\: text-muted-foreground:is(.dark *) {
      color:var(--muted-foreground)
  }

  .dark\: text-orange-200:is(.dark *) {
      color:var(--color-orange-200)
  }

  .dark\: text-orange-400:is(.dark *) {
      color:var(--color-orange-400)
  }

  .dark\: text-yellow-400:is(.dark *) {
      color:var(--color-yellow-400)
  }

  @media (hover: hover) {
      .dark\:hover\:bg-accent\/50:is(.dark *):hover {
          background-color:var(--accent)
      }

      @supports (color: color-mix(in lab,red,red)) {
          .dark\:hover\:bg-accent\/50:is(.dark *):hover {
              background-color:color-mix(in oklab,var(--accent)50%,transparent)
          }
      }

      .dark\:hover\:bg-input\/50:is(.dark *):hover {
          background-color: var(--input)
      }

      @supports (color: color-mix(in lab,red,red)) {
          .dark\:hover\:bg-input\/50:is(.dark *):hover {
              background-color:color-mix(in oklab,var(--input)50%,transparent)
          }
      }
  }

  .dark\: focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color:var(--destructive)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
          --tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)
      }
  }

  .dark\: aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
      --tw-ring-color:var(--destructive)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
          --tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)
      }
  }

  .dark\: data-\[state\=active\]\:border-input:is(.dark *)[data-state=active] {
      border-color:var(--input)
  }

  .dark\: data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active] {
      background-color:var(--input)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active] {
          background-color:color-mix(in oklab,var(--input)30%,transparent)
      }
  }

  .dark\: data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active] {
      color:var(--foreground)
  }

  .dark\: data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked] {
      background-color:var(--primary)
  }

  .dark\: data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked] {
      background-color:var(--primary-foreground)
  }

  .dark\: data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked] {
      background-color:var(--foreground)
  }

  .dark\: data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
      background-color:var(--input)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
          background-color:color-mix(in oklab,var(--input)80%,transparent)
      }
  }

  .dark\: data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus {
      background-color:var(--destructive)
  }

  @supports (color: color-mix(in lab,red,red)) {
      .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus {
          background-color:color-mix(in oklab,var(--destructive)20%,transparent)
      }
  }

  .\[\&_\[cmdk-group-heading\]\]\: px-2 [cmdk-group-heading] {
      padding-inline:calc(var(--spacing)*2)
  }

  .\[\&_\[cmdk-group-heading\]\]\: py-1\.5 [cmdk-group-heading] {
      padding-block:calc(var(--spacing)*1.5)
  }

  .\[\&_\[cmdk-group-heading\]\]\: text-xs [cmdk-group-heading] {
      font-size:var(--text-xs);
      line-height: var(--tw-leading,var(--text-xs--line-height))
  }

  .\[\&_\[cmdk-group-heading\]\]\: font-medium [cmdk-group-heading] {
      --tw-font-weight:var(--font-weight-medium);
      font-weight: var(--font-weight-medium)
  }

  .\[\&_\[cmdk-group-heading\]\]\: text-muted-foreground [cmdk-group-heading] {
      color:var(--muted-foreground)
  }

  .\[\&_\[cmdk-group\]\: not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group] {
      padding-top:calc(var(--spacing)*0)
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\: h-5 [cmdk-input-wrapper] svg {
      height:calc(var(--spacing)*5)
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\: w-5 [cmdk-input-wrapper] svg {
      width:calc(var(--spacing)*5)
  }

  .\[\&_\[cmdk-input\]\]\: h-12 [cmdk-input] {
      height:calc(var(--spacing)*12)
  }

  .\[\&_\[cmdk-item\]\]\: px-2 [cmdk-item] {
      padding-inline:calc(var(--spacing)*2)
  }

  .\[\&_\[cmdk-item\]\]\: py-3 [cmdk-item] {
      padding-block:calc(var(--spacing)*3)
  }

  .\[\&_\[cmdk-item\]_svg\]\: h-5 [cmdk-item] svg {
      height:calc(var(--spacing)*5)
  }

  .\[\&_\[cmdk-item\]_svg\]\: w-5 [cmdk-item] svg {
      width:calc(var(--spacing)*5)
  }

  .\[\&_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)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}:root{--background:#f5f5ff;--foreground:#2a2a4a;--card:#fff;--card-foreground:#2a2a4a;--popover:#fff;--popover-foreground:#2a2a4a;--primary:#6e56cf;--primary-foreground:#fff;--secondary:#e4dfff;--secondary-foreground:#4a4080;--muted:#f0f0fa;--muted-foreground:#6c6c8a;--accent:#d8e6ff;--accent-foreground:#2a2a4a;--destructive:#ff5470;--destructive-foreground:#fff;--border:#e0e0f0;--input:#e0e0f0;--ring:#6e56cf;--chart-1:#6e56cf;--chart-2:#9e8cfc;--chart-3:#5d5fef;--chart-4:#7c75fa;--chart-5:#4740b3;--sidebar:#f0f0fa;--sidebar-foreground:#2a2a4a;--sidebar-primary:#6e56cf;--sidebar-primary-foreground:#fff;--sidebar-accent:#d8e6ff;--sidebar-accent-foreground:#2a2a4a;--sidebar-border:#e0e0f0;--sidebar-ring:#6e56cf;--font-sans:var(--font-nunito),sans-serif;--font-serif:Georgia,serif;--font-mono:JetBrains Mono,monospace;--radius:.5rem;--shadow-2xs:0px 4px 10px 0px #2d2d530f;--shadow-xs:0px 4px 10px 0px #2d2d530f;--shadow-sm:0px 4px 10px 0px #2d2d531f,0px 1px 2px -1px #2d2d531f;--shadow:0px 4px 10px 0px #2d2d531f,0px 1px 2px -1px #2d2d531f;--shadow-md:0px 4px 10px 0px #2d2d531f,0px 2px 4px -1px #2d2d531f;--shadow-lg:0px 4px 10px 0px #2d2d531f,0px 4px 6px -1px #2d2d531f;--shadow-xl:0px 4px 10px 0px #2d2d531f,0px 8px 10px -1px #2d2d531f;--shadow-2xl:0px 4px 10px 0px #2d2d534d}.dark{--background:#0f0f1a;--foreground:#e2e2f5;--card:#1a1a2e;--card-foreground:#e2e2f5;--popover:#1a1a2e;--popover-foreground:#e2e2f5;--primary:#a48fff;--primary-foreground:#0f0f1a;--secondary:#2d2b55;--secondary-foreground:#c4c2ff;--muted:#224;--muted-foreground:#a0a0c0;--accent:#303060;--accent-foreground:#e2e2f5;--destructive:#ff5470;--destructive-foreground:#fff;--border:#303052;--input:#303052;--ring:#a48fff;--chart-1:#a48fff;--chart-2:#7986cb;--chart-3:#64b5f6;--chart-4:#4db6ac;--chart-5:#ff79c6;--sidebar:#1a1a2e;--sidebar-foreground:#e2e2f5;--sidebar-primary:#a48fff;--sidebar-primary-foreground:#0f0f1a;--sidebar-accent:#303060;--sidebar-accent-foreground:#e2e2f5;--sidebar-border:#303052;--sidebar-ring:#a48fff;--font-sans:var(--font-nunito),sans-serif;--font-serif:Georgia,serif;--font-mono:JetBrains Mono,monospace;--radius:.5rem;--shadow-2xs:0px 4px 10px 0px #2d2d530f;--shadow-xs:0px 4px 10px 0px #2d2d530f;--shadow-sm:0px 4px 10px 0px #2d2d531f,0px 1px 2px -1px #2d2d531f;--shadow:0px 4px 10px 0px #2d2d531f,0px 1px 2px -1px #2d2d531f;--shadow-md:0px 4px 10px 0px #2d2d531f,0px 2px 4px -1px #2d2d531f;--shadow-lg:0px 4px 10px 0px #2d2d531f,0px 4px 6px -1px #2d2d531f;--shadow-xl:0px 4px 10px 0px #2d2d531f,0px 8px 10px -1px #2d2d531f;--shadow-2xl:0px 4px 10px 0px #2d2d534d}@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-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-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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-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}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.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 accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,auto)))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,auto)))}to{height:0}}

.btn-danger {
  background: red;
}