@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arbutus+Slab&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap");
/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: rotateX(0);
      --tw-rotate-y: rotateY(0);
      --tw-rotate-z: rotateZ(0);
      --tw-skew-x: skewX(0);
      --tw-skew-y: skewY(0);
      --tw-space-y-reverse: 0;
      --tw-space-x-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;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-orange-100: oklch(.954 .038 75.164);
    --color-orange-400: oklch(.75 .183 55.934);
    --color-orange-500: oklch(.705 .213 47.604);
    --color-orange-600: oklch(.646 .222 41.116);
    --color-orange-800: oklch(.47 .157 37.304);
    --color-amber-50: oklch(.987 .022 95.277);
    --color-amber-100: oklch(.962 .059 95.617);
    --color-amber-200: oklch(.924 .12 95.746);
    --color-amber-800: oklch(.473 .137 46.201);
    --color-green-100: oklch(.962 .044 156.743);
    --color-green-600: oklch(.627 .194 149.214);
    --color-green-800: oklch(.448 .119 151.328);
    --color-cyan-500: oklch(.715 .143 215.221);
    --color-blue-50: oklch(.97 .014 254.604);
    --color-blue-500: oklch(.623 .214 259.815);
    --color-blue-800: oklch(.424 .199 265.638);
    --color-indigo-50: oklch(.962 .018 272.314);
    --color-indigo-100: oklch(.93 .034 272.788);
    --color-indigo-300: oklch(.785 .115 274.713);
    --color-indigo-600: oklch(.511 .262 276.966);
    --color-indigo-700: oklch(.457 .24 277.023);
    --color-indigo-800: oklch(.398 .195 277.366);
    --color-indigo-900: oklch(.359 .144 278.697);
    --color-purple-100: oklch(.946 .033 307.174);
    --color-purple-400: oklch(.714 .203 305.504);
    --color-purple-500: oklch(.627 .265 303.9);
    --color-purple-600: oklch(.558 .288 302.321);
    --color-purple-800: oklch(.438 .218 303.724);
    --color-pink-100: oklch(.948 .028 342.258);
    --color-pink-500: oklch(.656 .241 354.308);
    --color-pink-600: oklch(.592 .249 .584);
    --color-pink-800: oklch(.459 .187 3.815);
    --color-slate-400: oklch(.704 .04 256.788);
    --color-slate-600: oklch(.446 .043 257.281);
    --color-slate-700: oklch(.372 .044 257.287);
    --color-slate-900: oklch(.208 .042 265.755);
    --color-gray-50: oklch(.985 .002 247.839);
    --color-gray-100: oklch(.967 .003 264.542);
    --color-gray-200: oklch(.928 .006 264.531);
    --color-gray-300: oklch(.872 .01 258.338);
    --color-gray-400: oklch(.707 .022 261.325);
    --color-gray-500: oklch(.551 .027 264.364);
    --color-gray-600: oklch(.446 .03 256.802);
    --color-gray-700: oklch(.373 .034 259.733);
    --color-gray-800: oklch(.278 .033 256.848);
    --color-gray-900: oklch(.21 .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --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-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --blur-md: 12px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
  }

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

  body {
    line-height: inherit;
  }

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
    color: currentColor;
  }

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  * {
    border-color: var(--border);
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  html {
    font-synthesis: none;
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
    font-synthesis: none;
    font-family: Albert Sans, sans-serif;
    font-weight: 400;
  }

  :focus-visible {
    border-radius: 4px;
    outline-offset: 2px !important;
    outline: 2px solid #4338ca !important;
  }

  button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible {
    outline-offset: 2px !important;
    outline: 2px solid #4338ca !important;
    box-shadow: 0 0 0 4px #4338ca26 !important;
  }

  button:focus, a:focus, input:focus, textarea:focus, select:focus, [tabindex]:focus {
    outline: none;
  }

  h1 {
    font-size: var(--mobile-h1);
    font-weight: 400;
    line-height: var(--mobile-h1-line-height);
    margin: 0;
    font-family: Arbutus Slab, serif;
  }

  h2 {
    font-size: var(--mobile-h2);
    font-weight: 400;
    line-height: var(--mobile-h2-line-height);
    margin: 0;
    font-family: Arbutus Slab, serif;
  }

  p, blockquote, li {
    font-size: var(--mobile-body);
    font-weight: 400;
    line-height: var(--mobile-body-line-height);
    margin: 0;
    font-family: Albert Sans, sans-serif;
  }

  label, button, input, textarea, select {
    font-size: var(--mobile-small);
    font-weight: 400;
    line-height: var(--line-height-normal);
    font-family: Albert Sans, sans-serif;
  }

  @media (width >= 641px) {
    h1 {
      font-size: var(--tablet-h1);
      line-height: var(--tablet-h1-line-height);
    }

    h2 {
      font-size: var(--tablet-h2);
      line-height: var(--tablet-h2-line-height);
    }

    p, blockquote, li {
      font-size: var(--tablet-body);
      line-height: var(--tablet-body-line-height);
    }

    label, button, input, textarea, select {
      font-size: var(--tablet-small);
    }
  }

  @media (width >= 1025px) {
    h1 {
      font-size: var(--desktop-h1);
      line-height: var(--desktop-h1-line-height);
    }

    h2 {
      font-size: var(--desktop-h2);
      line-height: var(--desktop-h2-line-height);
    }

    p, blockquote, li {
      font-size: var(--desktop-body);
      line-height: var(--desktop-body-line-height);
    }

    label, button, input, textarea, select {
      font-size: var(--desktop-small);
    }
  }
}

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

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

  .inset-\[-0\.01\%_30\.25\%\] {
    inset: -.01% 30.25%;
  }

  .inset-\[-1\.04\%\] {
    inset: -1.04%;
  }

  .inset-\[-1\.13\%_-17\.11\%_-7\.75\%_-0\.16\%\] {
    inset: -1.13% -17.11% -7.75% -.16%;
  }

  .inset-\[-1\.51\%_-2\.07\%\] {
    inset: -1.51% -2.07%;
  }

  .inset-\[-1\.51\%_-2\.76\%\] {
    inset: -1.51% -2.76%;
  }

  .inset-\[-2\.37\%_-0\.92\%\] {
    inset: -2.37% -.92%;
  }

  .inset-\[-2\.37\%_-0\.99px\] {
    inset: -2.37% -.99px;
  }

  .inset-\[-2\.55\%_-0\.97\%\] {
    inset: -2.55% -.97%;
  }

  .inset-\[-2\.76\%_-1\.04\%\] {
    inset: -2.76% -1.04%;
  }

  .inset-\[-5\.36\%_-27\.98\%\] {
    inset: -5.36% -27.98%;
  }

  .inset-\[-5\.42\%_-4\.86\%\] {
    inset: -5.42% -4.86%;
  }

  .inset-\[-5\.89\%_-4\.65\%\] {
    inset: -5.89% -4.65%;
  }

  .inset-\[-6\.14\%_-6\.41\%\] {
    inset: -6.14% -6.41%;
  }

  .inset-\[-6\.38\%_-6\.92\%\] {
    inset: -6.38% -6.92%;
  }

  .inset-\[-6\.926\%\] {
    inset: -6.926%;
  }

  .inset-\[-7\.8\%_-7\.78\%\] {
    inset: -7.8% -7.78%;
  }

  .inset-\[-7\.15\%_-7\.12\%\] {
    inset: -7.15% -7.12%;
  }

  .inset-\[-8\.97\%_-4\.93\%\] {
    inset: -8.97% -4.93%;
  }

  .inset-\[-10\.59\%_-10\.57\%_-10\.57\%_-10\.59\%\] {
    inset: -10.59% -10.57% -10.57% -10.59%;
  }

  .inset-\[-10\.405\%\] {
    inset: -10.405%;
  }

  .inset-\[-22\.18\%_6\.71\%_11\.15\%_-13\.29\%\] {
    inset: -22.18% 6.71% 11.15% -13.29%;
  }

  .inset-\[-22\.19\%_6\.71\%_11\.14\%_-13\.29\%\] {
    inset: -22.19% 6.71% 11.14% -13.29%;
  }

  .inset-\[-23\.1\%\] {
    inset: -23.1%;
  }

  .inset-\[-39\.51\%_6\.09\%_60\.49\%_-8\.85\%\] {
    inset: -39.51% 6.09% 60.49% -8.85%;
  }

  .inset-\[0\.48\%_23\.47\%_62\.03\%_49\.52\%\] {
    inset: .48% 23.47% 62.03% 49.52%;
  }

  .inset-\[0\.48\%_31\.38\%_74\.37\%_49\.52\%\] {
    inset: .48% 31.38% 74.37% 49.52%;
  }

  .inset-\[1\.5\%_29\.29\%_93\.13\%_30\%\] {
    inset: 1.5% 29.29% 93.13% 30%;
  }

  .inset-\[1\.41\%_-0\.84\%\] {
    inset: 1.41% -.84%;
  }

  .inset-\[1\.88\%_80\.23\%_94\.13\%_4\.69\%\] {
    inset: 1.88% 80.23% 94.13% 4.69%;
  }

  .inset-\[4\.54\%_-0\.72\%\] {
    inset: 4.54% -.72%;
  }

  .inset-\[4\.82\%_-3\.14\%\] {
    inset: 4.82% -3.14%;
  }

  .inset-\[7\.36\%_9\.28\%_14\.86\%_9\.28\%\] {
    inset: 7.36% 9.28% 14.86%;
  }

  .inset-\[7\.38\%_8\.49\%_15\.09\%_10\.87\%\] {
    inset: 7.38% 8.49% 15.09% 10.87%;
  }

  .inset-\[8\.88\%_80\.55\%_86\.38\%_5\%\] {
    inset: 8.88% 80.55% 86.38% 5%;
  }

  .inset-\[10\.26\%_75\.04\%_51\%_1\.42\%\] {
    inset: 10.26% 75.04% 51% 1.42%;
  }

  .inset-\[18\.75\%_12\.5\%_15\.08\%_12\.5\%\] {
    inset: 18.75% 12.5% 15.08%;
  }

  .inset-\[19\.42\%_23\.47\%_62\.03\%_53\.89\%\] {
    inset: 19.42% 23.47% 62.03% 53.89%;
  }

  .inset-\[19\.42\%_25\.02\%_64\.86\%_63\.05\%\] {
    inset: 19.42% 25.02% 64.86% 63.05%;
  }

  .inset-\[19\.87\%_35\.7\%_78\.23\%_59\.11\%\] {
    inset: 19.87% 35.7% 78.23% 59.11%;
  }

  .inset-\[19\.87\%_40\.89\%_78\.23\%_53\.89\%\] {
    inset: 19.87% 40.89% 78.23% 53.89%;
  }

  .inset-\[20\.91\%_9\.9\%_68\.08\%_68\.62\%\] {
    inset: 20.91% 9.9% 68.08% 68.62%;
  }

  .inset-\[21\.7\%_50\.48\%_68\.08\%_29\.24\%\] {
    inset: 21.7% 50.48% 68.08% 29.24%;
  }

  .inset-\[22\.25\%_23\.47\%_62\.03\%_64\.59\%\] {
    inset: 22.25% 23.47% 62.03% 64.59%;
  }

  .inset-\[22\.58\%_49\.76\%_16\.25\%_38\.14\%\] {
    inset: 22.58% 49.76% 16.25% 38.14%;
  }

  .inset-\[22\.58\%_81\.64\%_28\.61\%_13\.81\%\] {
    inset: 22.58% 81.64% 28.61% 13.81%;
  }

  .inset-\[24\.79\%_10\.02\%_73\.65\%_87\.06\%\] {
    inset: 24.79% 10.02% 73.65% 87.06%;
  }

  .inset-\[26\.32\%_31\.54\%_30\.05\%_59\.46\%\] {
    inset: 26.32% 31.54% 30.05% 59.46%;
  }

  .inset-\[26\.67\%_24\.31\%_34\.29\%_67\.11\%\] {
    inset: 26.67% 24.31% 34.29% 67.11%;
  }

  .inset-\[27\.51\%_2\.5\%_68\.17\%_91\.93\%\] {
    inset: 27.51% 2.5% 68.17% 91.93%;
  }

  .inset-\[28\.06\%_3\.26\%_69\.03\%_92\.64\%\] {
    inset: 28.06% 3.26% 69.03% 92.64%;
  }

  .inset-\[28\.09\%_5\.28\%_58\.3\%_79\.8\%\] {
    inset: 28.09% 5.28% 58.3% 79.8%;
  }

  .inset-\[28\.55\%_21\.53\%_70\.19\%_76\.68\%\] {
    inset: 28.55% 21.53% 70.19% 76.68%;
  }

  .inset-\[28\.89\%_58\.38\%_31\.11\%_33\.39\%\] {
    inset: 28.89% 58.38% 31.11% 33.39%;
  }

  .inset-\[29\.03\%_69\.25\%_34\.22\%_27\.33\%\] {
    inset: 29.03% 69.25% 34.22% 27.33%;
  }

  .inset-\[30\.25\%_-0\.05\%_30\.25\%_-0\.02\%\] {
    inset: 30.25% -.05% 30.25% -.02%;
  }

  .inset-\[30\.77\%_11\.84\%_34\.62\%_86\.4\%\] {
    inset: 30.77% 11.84% 34.62% 86.4%;
  }

  .inset-\[30\.83\%_1\.92\%_26\.55\%_90\.86\%\] {
    inset: 30.83% 1.92% 26.55% 90.86%;
  }

  .inset-\[31\.11\%_9\.91\%_29\.4\%_88\.6\%\] {
    inset: 31.11% 9.91% 29.4% 88.6%;
  }

  .inset-\[31\.11\%_86\.19\%_32\.71\%_7\.32\%\] {
    inset: 31.11% 86.19% 32.71% 7.32%;
  }

  .inset-\[31\.14\%_-0\.13\%_41\.96\%_79\.75\%\] {
    inset: 31.14% -.13% 41.96% 79.75%;
  }

  .inset-\[31\.92\%_0\.36\%_42\.92\%_80\.55\%\] {
    inset: 31.92% .36% 42.92% 80.55%;
  }

  .inset-\[31\.92\%_61\.22\%_42\.92\%_19\.69\%\] {
    inset: 31.92% 61.22% 42.92% 19.69%;
  }

  .inset-\[32\.26\%_92\.73\%_31\.55\%_3\.9\%\] {
    inset: 32.26% 92.73% 31.55% 3.9%;
  }

  .inset-\[32\.67\%_3\.92\%_51\.54\%_84\.11\%\] {
    inset: 32.67% 3.92% 51.54% 84.11%;
  }

  .inset-\[32\.67\%_64\.78\%_51\.54\%_23\.25\%\] {
    inset: 32.67% 64.78% 51.54% 23.25%;
  }

  .inset-\[32\.84\%_26\.73\%_38\.8\%_67\.97\%\] {
    inset: 32.84% 26.73% 38.8% 67.97%;
  }

  .inset-\[33\.33\%_43\.66\%_30\.71\%_47\.37\%\] {
    inset: 33.33% 43.66% 30.71% 47.37%;
  }

  .inset-\[33\.33\%_64\.98\%_32\.2\%_28\.51\%\] {
    inset: 33.33% 64.98% 32.2% 28.51%;
  }

  .inset-\[33\.33\%_84\.76\%_33\.49\%_9\.21\%\] {
    inset: 33.33% 84.76% 33.49% 9.21%;
  }

  .inset-\[34\.53\%_22\.48\%_34\.58\%_22\%\] {
    inset: 34.53% 22.48% 34.58% 22%;
  }

  .inset-\[34\.53\%_22\.48\%_61\.93\%_22\%\] {
    inset: 34.53% 22.48% 61.93% 22%;
  }

  .inset-\[34\.62\%_18\.59\%_40\.38\%_80\.14\%\] {
    inset: 34.62% 18.59% 40.38% 80.14%;
  }

  .inset-\[35\.11\%_18\.72\%_61\.39\%_70\.19\%\] {
    inset: 35.11% 18.72% 61.39% 70.19%;
  }

  .inset-\[35\.48\%_15\.94\%_31\.67\%_78\.38\%\] {
    inset: 35.48% 15.94% 31.67% 78.38%;
  }

  .inset-\[35\.48\%_27\.06\%_31\.67\%_67\.26\%\] {
    inset: 35.48% 27.06% 31.67% 67.26%;
  }

  .inset-\[36\.21\%_0\.13\%_57\.79\%_92\.47\%\] {
    inset: 36.21% .13% 57.79% 92.47%;
  }

  .inset-\[36\.54\%_1\.86\%_39\.79\%_96\.18\%\] {
    inset: 36.54% 1.86% 39.79% 96.18%;
  }

  .inset-\[40\.38\%_23\.48\%_44\.23\%_75\.34\%\] {
    inset: 40.38% 23.48% 44.23% 75.34%;
  }

  .inset-\[40\.38\%_26\.32\%_44\.23\%_72\.5\%\] {
    inset: 40.38% 26.32% 44.23% 72.5%;
  }

  .inset-\[40\.38\%_29\.16\%_44\.23\%_69\.47\%\] {
    inset: 40.38% 29.16% 44.23% 69.47%;
  }

  .inset-\[41\.02\%_17\.2\%_57\.42\%_79\.88\%\] {
    inset: 41.02% 17.2% 57.42% 79.88%;
  }

  .inset-\[41\.73\%_26\.08\%_55\.71\%_24\%\] {
    inset: 41.73% 26.08% 55.71% 24%;
  }

  .inset-\[47\.73\%_31\.9\%_49\.38\%_30\%\] {
    inset: 47.73% 31.9% 49.38% 30%;
  }

  .inset-\[50\.92\%_-7\.57\%_29\.48\%_84\.63\%\] {
    inset: 50.92% -7.57% 29.48% 84.63%;
  }

  .inset-\[50\.92\%_2\.96\%_46\.97\%_89\.85\%\] {
    inset: 50.92% 2.96% 46.97% 89.85%;
  }

  .inset-\[50\.92\%_10\.15\%_47\.17\%_84\.63\%\] {
    inset: 50.92% 10.15% 47.17% 84.63%;
  }

  .inset-\[51\.61\%_40\.42\%_38\.71\%_55\.56\%\] {
    inset: 51.61% 40.42% 38.71% 55.56%;
  }

  .inset-\[51\.71\%_53\.29\%_29\.72\%_24\.35\%\] {
    inset: 51.71% 53.29% 29.72% 24.35%;
  }

  .inset-\[51\.71\%_65\.24\%_46\.38\%_29\.57\%\] {
    inset: 51.71% 65.24% 46.38% 29.57%;
  }

  .inset-\[51\.71\%_70\.43\%_46\.38\%_24\.35\%\] {
    inset: 51.71% 70.43% 46.38% 24.35%;
  }

  .inset-\[51\.73\%_54\.84\%_32\.55\%_33\.23\%\] {
    inset: 51.73% 54.84% 32.55% 33.23%;
  }

  .inset-\[51\.97\%_-6\.02\%_32\.31\%_94\.08\%\] {
    inset: 51.97% -6.02% 32.31% 94.08%;
  }

  .inset-\[53\.56\%_73\.99\%_14\.53\%_1\.54\%\] {
    inset: 53.56% 73.99% 14.53% 1.54%;
  }

  .inset-\[53\.87\%_27\.63\%_41\.99\%_26\%\] {
    inset: 53.87% 27.63% 41.99% 26%;
  }

  .inset-\[54\.8\%_-7\.57\%_29\.48\%_95\.63\%\] {
    inset: 54.8% -7.57% 29.48% 95.63%;
  }

  .inset-\[54\.56\%_53\.29\%_29\.72\%_34\.77\%\] {
    inset: 54.56% 53.29% 29.72% 34.77%;
  }

  .inset-\[57\.08\%_70\.76\%_31\.92\%_29\.24\%\] {
    inset: 57.08% 70.76% 31.92% 29.24%;
  }

  .inset-\[61\.33\%_22\.54\%_34\.58\%_22\%\] {
    inset: 61.33% 22.54% 34.58% 22%;
  }

  .inset-\[62\.22\%_21\.05\%_22\.22\%_75\.88\%\] {
    inset: 62.22% 21.05% 22.22% 75.88%;
  }

  .inset-\[68\.08\%_54\.26\%_12\.27\%_19\.69\%\] {
    inset: 68.08% 54.26% 12.27% 19.69%;
  }

  .inset-\[68\.08\%_61\.22\%_22\.49\%_19\.69\%\] {
    inset: 68.08% 61.22% 22.49% 19.69%;
  }

  .inset-\[71\.45\%_54\.26\%_12\.27\%_24\.15\%\] {
    inset: 71.45% 54.26% 12.27% 24.15%;
  }

  .inset-\[71\.45\%_64\.87\%_26\.71\%_24\.15\%\] {
    inset: 71.45% 64.87% 26.71% 24.15%;
  }

  .inset-\[72\.01\%_54\.26\%_12\.27\%_33\.8\%\] {
    inset: 72.01% 54.26% 12.27% 33.8%;
  }

  .inset-\[72\.8\%_54\.06\%_9\.91\%_38\.78\%\] {
    inset: 72.8% 54.06% 9.91% 38.78%;
  }

  .inset-\[72\.8\%_80\.31\%_9\.91\%_10\.14\%\] {
    inset: 72.8% 80.31% 9.91% 10.14%;
  }

  .inset-\[72\.96\%_83\.61\%_25\.26\%_8\.52\%\] {
    inset: 72.96% 83.61% 25.26% 8.52%;
  }

  .inset-\[90\.09\%_37\.56\%_-9\.74\%_36\.4\%\] {
    inset: 90.09% 37.56% -9.74% 36.4%;
  }

  .inset-\[90\.09\%_44\.51\%_0\.48\%_36\.4\%\] {
    inset: 90.09% 44.51% .48% 36.4%;
  }

  .inset-\[90\.09\%_73\.36\%_-9\.74\%_0\.6\%\] {
    inset: 90.09% 73.36% -9.74% .6%;
  }

  .inset-\[90\.09\%_80\.31\%_0\.48\%_0\.6\%\] {
    inset: 90.09% 80.31% .48% .6%;
  }

  .inset-\[90\.32\%_90\.39\%_3\.23\%_2\.4\%\] {
    inset: 90.32% 90.39% 3.23% 2.4%;
  }

  .inset-\[93\.29\%_37\.56\%_-9\.74\%_40\.72\%\] {
    inset: 93.29% 37.56% -9.74% 40.72%;
  }

  .inset-\[93\.29\%_48\.5\%_4\.87\%_40\.72\%\] {
    inset: 93.29% 48.5% 4.87% 40.72%;
  }

  .inset-\[93\.29\%_73\.36\%_-9\.74\%_4\.79\%\] {
    inset: 93.29% 73.36% -9.74% 4.79%;
  }

  .inset-\[93\.29\%_84\.43\%_4\.87\%_4\.79\%\] {
    inset: 93.29% 84.43% 4.87% 4.79%;
  }

  .inset-\[94\.02\%_37\.56\%_-9\.74\%_50\.51\%\] {
    inset: 94.02% 37.56% -9.74% 50.51%;
  }

  .inset-\[94\.02\%_73\.36\%_-9\.74\%_14\.71\%\] {
    inset: 94.02% 73.36% -9.74% 14.71%;
  }

  .inset-\[94\.38\%_20\%_1\.87\%_20\%\] {
    inset: 94.38% 20% 1.87%;
  }

  .inset-\[94\.38\%_96\.88\%_1\.88\%_0\.78\%\] {
    inset: 94.38% 96.88% 1.88% .78%;
  }

  .inset-\[94\.98\%_38\.3\%_2\.5\%_35\.63\%\] {
    inset: 94.98% 38.3% 2.5% 35.63%;
  }

  .inset-\[95\.13\%_4\.53\%_1\%_69\.45\%\] {
    inset: 95.13% 4.53% 1% 69.45%;
  }

  .inset-\[95\.63\%_97\.34\%_3\.13\%_1\.25\%\] {
    inset: 95.63% 97.34% 3.13% 1.25%;
  }

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

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

  .top-1\/4 {
    top: 25%;
  }

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

  .top-\[-0\.01\%\] {
    top: -.01%;
  }

  .top-\[-0\.5px\] {
    top: -.5px;
  }

  .top-\[-0\.08\%\] {
    top: -.08%;
  }

  .top-\[-0\.13\%\] {
    top: -.13%;
  }

  .top-\[-0\.58\%\] {
    top: -.58%;
  }

  .top-\[-11\.64\%\] {
    top: -11.64%;
  }

  .top-\[5\.59px\] {
    top: 5.59px;
  }

  .top-\[6\.38\%\] {
    top: 6.38%;
  }

  .top-\[10\.13\%\] {
    top: 10.13%;
  }

  .top-\[12\.11\%\] {
    top: 12.11%;
  }

  .top-\[15\.23\%\] {
    top: 15.23%;
  }

  .top-\[17\.31\%\] {
    top: 17.31%;
  }

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

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

  .top-\[47\.06\%\] {
    top: 47.06%;
  }

  .top-\[63\.32\%\] {
    top: 63.32%;
  }

  .top-\[94\.23\%\] {
    top: 94.23%;
  }

  .top-\[137\.5px\] {
    top: 137.5px;
  }

  .top-\[151\.5px\] {
    top: 151.5px;
  }

  .top-\[323\.5px\] {
    top: 323.5px;
  }

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

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

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

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

  .top-\[calc\(50\%\+0\.5px\)\] {
    top: calc(50% + .5px);
  }

  .top-\[calc\(50\%\+0\.844px\)\] {
    top: calc(50% + .844px);
  }

  .top-\[calc\(50\%\+4\.393px\)\] {
    top: calc(50% + 4.393px);
  }

  .top-\[calc\(50\%-0\.265px\)\] {
    top: calc(50% - .265px);
  }

  .top-\[calc\(50\%-1\.131px\)\] {
    top: calc(50% - 1.131px);
  }

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

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

  .right-\[-0\.47\%\] {
    right: -.47%;
  }

  .right-\[-0\.781\%\] {
    right: -.781%;
  }

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

  .right-\[-28\.83\%\] {
    right: -28.83%;
  }

  .right-\[0\.1\%\] {
    right: .1%;
  }

  .right-\[0\.03\%\] {
    right: .03%;
  }

  .right-\[0\.05\%\] {
    right: .05%;
  }

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

  .right-\[0\.24\%\] {
    right: .24%;
  }

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

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

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

  .right-\[12\.61\%\] {
    right: 12.61%;
  }

  .right-\[13\.01\%\] {
    right: 13.01%;
  }

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

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

  .right-\[25\.83\%\] {
    right: 25.83%;
  }

  .right-\[26\.45\%\] {
    right: 26.45%;
  }

  .right-\[28\.67\%\] {
    right: 28.67%;
  }

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

  .right-\[37\.47\%\] {
    right: 37.47%;
  }

  .right-\[52\.43\%\] {
    right: 52.43%;
  }

  .right-\[66px\] {
    right: 66px;
  }

  .right-\[78\.08\%\] {
    right: 78.08%;
  }

  .right-\[79\.42\%\] {
    right: 79.42%;
  }

  .right-\[91\.84\%\] {
    right: 91.84%;
  }

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

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

  .right-\[96\.09\%\] {
    right: 96.09%;
  }

  .right-\[96\.17\%\] {
    right: 96.17%;
  }

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

  .bottom-1\/4 {
    bottom: 25%;
  }

  .bottom-\[-0\.5px\] {
    bottom: -.5px;
  }

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

  .bottom-\[-0\.58\%\] {
    bottom: -.58%;
  }

  .bottom-\[-0\.67\%\] {
    bottom: -.67%;
  }

  .bottom-\[-10\.83\%\] {
    bottom: -10.83%;
  }

  .bottom-\[-33\.08\%\] {
    bottom: -33.08%;
  }

  .bottom-\[-33\.14\%\] {
    bottom: -33.14%;
  }

  .bottom-\[1\.26\%\] {
    bottom: 1.26%;
  }

  .bottom-\[3\.85\%\] {
    bottom: 3.85%;
  }

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

  .bottom-\[20\.47\%\] {
    bottom: 20.47%;
  }

  .bottom-\[26\.47\%\] {
    bottom: 26.47%;
  }

  .bottom-\[28\.85\%\] {
    bottom: 28.85%;
  }

  .bottom-\[61\.63\%\] {
    bottom: 61.63%;
  }

  .bottom-\[91\.37\%\] {
    bottom: 91.37%;
  }

  .bottom-\[93\.5\%\] {
    bottom: 93.5%;
  }

  .bottom-\[93\.14\%\] {
    bottom: 93.14%;
  }

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

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

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

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

  .left-\[-0\.781\%\] {
    left: -.781%;
  }

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

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

  .left-\[0\.1\%\] {
    left: .1%;
  }

  .left-\[0\.04\%\] {
    left: .04%;
  }

  .left-\[0\.24\%\] {
    left: .24%;
  }

  .left-\[7\.96px\] {
    left: 7.96px;
  }

  .left-\[8px\] {
    left: 8px;
  }

  .left-\[12\.4\%\] {
    left: 12.4%;
  }

  .left-\[16px\] {
    left: 16px;
  }

  .left-\[17\.16px\] {
    left: 17.16px;
  }

  .left-\[20\.63\%\] {
    left: 20.63%;
  }

  .left-\[23\.72\%\] {
    left: 23.72%;
  }

  .left-\[24px\] {
    left: 24px;
  }

  .left-\[26\.99\%\] {
    left: 26.99%;
  }

  .left-\[28\.57\%\] {
    left: 28.57%;
  }

  .left-\[28px\] {
    left: 28px;
  }

  .left-\[52\.97\%\] {
    left: 52.97%;
  }

  .left-\[61px\] {
    left: 61px;
  }

  .left-\[64\.26\%\] {
    left: 64.26%;
  }

  .left-\[68\.98\%\] {
    left: 68.98%;
  }

  .left-\[71\.82\%\] {
    left: 71.82%;
  }

  .left-\[74\.85\%\] {
    left: 74.85%;
  }

  .left-\[78\.86\%\] {
    left: 78.86%;
  }

  .left-\[78\.92\%\] {
    left: 78.92%;
  }

  .left-\[88\.06\%\] {
    left: 88.06%;
  }

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

  .left-\[96\.09\%\] {
    left: 96.09%;
  }

  .left-\[129px\] {
    left: 129px;
  }

  .left-\[367px\] {
    left: 367px;
  }

  .left-\[1062px\] {
    left: 1062px;
  }

  .left-\[calc\(50\%\+0\.5px\)\] {
    left: calc(50% + .5px);
  }

  .left-\[calc\(50\%\+0\.234px\)\] {
    left: calc(50% + .234px);
  }

  .left-\[calc\(50\%\+0\.484px\)\] {
    left: calc(50% + .484px);
  }

  .left-\[calc\(50\%\+1px\)\] {
    left: calc(50% + 1px);
  }

  .z-10 {
    z-index: 10;
  }

  .z-50 {
    z-index: 50;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

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

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

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

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

  .ms-\[30px\] {
    margin-inline-start: 30px;
  }

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

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

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

  .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-\[8\.988\%\] {
    margin-top: 8.988%;
  }

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

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

  .mt-\[21\.583px\] {
    margin-top: 21.583px;
  }

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

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

  .mt-\[42\.718\%\] {
    margin-top: 42.718%;
  }

  .mt-\[63\.5\%\] {
    margin-top: 63.5%;
  }

  .mt-\[77\.455\%\] {
    margin-top: 77.455%;
  }

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

  .mt-\[107\.554px\] {
    margin-top: 107.554px;
  }

  .mt-\[107\.791px\] {
    margin-top: 107.791px;
  }

  .mt-\[109\.209px\] {
    margin-top: 109.209px;
  }

  .mt-\[111\.325px\] {
    margin-top: 111.325px;
  }

  .mt-\[114\.515px\] {
    margin-top: 114.515px;
  }

  .mt-\[116\.68px\] {
    margin-top: 116.68px;
  }

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

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

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

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

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

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

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

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

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

  .ml-\[3\.361\%\] {
    margin-left: 3.361%;
  }

  .ml-\[10\.083\%\] {
    margin-left: 10.083%;
  }

  .ml-\[10\.608\%\] {
    margin-left: 10.608%;
  }

  .ml-\[14\.616px\] {
    margin-left: 14.616px;
  }

  .ml-\[19px\] {
    margin-left: 19px;
  }

  .ml-\[57\.923\%\] {
    margin-left: 57.923%;
  }

  .ml-\[71\.331\%\] {
    margin-left: 71.331%;
  }

  .ml-\[71\.874\%\] {
    margin-left: 71.874%;
  }

  .ml-\[99\.972px\] {
    margin-left: 99.972px;
  }

  .ml-\[107\.223px\] {
    margin-left: 107.223px;
  }

  .ml-\[108\.088px\] {
    margin-left: 108.088px;
  }

  .ml-\[109\.453px\] {
    margin-left: 109.453px;
  }

  .ml-\[111\.603px\] {
    margin-left: 111.603px;
  }

  .ml-\[114\.943px\] {
    margin-left: 114.943px;
  }

  .ml-\[116\.689px\] {
    margin-left: 116.689px;
  }

  .box-border {
    box-sizing: border-box;
  }

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .table {
    display: table;
  }

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

  .aspect-\[16\/9\] {
    aspect-ratio: 16 / 9;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

  .aspect-\[649\/644\] {
    aspect-ratio: 649 / 644;
  }

  .aspect-\[768\/762\] {
    aspect-ratio: 768 / 762;
  }

  .aspect-\[1088\/520\] {
    aspect-ratio: 1088 / 520;
  }

  .aspect-\[1088\/661\] {
    aspect-ratio: 1088 / 661;
  }

  .aspect-\[1088\/662\] {
    aspect-ratio: 1088 / 662;
  }

  .aspect-\[1118\/785\] {
    aspect-ratio: 1118 / 785;
  }

  .aspect-\[1133\/542\] {
    aspect-ratio: 1133 / 542;
  }

  .aspect-\[2176\/1322\] {
    aspect-ratio: 2176 / 1322;
  }

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

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

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

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

  .size-\[3\.247px\] {
    width: 3.247px;
    height: 3.247px;
  }

  .size-\[10\.828px\] {
    width: 10.828px;
    height: 10.828px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[26\.846px\] {
    height: 26.846px;
  }

  .h-\[29\.658px\] {
    height: 29.658px;
  }

  .h-\[31\.62px\] {
    height: 31.62px;
  }

  .h-\[35\.828px\] {
    height: 35.828px;
  }

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

  .h-\[41\.079px\] {
    height: 41.079px;
  }

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

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

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

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

  .h-\[49\.262px\] {
    height: 49.262px;
  }

  .h-\[58\.291px\] {
    height: 58.291px;
  }

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

  .h-\[65\.995px\] {
    height: 65.995px;
  }

  .h-\[81\.818px\] {
    height: 81.818px;
  }

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

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

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

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

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

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

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

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.1608630269765854\)\+\(var\(--transform-inner-height\)\*0\.986976683139801\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .160863)  + (var(--transform-inner-height) * .986977)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.07475867122411728\)\+\(var\(--transform-inner-height\)\*0\.9972015619277954\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .0747587)  + (var(--transform-inner-height) * .997202)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.07475867867469788\)\+\(var\(--transform-inner-height\)\*0\.9972016215324402\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .0747587)  + (var(--transform-inner-height) * .997202)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.08221985399723053\)\+\(var\(--transform-inner-height\)\*0\.9966141581535339\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .0822199)  + (var(--transform-inner-height) * .996614)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.08221986144781113\)\+\(var\(--transform-inner-height\)\*0\.9966142177581787\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .0822199)  + (var(--transform-inner-height) * .996614)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.10144821554422379\)\+\(var\(--transform-inner-height\)\*0\.9948407411575317\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .101448)  + (var(--transform-inner-height) * .994841)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.10144822299480438\)\+\(var\(--transform-inner-height\)\*0\.9948408007621765\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .101448)  + (var(--transform-inner-height) * .994841)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.11721095442771912\)\+\(var\(--transform-inner-height\)\*0\.9931069612503052\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .117211)  + (var(--transform-inner-height) * .993107)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.11721096187829971\)\+\(var\(--transform-inner-height\)\*0\.99310702085495\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .117211)  + (var(--transform-inner-height) * .993107)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.16086304187774658\)\+\(var\(--transform-inner-height\)\*0\.9869767427444458\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .160863)  + (var(--transform-inner-height) * .986977)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.18307484686374664\)\+\(var\(--transform-inner-height\)\*0\.9830989241600037\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .183075)  + (var(--transform-inner-height) * .983099)));
  }

  .h-\[calc\(1px\*\(\(var\(--transform-inner-width\)\*0\.18307486176490784\)\+\(var\(--transform-inner-height\)\*0\.9830989837646484\)\)\)\] {
    height: calc(1px * ((var(--transform-inner-width) * .183075)  + (var(--transform-inner-height) * .983099)));
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

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

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

  .min-h-\[calc\(100vh-var\(--header-height\)\)\] {
    min-height: calc(100vh - var(--header-height));
  }

  .min-h-px {
    min-height: 1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[23\.99px\] {
    width: 23.99px;
  }

  .w-\[35\.205px\] {
    width: 35.205px;
  }

  .w-\[36\.247px\] {
    width: 36.247px;
  }

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

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

  .w-\[45\.845px\] {
    width: 45.845px;
  }

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

  .w-\[46\.523px\] {
    width: 46.523px;
  }

  .w-\[46\.744px\] {
    width: 46.744px;
  }

  .w-\[47\.982px\] {
    width: 47.982px;
  }

  .w-\[48\.407px\] {
    width: 48.407px;
  }

  .w-\[50\.183px\] {
    width: 50.183px;
  }

  .w-\[50\.913px\] {
    width: 50.913px;
  }

  .w-\[53\.436px\] {
    width: 53.436px;
  }

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

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

  .w-\[66\.291px\] {
    width: 66.291px;
  }

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

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

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

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

  .w-\[167\.944px\] {
    width: 167.944px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.1608630269765854\)\+\(var\(--transform-inner-width\)\*0\.986976683139801\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .160863)  + (var(--transform-inner-width) * .986977)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.07475867122411728\)\+\(var\(--transform-inner-width\)\*0\.9972015619277954\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .0747587)  + (var(--transform-inner-width) * .997202)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.07475867867469788\)\+\(var\(--transform-inner-width\)\*0\.9972016215324402\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .0747587)  + (var(--transform-inner-width) * .997202)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.08221985399723053\)\+\(var\(--transform-inner-width\)\*0\.9966141581535339\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .0822199)  + (var(--transform-inner-width) * .996614)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.08221986144781113\)\+\(var\(--transform-inner-width\)\*0\.9966142177581787\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .0822199)  + (var(--transform-inner-width) * .996614)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.10144821554422379\)\+\(var\(--transform-inner-width\)\*0\.9948407411575317\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .101448)  + (var(--transform-inner-width) * .994841)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.10144822299480438\)\+\(var\(--transform-inner-width\)\*0\.9948408007621765\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .101448)  + (var(--transform-inner-width) * .994841)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.11721095442771912\)\+\(var\(--transform-inner-width\)\*0\.9931069612503052\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .117211)  + (var(--transform-inner-width) * .993107)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.11721096187829971\)\+\(var\(--transform-inner-width\)\*0\.99310702085495\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .117211)  + (var(--transform-inner-width) * .993107)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.16086304187774658\)\+\(var\(--transform-inner-width\)\*0\.9869767427444458\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .160863)  + (var(--transform-inner-width) * .986977)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.18307484686374664\)\+\(var\(--transform-inner-width\)\*0\.9830989241600037\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .183075)  + (var(--transform-inner-width) * .983099)));
  }

  .w-\[calc\(1px\*\(\(var\(--transform-inner-height\)\*0\.18307486176490784\)\+\(var\(--transform-inner-width\)\*0\.9830989837646484\)\)\)\] {
    width: calc(1px * ((var(--transform-inner-height) * .183075)  + (var(--transform-inner-width) * .983099)));
  }

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

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .\!max-w-none {
    max-width: none !important;
  }

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

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

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

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

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

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

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

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

  .max-w-none {
    max-width: none;
  }

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

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

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

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

  .min-w-px {
    min-width: 1px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

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

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

  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }

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

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

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

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

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

  .rotate-\[5\.823deg\] {
    rotate: 5.823deg;
  }

  .rotate-\[6\.731deg\] {
    rotate: 6.731deg;
  }

  .rotate-\[10\.549deg\] {
    rotate: 10.549deg;
  }

  .rotate-\[36\.127deg\] {
    rotate: 36.127deg;
  }

  .rotate-\[38\.144deg\] {
    rotate: 38.144deg;
  }

  .rotate-\[90deg\] {
    rotate: 90deg;
  }

  .rotate-\[180deg\] {
    rotate: 180deg;
  }

  .rotate-\[300\.276deg\] {
    rotate: 300.276deg;
  }

  .rotate-\[350\.743deg\] {
    rotate: 350.743deg;
  }

  .rotate-\[355\.284deg\] {
    rotate: 355.284deg;
  }

  .rotate-\[355\.713deg\] {
    rotate: 355.713deg;
  }

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

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

  .cursor-pointer {
    cursor: pointer;
  }

  .list-outside {
    list-style-position: outside;
  }

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

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

  .grid-cols-\[max-content\] {
    grid-template-columns: max-content;
  }

  .grid-rows-\[max-content\] {
    grid-template-rows: max-content;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-\[8px\] {
    gap: 8px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[12px\] {
    gap: 12px;
  }

  .gap-\[16px\] {
    gap: 16px;
  }

  .gap-\[20px\] {
    gap: 20px;
  }

  .gap-\[24px\] {
    gap: 24px;
  }

  .gap-\[32px\] {
    gap: 32px;
  }

  .gap-\[36px\] {
    gap: 36px;
  }

  .gap-\[48px\] {
    gap: 48px;
  }

  .gap-\[64px\] {
    gap: 64px;
  }

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

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

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

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

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

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

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

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

  .\!rounded-none {
    border-radius: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rounded-r-lg {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-\[rgba\(0\,0\,0\,0\)\] {
    border-color: #0000;
  }

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

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

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

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

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

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

  .border-indigo-100 {
    border-color: var(--color-indigo-100);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-white\/95 {
    background-color: #fffffff2;
  }

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

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-gray-400 {
    --tw-gradient-from: var(--color-gray-400);
    --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-orange-400 {
    --tw-gradient-from: var(--color-orange-400);
    --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-orange-500 {
    --tw-gradient-from: var(--color-orange-500);
    --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-purple-400 {
    --tw-gradient-from: var(--color-purple-400);
    --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-transparent {
    --tw-gradient-from: 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));
  }

  .via-gray-300 {
    --tw-gradient-via: var(--color-gray-300);
    --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-gray-600 {
    --tw-gradient-to: var(--color-gray-600);
    --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-orange-600 {
    --tw-gradient-to: var(--color-orange-600);
    --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-pink-500 {
    --tw-gradient-to: var(--color-pink-500);
    --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-purple-600 {
    --tw-gradient-to: var(--color-purple-600);
    --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));
  }

  .fill-orange-400 {
    fill: var(--color-orange-400);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .px-\[0px\] {
    padding-inline: 0;
  }

  .px-\[16px\] {
    padding-inline: 16px;
  }

  .px-\[20px\] {
    padding-inline: 20px;
  }

  .px-\[24px\] {
    padding-inline: 24px;
  }

  .px-\[48px\] {
    padding-inline: 48px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .pb-\[30px\] {
    padding-bottom: 30px;
  }

  .pb-\[40px\] {
    padding-bottom: 40px;
  }

  .pb-\[48px\] {
    padding-bottom: 48px;
  }

  .pb-\[180px\] {
    padding-bottom: 180px;
  }

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

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

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

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

  .text-left {
    text-align: left;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-\[\'Albert_Sans\'\] {
    font-family: Albert Sans;
  }

  .font-\[\'Arbutus_Slab\'\,serif\] {
    font-family: Arbutus Slab, serif;
  }

  .font-\[\'Arbutus_Slab\'\] {
    font-family: Arbutus Slab;
  }

  .font-\[\'Arbutus_Slab\:Regular\'\,_sans-serif\] {
    font-family: Arbutus Slab\:Regular, sans-serif;
  }

  .font-\[\'Atkinson_Hyperlegible\:Bold\'\,_sans-serif\] {
    font-family: Atkinson Hyperlegible\:Bold, sans-serif;
  }

  .font-\[\'Atkinson_Hyperlegible\:Regular\'\,_sans-serif\] {
    font-family: Atkinson Hyperlegible\:Regular, sans-serif;
  }

  .font-\[\'Inter\'\,sans-serif\] {
    font-family: Inter, sans-serif;
  }

  .font-\[\'Lato\:Regular\'\,_sans-serif\] {
    font-family: Lato\:Regular, sans-serif;
  }

  .font-\[\'Mali\:Regular\'\,_sans-serif\] {
    font-family: Mali\:Regular, sans-serif;
  }

  .font-\[\'Roboto\:Bold\'\,_sans-serif\] {
    font-family: Roboto\:Bold, sans-serif;
  }

  .font-\[\'Roboto\:Regular\'\,_sans-serif\] {
    font-family: Roboto\:Regular, sans-serif;
  }

  .font-\[\'Times_New_Roman\:Bold\'\,_sans-serif\] {
    font-family: Times New Roman\:Bold, sans-serif;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-serif {
    font-family: var(--font-serif);
  }

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

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[48px\] {
    font-size: 48px;
  }

  .leading-\[0\] {
    --tw-leading: 0;
    line-height: 0;
  }

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

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[15px\] {
    --tw-leading: 15px;
    line-height: 15px;
  }

  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }

  .leading-\[17px\] {
    --tw-leading: 17px;
    line-height: 17px;
  }

  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }

  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }

  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }

  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }

  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }

  .leading-\[27px\] {
    --tw-leading: 27px;
    line-height: 27px;
  }

  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }

  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }

  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }

  .leading-\[34px\] {
    --tw-leading: 34px;
    line-height: 34px;
  }

  .leading-\[36px\] {
    --tw-leading: 36px;
    line-height: 36px;
  }

  .leading-\[40px\] {
    --tw-leading: 40px;
    line-height: 40px;
  }

  .leading-\[42px\] {
    --tw-leading: 42px;
    line-height: 42px;
  }

  .leading-\[44px\] {
    --tw-leading: 44px;
    line-height: 44px;
  }

  .leading-\[56px\] {
    --tw-leading: 56px;
    line-height: 56px;
  }

  .leading-\[62px\] {
    --tw-leading: 62px;
    line-height: 62px;
  }

  .leading-\[64px\] {
    --tw-leading: 64px;
    line-height: 64px;
  }

  .leading-\[normal\] {
    --tw-leading: normal;
    line-height: normal;
  }

  .leading-\[var\(--responsive-line-height\,68px\)\] {
    --tw-leading: var(--responsive-line-height, 68px);
    line-height: var(--responsive-line-height, 68px);
  }

  .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-\[-0\.1px\] {
    --tw-tracking: -.1px;
    letter-spacing: -.1px;
  }

  .tracking-\[-0\.07px\] {
    --tw-tracking: -.07px;
    letter-spacing: -.07px;
  }

  .tracking-\[0\.4px\] {
    --tw-tracking: .4px;
    letter-spacing: .4px;
  }

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

  .text-nowrap {
    text-wrap: nowrap;
  }

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

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

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

  .text-\[\#000000\] {
    color: #000;
  }

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

  .text-\[\#4b4b4b\] {
    color: #4b4b4b;
  }

  .text-\[\#7e7e7e\] {
    color: #7e7e7e;
  }

  .text-\[\#9aa0a9\] {
    color: #9aa0a9;
  }

  .text-\[\#40b29e\] {
    color: #40b29e;
  }

  .text-\[\#415a71\] {
    color: #415a71;
  }

  .text-\[\#443bdc\] {
    color: #443bdc;
  }

  .text-\[\#657fb5\] {
    color: #657fb5;
  }

  .text-\[\#334155\] {
    color: #334155;
  }

  .text-\[\#f39c12\] {
    color: #f39c12;
  }

  .text-\[rgba\(0\,0\,0\,0\.45\)\] {
    color: #00000073;
  }

  .text-\[rgba\(55\,48\,163\,1\)\] {
    color: #3730a3;
  }

  .text-\[rgba\(75\,85\,99\,1\)\] {
    color: #4b5563;
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

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

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-gray-200 {
    color: var(--color-gray-200);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

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

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

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

  .text-indigo-600 {
    color: var(--color-indigo-600);
  }

  .text-indigo-700 {
    color: var(--color-indigo-700);
  }

  .text-indigo-800 {
    color: var(--color-indigo-800);
  }

  .text-indigo-900 {
    color: var(--color-indigo-900);
  }

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

  .text-pink-800 {
    color: var(--color-pink-800);
  }

  .text-purple-800 {
    color: var(--color-purple-800);
  }

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

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

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

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

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

  .capitalize {
    text-transform: capitalize;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-indigo-300 {
    -webkit-text-decoration-color: var(--color-indigo-300);
    text-decoration-color: var(--color-indigo-300);
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

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

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-80 {
    opacity: .8;
  }

  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.3\)\,0px_1px_3px_1px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #0000004d), 0px 1px 3px 1px var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_4px_0px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

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

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

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

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

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

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

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

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

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

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

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

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

  .\[grid-area\:1_\/_1\] {
    grid-area: 1 / 1;
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

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

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

  @media (hover: hover) {
    .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);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-indigo-800:is(:where(.group):hover *) {
      color: var(--color-indigo-800);
    }
  }

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

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

  .selection\:text-primary-foreground ::selection, .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);
  }

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

  @media (hover: hover) {
    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

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

  @media (hover: hover) {
    .hover\:\!transform-none:hover {
      transform: none !important;
    }
  }

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

  @media (hover: hover) {
    .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);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-800:hover {
      background-color: var(--color-gray-800);
    }
  }

  @media (hover: hover) {
    .hover\:bg-indigo-50:hover {
      background-color: var(--color-indigo-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-indigo-800:hover {
      background-color: var(--color-indigo-800);
    }
  }

  @media (hover: hover) {
    .hover\:bg-indigo-900:hover {
      background-color: var(--color-indigo-900);
    }
  }

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

  @media (hover: hover) {
    .hover\:text-gray-500:hover {
      color: var(--color-gray-500);
    }
  }

  @media (hover: hover) {
    .hover\:text-indigo-600:hover {
      color: var(--color-indigo-600);
    }
  }

  @media (hover: hover) {
    .hover\:text-indigo-800:hover {
      color: var(--color-indigo-800);
    }
  }

  @media (hover: hover) {
    .hover\:text-indigo-900:hover {
      color: var(--color-indigo-900);
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:decoration-indigo-600:hover {
      -webkit-text-decoration-color: var(--color-indigo-600);
      text-decoration-color: var(--color-indigo-600);
    }
  }

  @media (hover: hover) {
    .hover\:\!shadow-none:hover {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-xl:hover {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

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

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

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

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

  .focus-visible\:ring-\[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-indigo-800\/20:focus-visible {
    --tw-ring-color: color-mix(in srgb, oklch(.398 .195 277.366) 20%, transparent);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  @media (width >= 40rem) {
    .sm\:left-4 {
      left: calc(var(--spacing) * 4);
    }
  }

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

  @media (width >= 40rem) {
    .sm\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }

  @media (width >= 40rem) {
    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (width >= 40rem) {
    .sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 40rem) {
    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 40rem) {
    .sm\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 40rem) {
    .sm\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }

  @media (width >= 40rem) {
    .sm\:block {
      display: block;
    }
  }

  @media (width >= 40rem) {
    .sm\:hidden {
      display: none;
    }
  }

  @media (width >= 40rem) {
    .sm\:aspect-\[2\/1\] {
      aspect-ratio: 2;
    }
  }

  @media (width >= 40rem) {
    .sm\:size-\[44px\] {
      width: 44px;
      height: 44px;
    }
  }

  @media (width >= 40rem) {
    .sm\:h-10 {
      height: calc(var(--spacing) * 10);
    }
  }

  @media (width >= 40rem) {
    .sm\:h-80 {
      height: calc(var(--spacing) * 80);
    }
  }

  @media (width >= 40rem) {
    .sm\:min-h-\[400px\] {
      min-height: 400px;
    }
  }

  @media (width >= 40rem) {
    .sm\:min-h-\[900px\] {
      min-height: 900px;
    }
  }

  @media (width >= 40rem) {
    .sm\:w-10 {
      width: calc(var(--spacing) * 10);
    }
  }

  @media (width >= 40rem) {
    .sm\:w-96 {
      width: calc(var(--spacing) * 96);
    }
  }

  @media (width >= 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }

  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (width >= 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (width >= 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

  @media (width >= 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (width >= 40rem) {
    .sm\:justify-start {
      justify-content: flex-start;
    }
  }

  @media (width >= 40rem) {
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (width >= 40rem) {
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 40rem) {
    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 40rem) {
    .sm\:gap-\[48px\] {
      gap: 48px;
    }
  }

  @media (width >= 40rem) {
    :where(.sm\: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)));
    }
  }

  @media (width >= 40rem) {
    :where(.sm\: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)));
    }
  }

  @media (width >= 40rem) {
    .sm\:rounded-\[16px\] {
      border-radius: 16px;
    }
  }

  @media (width >= 40rem) {
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 40rem) {
    .sm\:p-\[16px\] {
      padding: 16px;
    }
  }

  @media (width >= 40rem) {
    .sm\:p-\[20px\] {
      padding: 20px;
    }
  }

  @media (width >= 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 40rem) {
    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  @media (width >= 40rem) {
    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
  }

  @media (width >= 40rem) {
    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 40rem) {
    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 40rem) {
    .sm\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
  }

  @media (width >= 40rem) {
    .sm\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 40rem) {
    .sm\:pl-12 {
      padding-left: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 40rem) {
    .sm\:text-left {
      text-align: left;
    }
  }

  @media (width >= 40rem) {
    .sm\:text-right {
      text-align: right;
    }
  }

  @media (width >= 40rem) {
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (width >= 40rem) {
    .sm\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }

  @media (width >= 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (width >= 40rem) {
    .sm\:text-\[13px\] {
      font-size: 13px;
    }
  }

  @media (width >= 40rem) {
    .sm\:text-\[18px\] {
      font-size: 18px;
    }
  }

  @media (width >= 40rem) {
    .sm\:text-\[20px\] {
      font-size: 20px;
    }
  }

  @media (width >= 40rem) {
    .sm\:text-\[24px\] {
      font-size: 24px;
    }
  }

  @media (width >= 40rem) {
    .sm\:text-\[28px\] {
      font-size: 28px;
    }
  }

  @media (width >= 40rem) {
    .sm\:leading-\[22px\] {
      --tw-leading: 22px;
      line-height: 22px;
    }
  }

  @media (width >= 40rem) {
    .sm\:leading-\[28px\] {
      --tw-leading: 28px;
      line-height: 28px;
    }
  }

  @media (width >= 40rem) {
    .sm\:leading-\[34px\] {
      --tw-leading: 34px;
      line-height: 34px;
    }
  }

  @media (width >= 40rem) {
    .sm\:leading-\[36px\] {
      --tw-leading: 36px;
      line-height: 36px;
    }
  }

  @media (width >= 40rem) {
    .sm\:leading-\[38px\] {
      --tw-leading: 38px;
      line-height: 38px;
    }
  }

  @media (width >= 48rem) {
    .md\:mt-\[32px\] {
      margin-top: 32px;
    }
  }

  @media (width >= 48rem) {
    .md\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }

  @media (width >= 48rem) {
    .md\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (width >= 48rem) {
    .md\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }

  @media (width >= 48rem) {
    .md\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (width >= 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (width >= 48rem) {
    .md\:aspect-\[1088\/662\] {
      aspect-ratio: 1088 / 662;
    }
  }

  @media (width >= 48rem) {
    .md\:h-5 {
      height: calc(var(--spacing) * 5);
    }
  }

  @media (width >= 48rem) {
    .md\:h-11 {
      height: calc(var(--spacing) * 11);
    }
  }

  @media (width >= 48rem) {
    .md\:h-\[150px\] {
      height: 150px;
    }
  }

  @media (width >= 48rem) {
    .md\:w-5 {
      width: calc(var(--spacing) * 5);
    }
  }

  @media (width >= 48rem) {
    .md\:w-11 {
      width: calc(var(--spacing) * 11);
    }
  }

  @media (width >= 48rem) {
    .md\:w-\[380px\] {
      width: 380px;
    }
  }

  @media (width >= 48rem) {
    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }

  @media (width >= 48rem) {
    .md\:gap-\[20px\] {
      gap: 20px;
    }
  }

  @media (width >= 48rem) {
    .md\:gap-\[24px\] {
      gap: 24px;
    }
  }

  @media (width >= 48rem) {
    .md\:gap-\[28px\] {
      gap: 28px;
    }
  }

  @media (width >= 48rem) {
    .md\:gap-\[40px\] {
      gap: 40px;
    }
  }

  @media (width >= 48rem) {
    .md\:gap-\[48px\] {
      gap: 48px;
    }
  }

  @media (width >= 48rem) {
    .md\:gap-\[60px\] {
      gap: 60px;
    }
  }

  @media (width >= 48rem) {
    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
  }

  @media (width >= 48rem) {
    .md\:p-\[24px\] {
      padding: 24px;
    }
  }

  @media (width >= 48rem) {
    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media (width >= 48rem) {
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 48rem) {
    .md\:px-\[32px\] {
      padding-inline: 32px;
    }
  }

  @media (width >= 48rem) {
    .md\:px-\[40px\] {
      padding-inline: 40px;
    }
  }

  @media (width >= 48rem) {
    .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  @media (width >= 48rem) {
    .md\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
  }

  @media (width >= 48rem) {
    .md\:py-7 {
      padding-block: calc(var(--spacing) * 7);
    }
  }

  @media (width >= 48rem) {
    .md\:py-\[40px\] {
      padding-block: 40px;
    }
  }

  @media (width >= 48rem) {
    .md\:pb-\[35px\] {
      padding-bottom: 35px;
    }
  }

  @media (width >= 48rem) {
    .md\:pb-\[60px\] {
      padding-bottom: 60px;
    }
  }

  @media (width >= 48rem) {
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (width >= 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (width >= 48rem) {
    .md\:text-\[13\.5px\] {
      font-size: 13.5px;
    }
  }

  @media (width >= 48rem) {
    .md\:text-\[13px\] {
      font-size: 13px;
    }
  }

  @media (width >= 48rem) {
    .md\:text-\[14px\] {
      font-size: 14px;
    }
  }

  @media (width >= 48rem) {
    .md\:text-\[15px\] {
      font-size: 15px;
    }
  }

  @media (width >= 48rem) {
    .md\:text-\[18px\] {
      font-size: 18px;
    }
  }

  @media (width >= 48rem) {
    .md\:text-\[20px\] {
      font-size: 20px;
    }
  }

  @media (width >= 48rem) {
    .md\:text-\[24px\] {
      font-size: 24px;
    }
  }

  @media (width >= 48rem) {
    .md\:text-\[28px\] {
      font-size: 28px;
    }
  }

  @media (width >= 48rem) {
    .md\:text-\[32px\] {
      font-size: 32px;
    }
  }

  @media (width >= 48rem) {
    .md\:text-\[36px\] {
      font-size: 36px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[21px\] {
      --tw-leading: 21px;
      line-height: 21px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[22px\] {
      --tw-leading: 22px;
      line-height: 22px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[27px\] {
      --tw-leading: 27px;
      line-height: 27px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[29px\] {
      --tw-leading: 29px;
      line-height: 29px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[30px\] {
      --tw-leading: 30px;
      line-height: 30px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[32px\] {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[36px\] {
      --tw-leading: 36px;
      line-height: 36px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[40px\] {
      --tw-leading: 40px;
      line-height: 40px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[42px\] {
      --tw-leading: 42px;
      line-height: 42px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[44px\] {
      --tw-leading: 44px;
      line-height: 44px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[48px\] {
      --tw-leading: 48px;
      line-height: 48px;
    }
  }

  @media (width >= 48rem) {
    .md\:leading-\[50px\] {
      --tw-leading: 50px;
      line-height: 50px;
    }
  }

  @media (width >= 64rem) {
    .lg\:right-\[16px\] {
      right: 16px;
    }
  }

  @media (width >= 64rem) {
    .lg\:left-\[16px\] {
      left: 16px;
    }
  }

  @media (width >= 64rem) {
    .lg\:order-1 {
      order: 1;
    }
  }

  @media (width >= 64rem) {
    .lg\:order-2 {
      order: 2;
    }
  }

  @media (width >= 64rem) {
    .lg\:mt-\[40px\] {
      margin-top: 40px;
    }
  }

  @media (width >= 64rem) {
    .lg\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 64rem) {
    .lg\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 64rem) {
    .lg\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }

  @media (width >= 64rem) {
    .lg\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }

  @media (width >= 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (width >= 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (width >= 64rem) {
    .lg\:aspect-\[1088\/662\] {
      aspect-ratio: 1088 / 662;
    }
  }

  @media (width >= 64rem) {
    .lg\:size-\[48px\] {
      width: 48px;
      height: 48px;
    }
  }

  @media (width >= 64rem) {
    .lg\:h-12 {
      height: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 64rem) {
    .lg\:h-96 {
      height: calc(var(--spacing) * 96);
    }
  }

  @media (width >= 64rem) {
    .lg\:h-\[180px\] {
      height: 180px;
    }
  }

  @media (width >= 64rem) {
    .lg\:h-\[366px\] {
      height: 366px;
    }
  }

  @media (width >= 64rem) {
    .lg\:min-h-\[600px\] {
      min-height: 600px;
    }
  }

  @media (width >= 64rem) {
    .lg\:min-h-\[1300px\] {
      min-height: 1300px;
    }
  }

  @media (width >= 64rem) {
    .lg\:w-12 {
      width: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 64rem) {
    .lg\:w-\[32rem\] {
      width: 32rem;
    }
  }

  @media (width >= 64rem) {
    .lg\:w-\[230px\] {
      width: 230px;
    }
  }

  @media (width >= 64rem) {
    .lg\:w-\[372px\] {
      width: 372px;
    }
  }

  @media (width >= 64rem) {
    .lg\:w-\[450px\] {
      width: 450px;
    }
  }

  @media (width >= 64rem) {
    .lg\:w-auto {
      width: auto;
    }
  }

  @media (width >= 64rem) {
    .lg\:max-w-\[1127px\] {
      max-width: 1127px;
    }
  }

  @media (width >= 64rem) {
    .lg\:max-w-\[1128px\] {
      max-width: 1128px;
    }
  }

  @media (width >= 64rem) {
    .lg\:min-w-px {
      min-width: 1px;
    }
  }

  @media (width >= 64rem) {
    .lg\:grow {
      flex-grow: 1;
    }
  }

  @media (width >= 64rem) {
    .lg\:basis-0 {
      flex-basis: calc(var(--spacing) * 0);
    }
  }

  @media (width >= 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (width >= 64rem) {
    .lg\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[24px\] {
      gap: 24px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[32px\] {
      gap: 32px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[48px\] {
      gap: 48px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[60px\] {
      gap: 60px;
    }
  }

  @media (width >= 64rem) {
    :where(.lg\: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)));
    }
  }

  @media (width >= 64rem) {
    :where(.lg\:space-y-12 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (width >= 64rem) {
    .lg\:overflow-hidden {
      overflow: hidden;
    }
  }

  @media (width >= 64rem) {
    .lg\:rounded-\[20px\] {
      border-radius: 20px;
    }
  }

  @media (width >= 64rem) {
    .lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 64rem) {
    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 64rem) {
    .lg\:p-\[24px\] {
      padding: 24px;
    }
  }

  @media (width >= 64rem) {
    .lg\:px-\[64px\] {
      padding-inline: 64px;
    }
  }

  @media (width >= 64rem) {
    .lg\:px-\[80px\] {
      padding-inline: 80px;
    }
  }

  @media (width >= 64rem) {
    .lg\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 64rem) {
    .lg\:py-\[48px\] {
      padding-block: 48px;
    }
  }

  @media (width >= 64rem) {
    .lg\:pb-\[40px\] {
      padding-bottom: 40px;
    }
  }

  @media (width >= 64rem) {
    .lg\:pb-\[80px\] {
      padding-bottom: 80px;
    }
  }

  @media (width >= 64rem) {
    .lg\:text-\[14px\] {
      font-size: 14px;
    }
  }

  @media (width >= 64rem) {
    .lg\:text-\[16px\] {
      font-size: 16px;
    }
  }

  @media (width >= 64rem) {
    .lg\:text-\[20px\] {
      font-size: 20px;
    }
  }

  @media (width >= 64rem) {
    .lg\:text-\[28px\] {
      font-size: 28px;
    }
  }

  @media (width >= 64rem) {
    .lg\:text-\[36px\] {
      font-size: 36px;
    }
  }

  @media (width >= 64rem) {
    .lg\:text-\[48px\] {
      font-size: 48px;
    }
  }

  @media (width >= 64rem) {
    .lg\:leading-\[22px\] {
      --tw-leading: 22px;
      line-height: 22px;
    }
  }

  @media (width >= 64rem) {
    .lg\:leading-\[24px\] {
      --tw-leading: 24px;
      line-height: 24px;
    }
  }

  @media (width >= 64rem) {
    .lg\:leading-\[30px\] {
      --tw-leading: 30px;
      line-height: 30px;
    }
  }

  @media (width >= 64rem) {
    .lg\:leading-\[32px\] {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }

  @media (width >= 64rem) {
    .lg\:leading-\[40px\] {
      --tw-leading: 40px;
      line-height: 40px;
    }
  }

  @media (width >= 64rem) {
    .lg\:leading-\[50px\] {
      --tw-leading: 50px;
      line-height: 50px;
    }
  }

  @media (width >= 64rem) {
    .lg\:leading-\[62px\] {
      --tw-leading: 62px;
      line-height: 62px;
    }
  }

  @media (width >= 64rem) {
    .lg\:leading-\[68px\] {
      --tw-leading: 68px;
      line-height: 68px;
    }
  }

  @media (width >= 80rem) {
    .xl\:h-\[814px\] {
      height: 814px;
    }
  }

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

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




:root {
  --font-sans: "Albert Sans", sans-serif;
  --font-serif: "Arbutus Slab", serif;
  --font-mono: "Courier New", monospace;
  --font-figma-make: "Caveat", cursive;
  --gray-700: #374151;
  --gray-600: #4b5563;
  --gray-500: #6b7280;
  --text-primary: #111827;
  --text-secondary: #374151;
  --text-tertiary: #4b5563;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --line-height-tight: 1.5;
  --line-height-normal: 1.6;
  --line-height-relaxed: 1.8;
  --desktop-h1: 3rem;
  --desktop-h2: 1.75rem;
  --desktop-body: 1.25rem;
  --desktop-small: 1rem;
  --desktop-xs: .875rem;
  --tablet-h1: 2.25rem;
  --tablet-h2: 1.5rem;
  --tablet-body: 1.125rem;
  --tablet-small: 1rem;
  --tablet-xs: .875rem;
  --mobile-h1: 1.75rem;
  --mobile-h2: 1.25rem;
  --mobile-body: 1rem;
  --mobile-small: .875rem;
  --mobile-xs: .875rem;
  --desktop-h1-line-height: 4rem;
  --desktop-h2-line-height: 2.5rem;
  --desktop-body-line-height: 1.875rem;
  --tablet-h1-line-height: 3.125rem;
  --tablet-h2-line-height: 2.25rem;
  --tablet-body-line-height: 1.75rem;
  --mobile-h1-line-height: 2.5rem;
  --mobile-h2-line-height: 1.875rem;
  --mobile-body-line-height: 1.5rem;
  --spacing-xs: .5rem;
  --spacing-sm: .75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 6rem;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-2xl: 1536px;
  --font-size: 16px;
  --background: #fff;
  --foreground: oklch(.145 0 0);
  --card: #fff;
  --card-foreground: oklch(.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(.145 0 0);
  --primary: #030213;
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(.95 .0058 264.53);
  --secondary-foreground: #030213;
  --muted: #ececf0;
  --muted-foreground: #717182;
  --accent: #e9ebef;
  --accent-foreground: #030213;
  --destructive: #d4183d;
  --destructive-foreground: #fff;
  --border: #0000001a;
  --input: transparent;
  --input-background: #f3f3f5;
  --switch-background: #cbced4;
  --ring: oklch(.708 0 0);
  --chart-1: oklch(.646 .222 41.116);
  --chart-2: oklch(.6 .118 184.704);
  --chart-3: oklch(.398 .07 227.392);
  --chart-4: oklch(.828 .189 84.429);
  --chart-5: oklch(.769 .188 70.08);
  --radius: .625rem;
  --sidebar: oklch(.985 0 0);
  --sidebar-foreground: oklch(.145 0 0);
  --sidebar-primary: #030213;
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.97 0 0);
  --sidebar-accent-foreground: oklch(.205 0 0);
  --sidebar-border: oklch(.922 0 0);
  --sidebar-ring: oklch(.708 0 0);
  --header-height: 80px;
  --indigo-800: #4338ca;
  --indigo-900: #312e81;
}

.dark {
  --background: oklch(.145 0 0);
  --foreground: oklch(.985 0 0);
  --card: oklch(.145 0 0);
  --card-foreground: oklch(.985 0 0);
  --popover: oklch(.145 0 0);
  --popover-foreground: oklch(.985 0 0);
  --primary: oklch(.985 0 0);
  --primary-foreground: oklch(.205 0 0);
  --secondary: oklch(.269 0 0);
  --secondary-foreground: oklch(.985 0 0);
  --muted: oklch(.269 0 0);
  --muted-foreground: oklch(.708 0 0);
  --accent: oklch(.269 0 0);
  --accent-foreground: oklch(.985 0 0);
  --destructive: oklch(.396 .141 25.723);
  --destructive-foreground: oklch(.637 .237 25.331);
  --border: oklch(.269 0 0);
  --input: oklch(.269 0 0);
  --ring: oklch(.439 0 0);
  --chart-1: oklch(.488 .243 264.376);
  --chart-2: oklch(.696 .17 162.48);
  --chart-3: oklch(.769 .188 70.08);
  --chart-4: oklch(.627 .265 303.9);
  --chart-5: oklch(.645 .246 16.439);
  --sidebar: oklch(.205 0 0);
  --sidebar-foreground: oklch(.985 0 0);
  --sidebar-primary: oklch(.488 .243 264.376);
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.269 0 0);
  --sidebar-accent-foreground: oklch(.985 0 0);
  --sidebar-border: oklch(.269 0 0);
  --sidebar-ring: oklch(.439 0 0);
}

body > a[href*="#main"]:not(.custom-skip-link), body > div > a[href*="#main"]:not(.custom-skip-link), a[aria-label*="skip" i]:not(.custom-skip-link), a[title*="skip" i]:not(.custom-skip-link) {
  visibility: hidden !important;
  display: none !important;
}

.sr-only {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  overflow: hidden !important;
}

.custom-skip-link {
  z-index: 9999 !important;
  color: #fff !important;
  font-family: var(--font-sans) !important;
  background: #4338ca !important;
  border-radius: 8px !important;
  outline: none !important;
  padding: .75rem 1.5rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all .2s !important;
  position: fixed !important;
  top: -100px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 4px 20px #4338ca4d !important;
}

.custom-skip-link:focus {
  outline-offset: 2px !important;
  outline: 2px solid #fff !important;
  top: 1rem !important;
}

html {
  font-size: var(--font-size);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height);
  font-family: Albert Sans, sans-serif;
  font-weight: 400;
}

body:before, body > :first-child:not(#root):not(.custom-skip-link), body > div:first-child:not(#root) > :first-child:not(.custom-skip-link) {
  display: none !important;
}

#root {
  z-index: 1;
  position: relative;
}

.text-small {
  font-size: var(--mobile-small);
}

.text-xs {
  font-size: var(--mobile-xs);
}

@media (width >= 641px) {
  .text-small {
    font-size: var(--tablet-small);
  }

  .text-xs {
    font-size: var(--tablet-xs);
  }
}

@media (width >= 1025px) {
  .text-small {
    font-size: var(--desktop-small);
  }

  .text-xs {
    font-size: var(--desktop-xs);
  }
}

.heading-1 {
  font-family: Arbutus Slab, serif;
  font-size: var(--mobile-h1);
  font-weight: 400;
  line-height: var(--mobile-h1-line-height);
  margin: 0;
}

.heading-2 {
  font-family: Arbutus Slab, serif;
  font-size: var(--mobile-h2);
  font-weight: 400;
  line-height: var(--mobile-h2-line-height);
  margin: 0;
}

.body-text {
  font-family: Albert Sans, sans-serif;
  font-size: var(--mobile-body);
  font-weight: 400;
  line-height: var(--mobile-body-line-height);
  margin: 0;
}

.button-text {
  font-family: Albert Sans, sans-serif;
  font-size: var(--mobile-small);
  font-weight: 400;
  line-height: var(--line-height-normal);
}

@media (width >= 641px) {
  .heading-1 {
    font-size: var(--tablet-h1);
    line-height: var(--tablet-h1-line-height);
  }

  .heading-2 {
    font-size: var(--tablet-h2);
    line-height: var(--tablet-h2-line-height);
  }

  .body-text {
    font-size: var(--tablet-body);
    line-height: var(--tablet-body-line-height);
  }

  .button-text {
    font-size: var(--tablet-small);
  }
}

@media (width >= 1025px) {
  .heading-1 {
    font-size: var(--desktop-h1);
    line-height: var(--desktop-h1-line-height);
  }

  .heading-2 {
    font-size: var(--desktop-h2);
    line-height: var(--desktop-h2-line-height);
  }

  .body-text {
    font-size: var(--desktop-body);
    line-height: var(--desktop-body-line-height);
  }

  .button-text {
    font-size: var(--desktop-small);
  }
}

.container-responsive {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (width >= 641px) {
  .container-responsive {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (width >= 1025px) {
  .container-responsive {
    max-width: var(--container-xl);
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.section-padding-y {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (width >= 641px) {
  .section-padding-y {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (width >= 1025px) {
  .section-padding-y {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.section-margin-bottom {
  margin-bottom: 1.5rem;
}

@media (width >= 641px) {
  .section-margin-bottom {
    margin-bottom: 2rem;
  }
}

@media (width >= 1025px) {
  .section-margin-bottom {
    margin-bottom: 3rem;
  }
}

.case-study-padding-y {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (width >= 641px) {
  .case-study-padding-y {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (width >= 1025px) {
  .case-study-padding-y {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.marquee-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
}

.marquee {
  animation: marquee-infinite var(--duration, 20.16s) var(--timing-function, linear) var(--delay, 0s) var(--iteration-count, infinite);
  animation-direction: var(--direction, normal);
  will-change: transform;
  gap: 3rem;
  width: fit-content;
  display: flex;
}

.marquee-child {
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 3rem;
  display: flex;
}

.marquee:hover {
  animation-play-state: paused;
}

@keyframes marquee-infinite {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-33.333%);
  }
}

@keyframes scroll-left-full {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.marquee-container *, .marquee *, .marquee-child * {
  backface-visibility: hidden;
}

.marquee-inner {
  width: fit-content;
  display: flex;
  position: relative;
  transform: translate3d(0, 0, 0);
}

.marquee-content {
  flex-shrink: 0;
  justify-content: space-around;
  gap: 6.75rem;
  min-width: 100%;
  display: flex;
}

.animate-marquee {
  will-change: transform;
  animation: 36s linear infinite marquee-legacy;
}

.marquee-inner:hover .animate-marquee {
  animation-play-state: paused;
}

.marquee-content > div {
  white-space: nowrap;
  flex-shrink: 0;
}

@keyframes marquee-legacy {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

:target {
  scroll-margin-top: calc(var(--header-height)  + 20px);
}

.font-serif {
  font-family: Arbutus Slab, serif;
  font-weight: 400;
}

.font-sans {
  font-family: Albert Sans, sans-serif;
  font-weight: 400;
}

.font-figma-make {
  font-family: Caveat, cursive;
  font-weight: 600;
}

.human-text {
  font-family: Caveat, cursive;
  font-size: 2.2rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2;
}

@media (width >= 641px) {
  .human-text {
    font-size: 2.75rem;
  }
}

@media (width >= 1025px) {
  .human-text {
    font-size: 3.5rem;
  }
}

.bg-gradient-soft {
  background: linear-gradient(135deg, #ffedee4d 0%, #e1e7fd4d 50%, #fffceb4d 100%);
}

a, button {
  transition: all .2s ease-in-out;
}

.text-gray-700 {
  color: var(--text-secondary) !important;
}

.text-gray-600 {
  color: var(--text-tertiary) !important;
}

.text-gray-900 {
  color: var(--text-primary) !important;
}

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

.hover\:text-indigo-800:hover {
  color: #312e81 !important;
}

.btn-primary {
  background-color: var(--indigo-800);
  color: #fff;
  font-family: var(--font-sans);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  border: none;
  border-radius: 12px;
  padding: 12px 24px;
  transition: all .3s;
  box-shadow: 0 2px 8px #4338ca26;
}

.btn-primary:hover {
  background-color: var(--indigo-900);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px #4338ca40;
}

.btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px #4338ca26;
}

.btn-secondary {
  color: var(--indigo-800);
  border: 2px solid var(--indigo-800);
  font-family: var(--font-sans);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  background-color: #0000;
  border-radius: 12px;
  padding: 10px 22px;
  transition: all .3s;
}

.btn-secondary:hover {
  background-color: #4338ca0d;
  transform: translateY(-1px);
}

.btn-secondary:active {
  background-color: #4338ca1a;
  transform: translateY(0);
}

.btn-link {
  color: var(--indigo-800);
  font-family: var(--font-sans);
  font-weight: var(--font-weight-medium);
  text-underline-offset: 4px;
  cursor: pointer;
  background-color: #0000;
  border: none;
  padding: 0;
  text-decoration: underline;
  transition: all .3s;
}

.btn-link:hover {
  color: var(--indigo-900);
  text-decoration: underline;
}

@media (width >= 641px) {
  .btn-primary, .btn-secondary {
    font-size: var(--tablet-small);
    padding: 14px 28px;
  }

  .btn-secondary {
    padding: 12px 26px;
  }

  .btn-link {
    font-size: var(--tablet-small);
  }
}

@media (width >= 1025px) {
  .btn-primary, .btn-secondary {
    font-size: var(--desktop-small);
    padding: 16px 32px;
  }

  .btn-secondary {
    padding: 14px 30px;
  }

  .btn-link {
    font-size: var(--desktop-small);
  }
}

button:not(.btn-link), .button, a[class*="bg-"] {
  border-radius: 12px;
  transition: all .3s;
}

button:focus-visible, .button:focus-visible {
  outline-offset: 2px !important;
  outline: 2px solid #4338ca !important;
  box-shadow: 0 0 0 4px #4338ca26 !important;
}

a:focus-visible {
  border-radius: 4px;
  outline-offset: 2px !important;
  outline: 2px solid #4338ca !important;
  box-shadow: 0 0 0 4px #4338ca26 !important;
}

@media (width <= 768px) {
  button, .button, a[role="button"], input[type="button"], input[type="submit"] {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 12px 16px !important;
  }
}

.bg-white, .card {
  background: #fff;
  border-radius: 16px;
  transition: all .3s;
  box-shadow: 0 2px 12px #0000000f;
}

.bg-white:hover, .card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 24px #00000014;
}

p, li {
  max-width: 70ch;
}

.text-center p {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

span[role="img"], .emoji {
  vertical-align: middle;
  line-height: 1;
  display: inline-block;
}

.content-spacing h1 {
  margin-bottom: 1rem;
}

.content-spacing h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.content-spacing h3 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
}

.content-spacing p {
  margin-bottom: 1rem;
}

.content-spacing ul, .content-spacing ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

.content-spacing li {
  margin-bottom: .5rem;
}

@media (width >= 641px) {
  .content-spacing h1 {
    margin-bottom: 1.5rem;
  }

  .content-spacing h2 {
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
  }

  .content-spacing h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .content-spacing p, .content-spacing ul, .content-spacing ol {
    margin-bottom: 1.25rem;
  }
}

@media (width >= 1025px) {
  .content-spacing h1 {
    margin-bottom: 2rem;
  }

  .content-spacing h2 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
  }

  .content-spacing h3 {
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
  }

  .content-spacing p, .content-spacing ul, .content-spacing ol {
    margin-bottom: 1.5rem;
  }
}

.responsive-image {
  width: 100%;
  height: auto;
  display: block;
}

.responsive-grid {
  grid-template-columns: 1fr;
  gap: 1rem;
  display: grid;
}

@media (width >= 641px) {
  .responsive-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
}

@media (width >= 1025px) {
  .responsive-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

.vertical-grid {
  grid-template-columns: 1fr;
  gap: 1rem;
  display: grid;
}

@media (width >= 641px) {
  .vertical-grid {
    gap: 1.5rem;
  }
}

@media (width >= 1025px) {
  .vertical-grid {
    gap: 2rem;
  }
}

.responsive-grid-2 {
  grid-template-columns: 1fr;
  gap: 1rem;
  display: grid;
}

@media (width >= 641px) {
  .responsive-grid-2 {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
}

@media (width >= 1025px) {
  .responsive-grid-2 {
    gap: 2rem;
  }
}

.mobile-only {
  display: block;
}

.tablet-up, .desktop-only {
  display: none;
}

@media (width >= 641px) {
  .mobile-only {
    display: none;
  }

  .tablet-up {
    display: block;
  }
}

@media (width >= 1025px) {
  .desktop-only {
    display: block;
  }
}

.text-center-mobile {
  text-align: center;
}

@media (width >= 641px) {
  .text-left-tablet-up {
    text-align: left;
  }
}

.laptop-screen-content {
  image-rendering: auto;
  -webkit-image-rendering: auto;
  -moz-image-rendering: auto;
  -o-image-rendering: auto;
  will-change: auto;
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  border-radius: 2px;
  transform: translateZ(0);
}

img[src$=".gif"] {
  image-rendering: auto;
  -webkit-image-rendering: auto;
  -moz-image-rendering: auto;
  -o-image-rendering: auto;
  will-change: auto;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.laptop-mockup-container {
  transition: transform .3s;
}

.laptop-mockup-container:hover {
  transform: scale(1.02);
}

.laptop-screen-area {
  border-radius: 2px;
  width: 76.54%;
  height: 82.39%;
  position: absolute;
  top: 6.64%;
  left: 11.73%;
  overflow: hidden;
}

svg {
  shape-rendering: geometricPrecision;
}

.laptop-screen-content img, .laptop-screen-content video {
  object-fit: cover;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
}

.laptop-mockup-full {
  aspect-ratio: 520 / 301;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

@media (width >= 641px) {
  .laptop-mockup-full {
    max-width: 900px;
  }
}

@media (width >= 1025px) {
  .laptop-mockup-full {
    max-width: 1100px;
  }
}

.case-study-card {
  background: #fff;
  border-radius: 20px;
  transition: all .3s;
  overflow: hidden;
  box-shadow: 0 4px 20px #00000014;
}

.case-study-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px #0000001f;
}

.laptop-display-area {
  aspect-ratio: 16 / 10;
  background: linear-gradient(145deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 12px 12px 0 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (width >= 641px) {
  .laptop-display-area {
    padding: 3rem;
  }
}

@media (width >= 1025px) {
  .laptop-display-area {
    padding: 4rem;
  }
}

.detailed-laptop-mockup {
  filter: drop-shadow(0 8px 32px #00000026);
  transition: all .3s;
}

.detailed-laptop-mockup:hover {
  filter: drop-shadow(0 12px 48px #0003);
  transform: translateY(-2px);
}

.laptop-screen-content {
  background: #000;
  box-shadow: inset 0 0 0 1px #0000001a;
}

.detailed-laptop-svg {
  shape-rendering: geometricPrecision;
  image-rendering: -webkit-optimize-contrast;
  overflow: visible;
}

.work-in-progress-badge {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: all .3s;
  box-shadow: 0 2px 8px #0000001a;
}

.work-in-progress-badge:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 16px #00000026;
}

.project-card-with-badge:hover .work-in-progress-badge {
  transform: translateY(-2px)scale(1.02);
}

.project-card-badge-container {
  pointer-events: none;
}

.project-card-badge-container .work-in-progress-badge {
  pointer-events: auto;
}

@media (width <= 640px) {
  .work-in-progress-badge {
    padding: .375rem .75rem;
    font-size: .75rem;
    top: .75rem;
    right: .75rem;
  }
}

.bg-amber-50 {
  background-color: #fffbeb;
}

.bg-amber-100 {
  background-color: #fef3c7;
}

.text-amber-800 {
  color: #92400e;
}

.border-amber-200 {
  border-color: #fde68a;
}

.bg-indigo-50 {
  background-color: #eef2ff;
}

.text-indigo-800 {
  color: #3730a3;
}

.border-indigo-100 {
  border-color: #e0e7ff;
}

.impact-metric {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  transition: all .2s;
}

.impact-metric:hover {
  background-color: #e0e7ff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #4338ca26;
}

.backdrop-blur-enhanced {
  -webkit-backdrop-filter: blur(16px) saturate(1.8);
}

.backdrop-blur-strong {
  -webkit-backdrop-filter: blur(20px) saturate(2);
}

.nav-glass {
  -webkit-backdrop-filter: blur(20px) saturate(1.8);
  background: #fffffff2;
  border-bottom: 1px solid #ffffff4d;
  box-shadow: 0 2px 8px #00000014, 0 1px 3px #0000001a;
  z-index: 1000 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.nav-glass .button-text, .nav-glass .heading-1, .nav-glass .heading-2, .nav-glass .body-text {
  text-shadow: 0 1px 2px #fffc;
  font-weight: 500;
}

header[class*="nav-glass"] {
  z-index: 1000 !important;
  width: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.fixed {
  position: fixed !important;
}

header.fixed {
  width: 100% !important;
  margin: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
}

header[role="banner"] {
  z-index: 1000 !important;
  width: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.z-50 {
  z-index: 1000 !important;
}

.mobile-menu-glass {
  -webkit-backdrop-filter: blur(20px) saturate(1.8);
  background: #ffffffe6;
  border-top: 1px solid #fff6;
}

ul.grid li {
  margin-left: 0;
  padding-left: 0;
  list-style-type: disc;
  list-style-position: inside;
  display: list-item;
}

ul.grid {
  list-style: outside;
}

blockquote {
  border-left: 4px solid var(--indigo-800);
  color: var(--indigo-800);
  background: linear-gradient(135deg, #4338ca0d 0%, #6366f10d 100%);
  border-radius: 0 12px 12px 0;
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  font-style: italic;
  position: relative;
  box-shadow: 0 2px 8px #4338ca1a;
}

blockquote:before {
  content: "\"";
  font-size: 3rem;
  font-family: var(--font-serif);
  color: var(--indigo-800);
  opacity: .3;
  line-height: 1;
  position: absolute;
  top: .5rem;
  left: .75rem;
}

blockquote p {
  font-size: var(--mobile-h2);
  line-height: var(--mobile-h2-line-height);
  font-family: var(--font-serif);
  font-weight: var(--font-weight-normal);
  z-index: 1;
  margin: 0;
  position: relative;
}

.content-spacing {
  line-height: 1.6;
}

.content-spacing h2 {
  font-family: var(--font-serif);
  font-size: var(--mobile-h2);
  line-height: var(--mobile-h2-line-height);
  font-weight: var(--font-weight-bold);
  color: #1f2937;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.content-spacing h3 {
  font-family: var(--font-serif);
  color: #1f2937;
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
}

.content-spacing ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.content-spacing ul li {
  margin-bottom: .75rem;
  padding-left: 1.5rem;
  list-style: none;
  position: relative;
}

.content-spacing ul li:before {
  content: "•";
  color: var(--indigo-800);
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}

.section-divider {
  justify-content: center;
  align-items: center;
  margin: 3rem 0;
  display: flex;
}

.section-divider:before {
  content: "";
  background: linear-gradient(to right, #0000, #d1d5db, #0000);
  flex: 1;
  max-width: 8rem;
  height: 1px;
}

@media (width >= 641px) {
  blockquote {
    margin: 2.5rem 0;
    padding: 2rem 2.5rem;
  }

  blockquote:before {
    font-size: 3.5rem;
    top: .25rem;
    left: 1rem;
  }

  blockquote p, .content-spacing h2 {
    font-size: var(--tablet-h2);
    line-height: var(--tablet-h2-line-height);
  }

  .content-spacing h3 {
    font-size: 1.25rem;
    line-height: 1.6;
  }

  .section-divider {
    margin: 4rem 0;
  }

  .section-divider:before {
    max-width: 12rem;
  }
}

@media (width >= 1025px) {
  blockquote {
    margin: 3rem 0;
    padding: 2.5rem 3rem;
  }

  blockquote:before {
    font-size: 4rem;
    top: 0;
    left: 1.25rem;
  }

  blockquote p, .content-spacing h2 {
    font-size: var(--desktop-h2);
    line-height: var(--desktop-h2-line-height);
  }

  .content-spacing h3 {
    font-size: 1.375rem;
    line-height: 1.7;
  }

  .section-divider {
    margin: 5rem 0;
  }

  .section-divider:before {
    max-width: 16rem;
  }
}

.quote-testimonial {
  color: #059669;
  background: linear-gradient(135deg, #22c55e0d 0%, #3b82f60d 100%);
  border-left-color: #22c55e;
}

.quote-testimonial:before {
  color: #22c55e;
}

.quote-emphasis {
  color: #d97706;
  background: linear-gradient(135deg, #f59e0b0d 0%, #fbbf240d 100%);
  border-left-color: #f59e0b;
}

.quote-emphasis:before {
  color: #f59e0b;
}

.markdown-content {
  line-height: 1.7;
}

.markdown-content h1 {
  border-bottom: 2px solid #e5e7eb;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
}

.markdown-content h2 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
}

.markdown-content h3 {
  margin-top: 1.25rem;
  margin-bottom: .5rem;
}

.markdown-content p {
  max-width: none;
  margin-bottom: 1rem;
}

.markdown-content img {
  border-radius: .5rem;
  margin: 1.5rem 0;
  box-shadow: 0 4px 12px #0000001a;
}

.markdown-content strong {
  color: #1f2937;
  font-weight: 600;
}

.markdown-content em {
  color: #4b5563;
  font-style: italic;
}

.markdown-content hr {
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 2rem 0;
}

.content-spacing::-webkit-scrollbar {
  width: 6px;
}

.content-spacing::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}

.content-spacing::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.content-spacing::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

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

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

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

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

.blog-card-container {
  flex-direction: column;
  height: 100%;
  display: flex;
}

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

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

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

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-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
}

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