/*! tailwindcss v4.1.8 | 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-font-weight:initial;
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-space-y-reverse:0;
      --tw-space-x-reverse:0;
      --tw-border-style:solid;
      --tw-leading:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-outline-style:solid;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
      --tw-duration:initial;
      --tw-ease:initial;
      --tw-content:"";
      --tw-scale-x:1;
      --tw-scale-y:1;
      --tw-scale-z:1;
      --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-backdrop-blur:initial;
      --tw-backdrop-brightness:initial;
      --tw-backdrop-contrast:initial;
      --tw-backdrop-grayscale:initial;
      --tw-backdrop-hue-rotate:initial;
      --tw-backdrop-invert:initial;
      --tw-backdrop-opacity:initial;
      --tw-backdrop-saturate:initial;
      --tw-backdrop-sepia:initial
    }
  }
}
@layer 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-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

    --color-red-200:oklch(88.5% .062 18.334);
    --color-red-300:oklch(80.8% .114 19.571);
    --color-red-400:oklch(70.4% .191 22.216);
    --color-red-500:oklch(63.7% .237 25.331);
    --color-red-600:oklch(57.7% .245 27.325);
    --color-red-700:oklch(50.5% .213 27.518);
    --color-red-900:oklch(39.6% .141 25.723);

    --color-orange-200:oklch(90.1% .076 70.697);
    --color-orange-300:oklch(83.7% .128 66.29);
    --color-orange-400:oklch(75% .183 55.934);
    --color-orange-500:oklch(70.5% .213 47.604);
    --color-orange-600:oklch(64.6% .222 41.116);
    --color-orange-700:oklch(55.3% .195 38.402);
    --color-orange-900:oklch(40.8% .123 38.172);

    --color-amber-100:oklch(96.2% .059 95.617);
    --color-amber-300:oklch(87.9% .169 91.605);    
    --color-amber-400:oklch(82.8% .189 84.429);
    --color-amber-500:oklch(76.9% .188 70.08);
    --color-amber-600:oklch(66.6% .179 58.318);
    --color-amber-700:oklch(55.5% .163 48.998);
    --color-amber-800:oklch(47.3% .137 46.201);
    --color-amber-950:oklch(27.9% .077 45.635);

    --color-yellow-200:oklch(94.5% .129 101.54);
    --color-yellow-300:oklch(90.5% .182 98.111);
    --color-yellow-400:oklch(85.2% .199 91.936);
    --color-yellow-500:oklch(79.5% .184 86.047);
    --color-yellow-600:oklch(68.1% .162 75.834);
    --color-yellow-700:oklch(55.4% .135 66.442);
    --color-yellow-950:oklch(28.6% .066 53.813);    
    
    --color-lime-300:oklch(89.7% .196 126.665);
    --color-lime-400:oklch(84.1% .238 128.85);
    --color-lime-600:oklch(64.8% .2 131.684);
    --color-lime-700:oklch(53.2% .157 131.589);
    --color-lime-950:oklch(27.4% .072 132.109);

    --color-green-200:oklch(92.5% .084 155.995);
    --color-green-400:oklch(79.2% .209 151.711);
    --color-green-500:oklch(72.3% .219 149.579);
    --color-green-600:oklch(62.7% .194 149.214);
    --color-green-700:oklch(52.7% .154 150.069);
    --color-green-900:oklch(39.3% .095 152.535);

    --color-emerald-400:oklch(76.5% .177 163.223);
    --color-emerald-500:oklch(69.6% .17 162.48);
    --color-emerald-600:oklch(59.6% .145 163.225);
    --color-emerald-700:oklch(50.8% .118 165.612);
    --color-emerald-900:oklch(37.8% .077 168.94);

    --color-teal-300:oklch(85.5% .138 181.071);
    --color-teal-400:oklch(77.7% .152 181.912);
    --color-teal-500:oklch(70.4% .14 182.503);
    --color-teal-600:oklch(60% .118 184.704);
    --color-teal-700:oklch(51.1% .096 186.391);
    --color-teal-900:oklch(38.6% .063 188.416);

    --color-cyan-300:oklch(86.5% .127 207.078);
    --color-cyan-400:oklch(78.9% .154 211.53);
    --color-cyan-500:oklch(71.5% .143 215.221);
    --color-cyan-700:oklch(52% .105 223.128);
    --color-cyan-950:oklch(30.2% .056 229.695);

    --color-sky-300:oklch(82.8% .111 230.318);
    --color-sky-500:oklch(68.5% .169 237.323);
    --color-sky-600:oklch(58.8% .158 241.966);
    --color-sky-700:oklch(50% .134 242.749);
    --color-sky-900:oklch(39.1% .09 240.876);

    --color-blue-200:oklch(88.2% .059 254.128);    
    --color-blue-300:oklch(80.9% .105 251.813);
    --color-blue-400:oklch(70.7% .165 254.624);
    --color-blue-500:oklch(62.3% .214 259.815);
    --color-blue-600:oklch(54.6% .245 262.881);
    --color-blue-700:oklch(48.8% .243 264.376);
    --color-blue-900:oklch(37.9% .146 265.522);

    --color-indigo-200:oklch(87% .065 274.039);
    --color-indigo-300:oklch(78.5% .115 274.713);
    --color-indigo-400:oklch(67.3% .182 276.935);
    --color-indigo-500:oklch(58.5% .233 277.117);
    --color-indigo-600:oklch(51.1% .262 276.966);
    --color-indigo-700:oklch(45.7% .24 277.023);
    --color-indigo-900:oklch(35.9% .144 278.697);

    --color-violet-200:oklch(89.4% .057 293.283);
    --color-violet-300:oklch(81.1% .111 293.571);
    --color-violet-400:oklch(70.2% .183 293.541);
    --color-violet-500:oklch(60.6% .25 292.717);
    --color-violet-600:oklch(54.1% .281 293.009);
    --color-violet-700:oklch(49.1% .27 292.581);
    --color-violet-900:oklch(38% .189 293.745);

    --color-purple-200:oklch(90.2% .063 306.703);
    --color-purple-300:oklch(82.7% .119 306.383);
    --color-purple-400:oklch(71.4% .203 305.504);
    --color-purple-500:oklch(62.7% .265 303.9);
    --color-purple-600:oklch(55.8% .288 302.321);
    --color-purple-700:oklch(49.6% .265 301.924);
    --color-purple-900:oklch(38.1% .176 304.987);

    --color-fuchsia-200:oklch(90.3% .076 319.62);
    --color-fuchsia-300:oklch(83.3% .145 321.434);
    --color-fuchsia-400:oklch(74% .238 322.16);
    --color-fuchsia-500:oklch(66.7% .295 322.15);
    --color-fuchsia-600:oklch(59.1% .293 322.896);
    --color-fuchsia-700:oklch(51.8% .253 323.949);
    --color-fuchsia-900:oklch(40.1% .17 325.612);

    --color-pink-200:oklch(89.9% .061 343.231);
    --color-pink-300:oklch(82.3% .12 346.018);
    --color-pink-400:oklch(71.8% .202 349.761);
    --color-pink-500:oklch(65.6% .241 354.308);
    --color-pink-600:oklch(59.2% .249 .584);
    --color-pink-700:oklch(52.5% .223 3.958);
    --color-pink-900:oklch(40.8% .153 2.432);

    --color-rose-200:oklch(89.2% .058 10.001);
    --color-rose-300:oklch(81% .117 11.638);
    --color-rose-400:oklch(71.2% .194 13.428);
    --color-rose-500:oklch(64.5% .246 16.439);
    --color-rose-600:oklch(58.6% .253 17.585);
    --color-rose-700:oklch(51.4% .222 16.935);
    --color-rose-900:oklch(41% .159 10.272);

    --color-zinc-50:oklch(98.5% 0 0);
    --color-zinc-100:oklch(96.7% .001 286.375);
    --color-zinc-200:oklch(92% .004 286.32);
    --color-zinc-300:oklch(87.1% .006 286.286);
    --color-zinc-400:oklch(70.5% .015 286.067);
    --color-zinc-500:oklch(55.2% .016 285.938);
    --color-zinc-600:oklch(44.2% .017 285.786);
    --color-zinc-700:oklch(37% .013 285.805);
    --color-zinc-800:oklch(27.4% .006 286.033);
    --color-zinc-900:oklch(21% .006 285.885);
    --color-zinc-950:oklch(14.1% .005 285.823);
    
    --color-neutral-100:oklch(97% 0 0);
    --color-neutral-200:oklch(92.2% 0 0);
    --color-neutral-300:oklch(87% 0 0);
    --color-neutral-400:oklch(70.8% 0 0);
    --color-neutral-500:oklch(55.6% 0 0);
    --color-neutral-700:oklch(37.1% 0 0);
    --color-neutral-800:oklch(26.9% 0 0);
    --color-neutral-900:oklch(20.5% 0 0);

    --color-emerald-400:oklch(76.5% .177 163.223);
    --color-teal-200:oklch(91% .096 180.426);
    --color-sky-50:oklch(97.7% .013 236.62);
    --color-sky-100:oklch(95.1% .026 236.824);    
    --color-sky-400:oklch(74.6% .16 232.661); 
    --color-sky-800:oklch(44.3% .11 240.79);    
    --color-indigo-800:oklch(39.8% .195 277.366);
    --color-rose-100:oklch(94.1% .03 12.58);
    --color-rose-800:oklch(45.5% .188 13.697);
    --color-slate-500:oklch(55.4% .046 257.417);
    --color-slate-700:oklch(37.2% .044 257.287);

    --color-gray-50:oklch(98.5% .002 247.839);
    --color-gray-100:oklch(96.7% .003 264.542);
    --color-gray-200:oklch(92.8% .006 264.531);
    --color-gray-300:oklch(87.2% .01 258.338);
    --color-gray-400:oklch(70.7% .022 261.325);
    --color-gray-500:oklch(55.1% .027 264.364);
    --color-gray-600:oklch(44.6% .03 256.802);
    --color-gray-700:oklch(37.3% .034 259.733);
    --color-gray-800:oklch(27.8% .033 256.848);
    --color-gray-900:oklch(21% .034 264.665);
    --color-gray-950:oklch(13% .028 261.692);

    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --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: 1.5 ;
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75/1.125);
    --text-xl:1.25rem;
    --text-xl--line-height:calc(1.75/1.25);
    --text-2xl:1.5rem;
    --text-2xl--line-height:calc(2/1.5);
    --text-3xl:1.875rem;
    --text-3xl--line-height: 1.2 ;
    --font-weight-light:300;
    --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-sm:.25rem;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --drop-shadow-md:0 3px 3px #0000001f;
    --drop-shadow-lg:0 4px 4px #00000026;
    --ease-in-out:cubic-bezier(.4,0,.2,1);
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;
    --blur-sm:8px;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono)
  }
}
@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
  }
  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }
  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size:inherit;
    font-weight:inherit
  }
  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }
  b,
  strong {
    font-weight:bolder
  }
  code,
  kbd,
  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
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:currentColor
    }
    @supports (color:color-mix(in lab,red,red)) {
      ::placeholder {
        color:color-mix(in oklab,currentcolor 50%,transparent)
      }
    }
  }
  textarea {
    resize:vertical
  }
  ::-webkit-search-decoration {
    -webkit-appearance:none
  }
  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }
  ::-webkit-datetime-edit {
    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
  }
  html {
    font-size:var(--text-base-sm)
  }
  @media (min-width:48rem) {
    html {
      line-height:var(--tw-leading,var(--text-base--line-height));
      font-size:var(--text-base)
    }
  }

  .poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.text-amber-800 {
    color:var(--color-amber-800)
  }
  .text-black {
    color:var(--color-black)
  }
  .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-900 {
    color:var(--color-gray-900)
  }
  .text-gray-950 {
    color:var(--color-gray-950)
  }
  .text-gray-950\/50 {
    color:#03071280
  }

  .text-indigo-500 {
    color:var(--color-indigo-500)
  }
  .text-indigo-600 {
    color:var(--color-indigo-600)
  }
  .text-pink-500 {
    color:var(--color-pink-500)
  }
  .text-red-500 {
    color:var(--color-red-500)
  }
  .text-red-600 {
    color:var(--color-red-600)
  }
  .text-rose-700 {
    color:var(--color-rose-700)
  }
  .text-rose-800 {
    color:var(--color-rose-800)
  }
  .text-sky-300 {
    color:var(--color-sky-300)
  }
  .text-sky-400 {
    color:var(--color-sky-400)
  }
  .text-sky-500 {
    color:var(--color-sky-500)
  }
  .text-sky-600 {
    color:var(--color-sky-600)
  }
  .text-sky-700 {
    color:var(--color-sky-700)
  }
  .text-sky-800 {
    color:var(--color-sky-800)
  }
  .text-slate-500 {
    color:var(--color-slate-500)
  }
  .text-violet-500 {
    color:var(--color-violet-500)
  }
  .text-white {
    color:var(--color-white)
  }
  .text-white\/40 {
    color:#fff6
  }
    .opacity-0 {
    opacity:0
  }
  .opacity-25 {
    opacity:.25
  }
  .opacity-75 {
    opacity:.75
  }
  .opacity-100 {
    opacity:1
  }

  body {
    background-color:var(--color-body);
     font-family:var(--font-primary);
    line-height:var(--tw-leading,var(--text-base--line-height));
    font-size:var(--text-base);
    --tw-leading:var(--leading-relaxed);
    line-height:var(--leading-relaxed);
    --tw-font-weight:var(--font-weight-normal);
    font-weight:var(--font-weight-normal);
    color:var(--color-text)
  }
  body:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-body);
    color:var(--color-darkmode-text)
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family:"Fraunces", serif;
    --tw-leading:var(--leading-tight);
    line-height:var(--leading-tight);
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold);
    color:var(--color-text-dark)
  }
  :is(h1,
  h2,
  h3,
  h4,
  h5,
  h6):where(.dark,
  .dark *) {
    color:var(--color-darkmode-text-dark)
  }
  h1,
  .h1 {
    font-size:var(--text-h1-sm)
  }
  @media (min-width:48rem) {
    h1,
    .h1 {
      font-size:var(--text-h1)
    }
  }
  h2,
  .h2 {
    font-size:var(--text-h2-sm)
  }
  @media (min-width:48rem) {
    h2,
    .h2 {
      font-size:var(--text-h2)
    }
  }
  h3,
  .h3 {
    font-size:var(--text-h3-sm)
  }
  @media (min-width:48rem) {
    h3,
    .h3 {
      font-size:var(--text-h3)
    }
  }
  h4,
  .h4 {
    font-size:var(--text-h4)
  }
  h5,
  .h5 {
    font-size:var(--text-h5)
  }
  h6,
  .h6 {
    font-size:var(--text-h6)
  }
  b,
  strong {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }
  code:after {
    content:var(--tw-content);
    --tw-border-style:none;
    border-style:none
  }
  blockquote>p {
    margin-block:calc(var(--spacing)*0)!important
  }
  button {
    cursor:pointer
  }
  :root {
    --text-h6:1.2rem;
    --text-h6-sm:1.08rem;
    --text-h5:1.44rem;
    --text-h5-sm:1.296rem;
    --text-h4:1.728rem;
    --text-h4-sm:1.5552rem;
    --text-h3:2.0736rem;
    --text-h3-sm:1.86624rem;
    --text-h2:2.48832rem;
    --text-h2-sm:2.23949rem;
    --text-h1:2.98598rem;
    --text-h1-sm:2.68739rem;
    --text-base:16px;
    --text-base-sm:12.8px;
    --font-primary:"Figtree", sans-serif;
    --font-secondary:,sans-serif;
    --color-primary:var(--color-amber-800);
    --color-body:#fff;
    --color-border:#eaeaea;
    --color-light:#f2f2f2;
    --color-dark:#000;
    --color-text:#444;
    --color-text-dark:#000;
    --color-text-light:#666
  }
  .dark {
    --color-darkmode-primary:#fff;
    --color-darkmode-body:#252525;
    --color-darkmode-border:#3e3e3e;
    --color-darkmode-light:#222;
    --color-darkmode-dark:#000;
    --color-darkmode-text:#ddd;
    --color-darkmode-text-dark:#fff;
    --color-darkmode-text-light:#ddd
  }
  [type=text],
  input:where(:not([type])),
  [type=email],
  [type=url],
  [type=password],
  [type=number],
  [type=date],
  [type=datetime-local],
  [type=month],
  [type=search],
  [type=tel],
  [type=time],
  [type=week],
  [multiple],
  textarea,
  select {
    appearance:none;
    --tw-shadow:0 0 #0000;
    background-color:#fff;
    border-width:1px;
    border-color:#6a7282;
    border-radius:0;
    padding:.5rem .75rem;
    font-size:1rem;
    line-height:1.5rem
  }
  :is([type=text],
  input:where(:not([type])),
  [type=email],
  [type=url],
  [type=password],
  [type=number],
  [type=date],
  [type=datetime-local],
  [type=month],
  [type=search],
  [type=tel],
  [type=time],
  [type=week],
  [multiple],
  textarea,
  select):focus {
    outline-offset:2px;
    --tw-ring-inset:var(--tw-empty, );
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:oklch(54.6% .245 262.881);
    --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    border-color:#155dfc;
    outline:2px solid #0000
  }
  input::placeholder,
  textarea::placeholder {
    color:#6a7282;
    opacity:1
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }
  ::-webkit-date-and-time-value {
    min-height:1.5em
  }
  ::-webkit-date-and-time-value {
    text-align:inherit
  }
  ::-webkit-datetime-edit {
    display:inline-flex
  }
  ::-webkit-datetime-edit {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-year-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-month-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-day-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-hour-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-minute-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-second-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-top:0;
    padding-bottom:0
  }
  select {
    print-color-adjust:exact;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position:right .5rem center;
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
    padding-right:2.5rem
  }
  [multiple],
  [size]:where(select:not([size="1"])) {
    background-image:initial;
    background-position:initial;
    background-repeat:unset;
    background-size:initial;
    print-color-adjust:unset;
    padding-right:.75rem
  }
  [type=checkbox],
  [type=radio] {
    appearance:none;
    print-color-adjust:exact;
    vertical-align:middle;
    -webkit-user-select:none;
    user-select:none;
    color:#155dfc;
    --tw-shadow:0 0 #0000;
    background-color:#fff;
    background-origin:border-box;
    border-width:1px;
    border-color:#6a7282;
    flex-shrink:0;
    width:1rem;
    height:1rem;
    padding:0;
    display:inline-block
  }
  [type=checkbox] {
    border-radius:0
  }
  [type=radio] {
    border-radius:100%
  }
  [type=checkbox]:focus,
  [type=radio]:focus {
    outline-offset:2px;
    --tw-ring-inset:var(--tw-empty, );
    --tw-ring-offset-width:2px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:oklch(54.6% .245 262.881);
    --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    outline:2px solid #0000
  }
  [type=checkbox]:checked,
  [type=radio]:checked {
    background-color:currentColor;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    border-color:#0000
  }
  [type=checkbox]:checked {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
  }
  @media (forced-colors:active) {
    [type=checkbox]:checked {
      appearance:auto
    }
  }
  [type=radio]:checked {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
  }
  @media (forced-colors:active) {
    [type=radio]:checked {
      appearance:auto
    }
  }
  [type=checkbox]:checked:hover,
  [type=checkbox]:checked:focus,
  [type=radio]:checked:hover,
  [type=radio]:checked:focus {
    background-color:currentColor;
    border-color:#0000
  }
  [type=checkbox]:indeterminate {
    background-color:currentColor;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    border-color:#0000
  }
  @media (forced-colors:active) {
    [type=checkbox]:indeterminate {
      appearance:auto
    }
  }
  [type=checkbox]:indeterminate:hover,
  [type=checkbox]:indeterminate:focus {
    background-color:currentColor;
    border-color:#0000
  }
  [type=file] {
    background:unset;
    border-color:inherit;
    font-size:unset;
    line-height:inherit;
    border-width:0;
    border-radius:0;
    padding:0
  }
  [type=file]:focus {
    outline:1px solid buttontext;
    outline:1px auto -webkit-focus-ring-color
  }
}
@layer components {
  .section {
    padding-block:calc(var(--spacing)*14)
  }
  @media (min-width:80rem) {
    .section {
      padding-block:calc(var(--spacing)*28)
    }
  }
  .container {
    padding-inline:calc(var(--spacing)*4);
    margin-inline:auto;
    /* max-width:1320px!important */
  }
  .container-lg {
    padding-inline:calc(var(--spacing)*4);
    margin-inline:auto;
    max-width:1640px!important
  }
  .form-input {
    border-style:var(--tw-border-style);
    border-width:1px;
    border-color:var(--color-border);
    width:100%;
    padding-inline:calc(var(--spacing)*3);
    padding-block:calc(var(--spacing)*2);
    color:var(--color-text-dark);
    background-color:#0000;
    border-radius:.25rem
  }
  .form-input::placeholder {
    color:var(--color-text-light)
  }
  .form-input:focus {
    border-color:var(--color-dark);
    --tw-ring-color:transparent
  }
  @media (min-width:48rem) {
    .form-input {
      padding-inline:calc(var(--spacing)*6);
      padding-block:calc(var(--spacing)*4)
    }
  }
  .form-input:where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-border);
    background-color:var(--color-darkmode-light);
    color:var(--color-darkmode-text-light)!important
  }
  .form-input:where(.dark,
  .dark *):focus {
    border-color:var(--color-darkmode-dark)
  }
  .form-label {
    margin-bottom:calc(var(--spacing)*2);
    font-family:var(--font-secondary);
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height));
    --tw-font-weight:var(--font-weight-normal);
    font-weight:var(--font-weight-normal);
    color:var(--color-text-dark);
    display:block
  }
  @media not all and (min-width:48rem) {
    .form-label {
      line-height:var(--tw-leading,var(--text-base--line-height));
      font-size:var(--text-base)
    }
  }
  .form-label:where(.dark,
  .dark *) {
    color:var(--color-darkmode-text-light)!important
  }
  .social-icons {
    align-items:center;
    column-gap:calc(var(--spacing)*2);
    display:flex
  }
  .social-icons li {
    display:inline-block
  }
  .social-icons li a {
    height:calc(var(--spacing)*6);
    width:calc(var(--spacing)*6);
    border-radius:var(--radius-md);
    border-style:var(--tw-border-style);
    border-width:1px;
    border-color:var(--color-border);
    background-color:var(--color-white);
    padding:calc(var(--spacing)*1);
    text-align:center;
    --tw-leading:calc(var(--spacing)*9);
    line-height:calc(var(--spacing)*9);
    color:var(--color-text-light);
    --tw-duration:.3s;
    justify-content:center;
    align-items:center;
    transition-duration:.3s;
    display:flex
  }
  @media (hover:hover) {
    .social-icons li a:hover {
      background-color:var(--color-primary);
      color:var(--color-white)
    }
  }
  .social-icons li a:where(.dark,
  .dark *) {
    border-color:var(--color-border)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .social-icons li a:where(.dark,
    .dark *) {
      border-color:color-mix(in oklab,var(--color-border)30%,transparent)
    }
  }
  .social-icons li a:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-light);
    color:var(--color-darkmode-text-light)
  }
  @media (hover:hover) {
    .social-icons li a:where(.dark,
    .dark *):hover {
      background-color:var(--color-white);
      color:var(--color-black)
    }
  }
  .social-icons li a svg {
    font-size:var(--text-xs);
    line-height:var(--tw-leading,var(--text-xs--line-height))
  }
  .social-icons-footer a {
    padding:calc(var(--spacing)*1);
    height:calc(var(--spacing)*10)!important;
    width:calc(var(--spacing)*10)!important;
    border-radius:3.40282e38px!important
  }
  .social-icons-footer a svg {
    font-size:var(--text-lg)!important;
    line-height:var(--tw-leading,var(--text-lg--line-height))!important
  }
  .notice {
    margin-bottom:calc(var(--spacing)*6);
    border-radius:var(--radius-lg);
    border-style:var(--tw-border-style);
    padding-inline:calc(var(--spacing)*8);
    padding-block:calc(var(--spacing)*6);
    border-width:1px
  }
  .notice.note {
    color:#1b83e2;
    border-color:currentColor
  }
  .notice.tip {
    color:#40d294;
    border-color:currentColor
  }
  .notice.info {
    color:#e3a72c;
    border-color:currentColor
  }
  .notice.warning {
    color:#db2c23;
    border-color:currentColor
  }
  .notice-head {
    align-items:center;
    display:flex
  }
  .notice-head svg {
    margin-right:calc(var(--spacing)*3)
  }
  .notice-head p {
    font-family:var(--font-secondary);
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height));
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold);
    color:var(--color-text-dark)
  }
  .notice-head p:where(.dark,
  .dark *) {
    color:var(--color-darkmode-text-light)
  }
  .notice-body {
    margin-top:calc(var(--spacing)*3)
  }
  .notice-body p {
    margin-block:calc(var(--spacing)*0)
  }
  .swiper-pagination {
    margin-top:calc(var(--spacing)*9);
    justify-content:center;
    align-items:center;
    display:flex
  }
  :where(.swiper-pagination>:not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
    margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
  }
  .swiper-pagination {
    text-align:center
  }
  .banner-pagination-bullet {
    height:calc(var(--spacing)*2.5);
    width:calc(var(--spacing)*2.5);
    cursor:pointer;
    background-color:var(--color-light);
    opacity:1;
    border-radius:3.40282e38px
  }
  .banner-pagination-bullet-active {
    height:calc(var(--spacing)*2.5);
    width:calc(var(--spacing)*5);
    background-color:var(--color-dark);
    --tw-duration:.2s;
    transition-duration:.2s
  }
  .banner-pagination-bullet-active:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-primary)
  }
  .swiper-button-disabled {
    opacity:.5
  }
  .tab {
    overflow:hidden
  }
  .tab-nav {
    display:flex;
    margin:calc(var(--spacing)*0)!important;
    list-style-type:none!important
  }
  .tab-nav-item {
    cursor:pointer;
    border-bottom-style:var(--tw-border-style);
    padding-block:calc(var(--spacing)*2);
    font-size:var(--text-lg);
    line-height:var(--tw-leading,var(--text-lg--line-height));
    color:var(--color-text-dark);
    opacity:.8;
    border-bottom-width:1px
  }
  .tab-nav-item:where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-primary);
    color:var(--color-darkmode-text-light)
  }
  .tab-nav-item {
    margin-block:calc(var(--spacing)*0)!important;
    padding-inline:calc(var(--spacing)*8)!important
  }
  .tab-nav-item.active {
    border-top-left-radius:var(--radius-lg);
    border-top-right-radius:var(--radius-lg);
    border-style:var(--tw-border-style);
    border-width:1px;
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:0;
    border-color:var(--color-border);
    opacity:1
  }
  .tab-nav-item.active:where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-primary)
  }
  .tab-content {
    padding:calc(var(--spacing)*5)
  }
  .tab-content-panel {
    padding:calc(var(--spacing)*8)
  }
  .tab-content-panel p {
    margin:calc(var(--spacing)*0)
  }
  .tab-content-panel.active {
    display:block
  }
  .accordion {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:2px;
    border-color:var(--color-border);
    background-color:var(--color-light);
    overflow:hidden
  }
  .accordion:where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-border);
    background-color:var(--color-darkmode-light)
  }
  .accordion-header {
    cursor:pointer;
    width:100%;
    padding-inline:calc(var(--spacing)*0);
    padding-block:calc(var(--spacing)*3);
    text-align:start;
    font-size:var(--text-lg);
    line-height:var(--tw-leading,var(--text-lg--line-height));
    color:var(--color-text-light);
    justify-content:space-between;
    align-items:center;
    display:flex
  }
  .accordion-header:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-light);
    color:var(--color-darkmode-text-light)
  }
  .accordion-icon {
    width:.8em;
    height:.8em;
    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));
    --tw-duration:.2s;
    transition-duration:.2s;
    rotate:-90deg
  }
  .accordion-content {
    max-height:calc(var(--spacing)*0);
    padding-inline:calc(var(--spacing)*0);
    padding-block:calc(var(--spacing)*0);
    overflow:hidden
  }
  .accordion.active .accordion-header {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium);
    color:var(--color-text-dark)
  }
  .accordion.active .accordion-header:where(.dark,
  .dark *) {
    color:var(--color-darkmode-primary)
  }
  .accordion.active .accordion-icon {
    rotate:none
  }
  .accordion.active .accordion-content {
    max-height:100vh;
    padding-bottom:calc(var(--spacing)*3)
  }
  .accordion:last-child {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:0
  }
  .modal {
    inset:calc(var(--spacing)*0);
    z-index:50;
    background-color:var(--color-dark);
    --tw-backdrop-blur:blur(var(--blur-sm));
    -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    position:fixed;
    overflow-y:auto
  }
  .modal-overlay {
    inset:calc(var(--spacing)*0);
    z-index:40;
    width:100%;
    height:100%;
    display:none;
    position:fixed
  }
  .modal-content {
    z-index:50;
    --tw-translate-y:calc(var(--spacing)*14);
    max-width:90%;
    translate:var(--tw-translate-x)var(--tw-translate-y);
    border-radius:var(--radius-lg);
    background-color:var(--color-body);
    padding:calc(var(--spacing)*8);
    margin-inline:auto;
    position:relative;
    top:50%
  }
  .modal-content:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-body)
  }
  .modal-close {
    top:calc(var(--spacing)*3);
    right:calc(var(--spacing)*3);
    height:calc(var(--spacing)*8);
    width:calc(var(--spacing)*8);
    background-color:var(--color-light);
    text-align:center;
    --tw-leading:calc(var(--spacing)*8);
    line-height:calc(var(--spacing)*8);
    color:var(--color-text-dark);
    border-radius:3.40282e38px;
    position:absolute
  }
  .modal-close:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-light);
    color:var(--color-darkmode-text-dark)
  }
  .modalCart {
    inset:calc(var(--spacing)*0);
    z-index:40;
    background-color:var(--color-dark);
    --tw-backdrop-blur:blur(var(--blur-sm));
    -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    position:fixed;
    overflow-y:auto
  }
  .modalCart-overlay {
    inset:calc(var(--spacing)*0);
    z-index:40;
    width:100%;
    height:100%;
    display:none;
    position:fixed
  }
  .modalCart-header {
    z-index:50;
    border-bottom-style:var(--tw-border-style);
    background-color:var(--color-body);
    width:100%;
    padding:calc(var(--spacing)*8);
    padding-bottom:calc(var(--spacing)*4);
    border-bottom-width:2px;
    justify-content:space-between;
    align-items:center;
    margin-left:auto;
    display:flex;
    position:relative
  }
  @media (min-width:48rem) {
    .modalCart-header {
      max-width:50%
    }
  }
  @media (min-width:64rem) {
    .modalCart-header {
      max-width:30%
    }
  }
  .modalCart-header:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-body)
  }
  .modalCart-content {
    z-index:50;
    border-bottom-left-radius:var(--radius-md);
    background-color:var(--color-body);
    width:100%;
    padding:calc(var(--spacing)*8);
    padding-block:calc(var(--spacing)*36);
    margin-left:auto;
    position:relative
  }
  @media (min-width:48rem) {
    .modalCart-content {
      max-width:50%
    }
  }
  @media (min-width:64rem) {
    .modalCart-content {
      max-width:30%
    }
  }
  .modalCart-content:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-body)
  }
  .modalCart-close {
    padding:calc(var(--spacing)*2);
    color:var(--color-text-dark);
    border-radius:3.40282e38px
  }
  .modalCart-close:where(.dark,
  .dark *) {
    color:var(--color-darkmode-text-dark)
  }
  .content {
    color:var(--tw-prose-body);
    max-width:65ch
  }
  .content :where(p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em
  }
  .content :where([class~=lead]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-lead);
    margin-top:1.2em;
    margin-bottom:1.2em;
    font-size:1.25em;
    line-height:1.6
  }
  .content :where(a):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-links);
    font-weight:500;
    text-decoration:underline
  }
  .content :where(strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-bold);
    font-weight:600
  }
  .content :where(a strong):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .content :where(blockquote strong):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .content :where(thead th strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit
  }
  .content :where(ol):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-inline-start:1.625em;
    list-style-type:decimal
  }
  .content :where(ol[type=A]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-alpha
  }
  .content :where(ol[type=a]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-alpha
  }
  .content :where(ol[type=A s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-alpha
  }
  .content :where(ol[type=a s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-alpha
  }
  .content :where(ol[type=I]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-roman
  }
  .content :where(ol[type=i]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-roman
  }
  .content :where(ol[type=I s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-roman
  }
  .content :where(ol[type=i s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-roman
  }
  .content :where(ol[type="1"]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:decimal
  }
  .content :where(ul):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-inline-start:1.625em;
    list-style-type:disc
  }
  .content :where(ol>li):not(:where([class~=not-prose],
  [class~=not-prose] *))::marker {
    color:var(--tw-prose-counters);
    font-weight:400
  }
  .content :where(ul>li):not(:where([class~=not-prose],
  [class~=not-prose] *))::marker {
    color:var(--tw-prose-bullets)
  }
  .content :where(dt):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:1.25em;
    font-weight:600
  }
  .content :where(hr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-color:var(--tw-prose-hr);
    border-top-width:1px;
    margin-top:3em;
    margin-bottom:3em
  }
  .content :where(blockquote):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-quotes);
    border-inline-start-width:.25rem;
    border-inline-start-color:var(--tw-prose-quote-borders);
    quotes:"“""”""‘""’";
    margin-top:1.6em;
    margin-bottom:1.6em;
    padding-inline-start:1em;
    font-style:italic;
    font-weight:500
  }
  .content :where(blockquote p:first-of-type):not(:where([class~=not-prose],
  [class~=not-prose] *)):before {
    content:open-quote
  }
  .content :where(blockquote p:last-of-type):not(:where([class~=not-prose],
  [class~=not-prose] *)):after {
    content:close-quote
  }
  .content :where(h1):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:0;
    margin-bottom:.888889em;
    font-size:2.25em;
    font-weight:800;
    line-height:1.11111
  }
  .content :where(h1 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:900
  }
  .content :where(h2):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:2em;
    margin-bottom:1em;
    font-size:1.5em;
    font-weight:700;
    line-height:1.33333
  }
  .content :where(h2 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:800
  }
  .content :where(h3):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:1.6em;
    margin-bottom:.6em;
    font-size:1.25em;
    font-weight:600;
    line-height:1.6
  }
  .content :where(h3 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:700
  }
  .content :where(h4):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:1.5em;
    margin-bottom:.5em;
    font-weight:600;
    line-height:1.5
  }
  .content :where(h4 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:700
  }
  .content :where(img):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
  }
  .content :where(picture):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em;
    display:block
  }
  .content :where(video):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
  }
  .content :where(kbd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-kbd);
    box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px rgb(var(--tw-prose-kbd-shadows)/10%);
    padding-top:.1875em;
    padding-inline-end:.375em;
    padding-bottom:.1875em;
    border-radius:.3125rem;
    padding-inline-start:.375em;
    font-family:inherit;
    font-size:.875em;
    font-weight:500
  }
  .content :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-code);
    font-size:.875em;
    font-weight:600
  }
  .content :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)):before,
  .content :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)):after {
    content:"`"
  }
  .content :where(a code):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .content :where(h1 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit
  }
  .content :where(h2 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-size:.875em
  }
  .content :where(h3 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-size:.9em
  }
  .content :where(h4 code):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .content :where(blockquote code):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .content :where(thead th code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit
  }
  .content :where(pre):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-pre-code);
    background-color:var(--tw-prose-pre-bg);
    padding-top:.857143em;
    padding-inline-end:1.14286em;
    padding-bottom:.857143em;
    border-radius:.375rem;
    margin-top:1.71429em;
    margin-bottom:1.71429em;
    padding-inline-start:1.14286em;
    font-size:.875em;
    font-weight:400;
    line-height:1.71429;
    overflow-x:auto
  }
  .content :where(pre code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-weight:inherit;
    color:inherit;
    font-size:inherit;
    font-family:inherit;
    line-height:inherit;
    background-color:#0000;
    border-width:0;
    border-radius:0;
    padding:0
  }
  .content :where(pre code):not(:where([class~=not-prose],
  [class~=not-prose] *)):before,
  .content :where(pre code):not(:where([class~=not-prose],
  [class~=not-prose] *)):after {
    content:none
  }
  .content :where(table):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    table-layout:auto;
    width:100%;
    margin-top:2em;
    margin-bottom:2em;
    font-size:.875em;
    line-height:1.71429
  }
  .content :where(thead):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-th-borders)
  }
  .content :where(thead th):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    vertical-align:bottom;
    padding-inline-end:.571429em;
    padding-bottom:.571429em;
    padding-inline-start:.571429em;
    font-weight:600
  }
  .content :where(tbody tr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-td-borders)
  }
  .content :where(tbody tr:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-bottom-width:0
  }
  .content :where(tbody td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    vertical-align:baseline
  }
  .content :where(tfoot):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-top-width:1px;
    border-top-color:var(--tw-prose-th-borders)
  }
  .content :where(tfoot td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    vertical-align:top
  }
  .content :where(th,
  td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    text-align:start
  }
  .content :where(figure>*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .content :where(figcaption):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-captions);
    margin-top:.857143em;
    font-size:.875em;
    line-height:1.42857
  }
  .content {
    --tw-prose-body:oklch(37.3% .034 259.733);
    --tw-prose-headings:oklch(21% .034 264.665);
    --tw-prose-lead:oklch(44.6% .03 256.802);
    --tw-prose-links:oklch(21% .034 264.665);
    --tw-prose-bold:oklch(21% .034 264.665);
    --tw-prose-counters:oklch(55.1% .027 264.364);
    --tw-prose-bullets:oklch(87.2% .01 258.338);
    --tw-prose-hr:oklch(92.8% .006 264.531);
    --tw-prose-quotes:oklch(21% .034 264.665);
    --tw-prose-quote-borders:oklch(92.8% .006 264.531);
    --tw-prose-captions:oklch(55.1% .027 264.364);
    --tw-prose-kbd:oklch(21% .034 264.665);
    --tw-prose-kbd-shadows:NaN NaN NaN;
    --tw-prose-code:oklch(21% .034 264.665);
    --tw-prose-pre-code:oklch(92.8% .006 264.531);
    --tw-prose-pre-bg:oklch(27.8% .033 256.848);
    --tw-prose-th-borders:oklch(87.2% .01 258.338);
    --tw-prose-td-borders:oklch(92.8% .006 264.531);
    --tw-prose-invert-body:oklch(87.2% .01 258.338);
    --tw-prose-invert-headings:#fff;
    --tw-prose-invert-lead:oklch(70.7% .022 261.325);
    --tw-prose-invert-links:#fff;
    --tw-prose-invert-bold:#fff;
    --tw-prose-invert-counters:oklch(70.7% .022 261.325);
    --tw-prose-invert-bullets:oklch(44.6% .03 256.802);
    --tw-prose-invert-hr:oklch(37.3% .034 259.733);
    --tw-prose-invert-quotes:oklch(96.7% .003 264.542);
    --tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);
    --tw-prose-invert-captions:oklch(70.7% .022 261.325);
    --tw-prose-invert-kbd:#fff;
    --tw-prose-invert-kbd-shadows:255 255 255;
    --tw-prose-invert-code:#fff;
    --tw-prose-invert-pre-code:oklch(87.2% .01 258.338);
    --tw-prose-invert-pre-bg:#00000080;
    --tw-prose-invert-th-borders:oklch(44.6% .03 256.802);
    --tw-prose-invert-td-borders:oklch(37.3% .034 259.733);
    font-size:1rem;
    line-height:1.75
  }
  .content :where(picture>img):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .content :where(li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.5em;
    margin-bottom:.5em
  }
  .content :where(ol>li):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .content :where(ul>li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:.375em
  }
  .content :where(.prose>ul>li p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.75em;
    margin-bottom:.75em
  }
  .content :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em
  }
  .content :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.25em
  }
  .content :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em
  }
  .content :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.25em
  }
  .content :where(ul ul,
  ul ol,
  ol ul,
  ol ol):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.75em;
    margin-bottom:.75em
  }
  .content :where(dl):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em
  }
  .content :where(dd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.5em;
    padding-inline-start:1.625em
  }
  .content :where(hr+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .content :where(h2+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .content :where(h3+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .content :where(h4+*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .content :where(thead th:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .content :where(thead th:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .content :where(tbody td,
  tfoot td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:.571429em;
    padding-inline-end:.571429em;
    padding-bottom:.571429em;
    padding-inline-start:.571429em
  }
  .content :where(tbody td:first-child,
  tfoot td:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .content :where(tbody td:last-child,
  tfoot td:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .content :where(figure):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
  }
  .content :where(.prose>:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .content :where(.prose>:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:0
  }
  .content {
    max-width:none
  }
  .content :where(h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  th):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-text-dark);
    margin-top:.6em;
    margin-bottom:.6em
  }
  .content :where(h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  th):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    color:var(--color-darkmode-text-dark)
  }
  .content :where(h1):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:var(--text-h1-sm)
  }
  @media (min-width:48rem) {
    .content :where(h1):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:var(--text-h1)
    }
  }
  .content :where(h2):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:var(--text-h2-sm)
  }
  @media (min-width:48rem) {
    .content :where(h2):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:var(--text-h2)
    }
  }
  .content :where(h3):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:var(--text-h3-sm)
  }
  @media (min-width:48rem) {
    .content :where(h3):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:var(--text-h3)
    }
  }
  .content :where(img):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-radius:.25rem;
    max-width:100%
  }
  .content :where(hr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-color:var(--color-border)
  }
  .content :where(hr):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-border)
  }
  .content :where(p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    line-height:var(--tw-leading,var(--text-base--line-height));
    font-size:var(--text-base);
    color:var(--color-text)
  }
  .content :where(p):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    color:var(--color-darkmode-text)
  }
  .content :where(blockquote):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-radius:var(--radius-lg);
    border-style:var(--tw-border-style);
    border-width:1px;
    border-left-style:var(--tw-border-style);
    border-left-width:10px;
    border-color:var(--color-primary);
    background-color:var(--color-light);
    padding-inline:calc(var(--spacing)*8);
    padding-block:calc(var(--spacing)*10);
    font-family:var(--font-secondary);
    font-size:var(--text-2xl);
    line-height:var(--tw-leading,var(--text-2xl--line-height));
    color:var(--color-text-dark);
    font-style:normal
  }
  .content :where(blockquote):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-primary);
    background-color:var(--color-darkmode-light);
    color:var(--color-darkmode-text-light)
  }
  .content :where(pre):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-radius:var(--radius-lg);
    background-color:var(--color-light)
  }
  .content :where(pre):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-light)
  }
  .content :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline:calc(var(--spacing)*1);
    color:var(--color-primary)
  }
  .content :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    color:var(--color-darkmode-primary)
  }
  .content :where(strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-text-dark)
  }
  .content :where(strong):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    color:var(--color-darkmode-text)
  }
  .content :where(a):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-text);
    text-decoration-line:underline
  }
  @media (hover:hover) {
    .content :where(a):not(:where([class~=not-prose],
    [class~=not-prose] *)):hover {
      color:var(--color-primary)
    }
  }
  .content :where(a):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    color:var(--color-darkmode-text)
  }
  @media (hover:hover) {
    .content :where(a):not(:where([class~=not-prose],
    [class~=not-prose] *)):hover:where(.dark,
    .dark *) {
      color:var(--color-darkmode-primary)
    }
  }
  .content :where(li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-text)
  }
  .content :where(li):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    color:var(--color-darkmode-text)
  }
  .content :where(table):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-radius:var(--radius-lg);
    position:relative;
    overflow:hidden
  }
  .content:before {
    content:var(--tw-content)
  }
  .content :where(thead):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-color:var(--color-border);
    background-color:var(--color-light)
  }
  .content :where(thead):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-border);
    background-color:var(--color-darkmode-light)
  }
  .content :where(th):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    z-index:10;
    padding-inline:calc(var(--spacing)*4);
    color:var(--color-text-dark);
    padding-block:18px;
    position:relative
  }
  .content :where(th):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    color:var(--color-darkmode-text)
  }
  .content :where(tr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-color:var(--color-border)
  }
  .content :where(tr):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-border)
  }
  .content :where(td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    z-index:10;
    padding-inline:calc(var(--spacing)*3);
    padding-block:18px;
    position:relative
  }
  .content :where(td):not(:where([class~=not-prose],
  [class~=not-prose] *)):where(.dark,
  .dark *) {
    color:var(--color-darkmode-text)
  }

  .navbar {
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    display:flex;
    position:relative
  }
  .navbar-brand {
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height));
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold);
    color:var(--color-dark)
  }
  .navbar-brand:where(.dark,
  .dark *) {
    color:var(--color-darkmode-dark)
  }
  .navbar-brand image {
    max-width:100%;
    max-height:100%
  }
  .navbar-nav {
    text-align:center
  }
  .nav-link {
    cursor:pointer;
    padding:calc(var(--spacing)*3);
    font-size:var(--text-2xl);
    line-height:var(--tw-leading,var(--text-2xl--line-height));
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold);
    color:var(--color-text-light);
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    display:block
  }
  @media (hover:hover) {
    .nav-link:hover {
      color:var(--color-text-dark)
    }
  }
  @media (min-width:64rem) {
    .nav-link {
      padding-inline:calc(var(--spacing)*2);
      padding-block:calc(var(--spacing)*3)
    }
  }
  .nav-link:where(.dark,
  .dark *) {
    color:var(--color-darkmode-text)!important
  }
  @media (hover:hover) {
    .nav-link:where(.dark,
    .dark *):hover {
      color:var(--color-darkmode-primary)!important
    }
  }
  :where(.nav-list>: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)))
  }
  .submenu-arrow.active {
    rotate:180deg
  }
  .nav-active {
    color:var(--color-text-dark)
  }
  .nav-active:where(.dark,
  .dark *) {
    color:var(--color-darkmode-text-dark)
  }
  .nav-dropdown {
    margin-right:calc(var(--spacing)*0)
  }
  .nav-dropdown-list {
    z-index:10;
    background-color:var(--color-body);
    padding:calc(var(--spacing)*4);
    --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);
    border-radius:.25rem
  }
  .nav-dropdown-list:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-dark)
  }
  .nav-dropdown-item {
    margin-bottom:calc(var(--spacing)*2)
  }
  .nav-dropdown-link {
    padding-block:calc(var(--spacing)*1);
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height));
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium);
    color:var(--color-text-light);
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    display:block
  }
  @media (hover:hover) {
    .nav-dropdown-link:hover {
      color:var(--color-darkmode-text-dark)!important
    }
  }
  .nav-dropdown-link:where(.dark,
  .dark *) {
    color:var(--color-darkmode-text)!important
  }
  @media (hover:hover) {
    .nav-dropdown-link:where(.dark,
    .dark *):hover {
      color:var(--color-darkmode-primary)
    }
  }
  .theme-switcher {
    display:inline-flex
  }
  .theme-switcher label {
    height:calc(var(--spacing)*4);
    width:calc(var(--spacing)*6);
    cursor:pointer;
    border-radius:var(--radius-2xl);
    background-color:var(--color-border);
    display:inline-block;
    position:relative
  }
  @media (min-width:64rem) {
    .theme-switcher label {
      width:calc(var(--spacing)*10)
    }
  }
  .theme-switcher input {
    opacity:0;
    position:absolute
  }
  .theme-switcher span {
    top:calc(var(--spacing)*-1);
    left:calc(var(--spacing)*0);
    height:calc(var(--spacing)*6);
    width:calc(var(--spacing)*6);
    background-color:var(--color-dark);
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    --tw-duration:.3s;
    border-radius:3.40282e38px;
    justify-content:center;
    align-items:center;
    transition-duration:.3s;
    display:flex;
    position:absolute
  }
  .theme-switcher span:where(.dark,
  .dark *) {
    background-color:var(--color-white)
  }
  @media (min-width:64rem) {
    .theme-switcher span:where(.dark,
    .dark *),
    .theme-switcher input:checked+label span {
      left:calc(var(--spacing)*4)
    }
  }
  .search-icon {
    cursor:pointer;
    background-color:var(--color-black);
    color:var(--color-white);
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .search-icon:where(.dark,
  .dark *) {
    background-color:var(--color-white);
    color:var(--color-black)
  }
  .search-modal {
    visibility:hidden;
    top:calc(var(--spacing)*0);
    right:calc(var(--spacing)*0);
    left:calc(var(--spacing)*0);
    z-index:10;
    height:calc(var(--spacing)*10);
    background-color:var(--color-white);
    opacity:0;
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    position:absolute
  }
  @media (min-width:48rem) {
    .search-modal {
      height:100%
    }
  }
  .search-modal:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-light)
  }
  .search-modal .form-input {
    border-style:var(--tw-border-style);
    width:100%;
    height:100%;
    font-size:var(--text-lg);
    line-height:var(--tw-leading,var(--text-lg--line-height));
    border-width:0
  }
  .search-modal .search-close {
    top:50%;
    right:calc(var(--spacing)*2);
    --tw-translate-y: -50% ;
    translate:var(--tw-translate-x)var(--tw-translate-y);
    padding:calc(var(--spacing)*3);
    font-size:var(--text-h4);
    position:absolute
  }
  .search-modal.open {
    visibility:visible;
    opacity:1
  }
  .footer-link {
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height));
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium);
    color:var(--color-text-light);
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  @media (hover:hover) {
    .footer-link:hover {
      color:var(--color-text-dark)
    }
  }
  @media (min-width:48rem) {
    .footer-link {
      line-height:var(--tw-leading,var(--text-base--line-height));
      font-size:var(--text-base)
    }
  }
  .footer-link:where(.dark,
  .dark *) {
    color:var(--color-darkmode-text)
  }
  @media (hover:hover) {
    .footer-link:where(.dark,
    .dark *):hover {
      color:var(--color-darkmode-primary)
    }
  }
  .btn {
    cursor:pointer;
    border-radius:var(--radius-md);
    border-style:var(--tw-border-style);
    padding-inline:calc(var(--spacing)*5);
    padding-block:calc(var(--spacing)*2);
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold);
    text-transform:capitalize;
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
    border-width:1px;
    border-color:#0000;
    display:inline-block
  }
  .btn-primary {
    border-color:var(--color-primary);
    background-color:var(--color-primary);
    text-align:center;
    color:var(--color-white)
  }
  .btn-primary:where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-primary);
    background-color:var(--color-white);
    color:var(--color-text-dark)
  }
  .btn-outline-primary {
    border-color:var(--color-dark);
    color:var(--color-text-dark);
    background-color:#0000
  }
  @media (hover:hover) {
    .btn-outline-primary:hover {
      background-color:var(--color-dark);
      color:var(--color-white)
    }
  }
  .btn-outline-primary:where(.dark,
  .dark *) {
    border-color:var(--color-white);
    color:var(--color-white)
  }
  @media (hover:hover) {
    .btn-outline-primary:where(.dark,
    .dark *):hover {
      background-color:var(--color-white);
      color:var(--color-text-dark)
    }
  }
}
@layer utilities {
  .sr-only {
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border-width:0;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    position:absolute;
    overflow:hidden
  }
  .absolute {
    position:absolute
  }
  .fixed {
    position:fixed
  }
  .relative {
    position:relative
  }
  .static {
    position:static
  }
  .sticky {
    position:sticky
  }
  .inset-0 {
    inset:calc(var(--spacing)*0)
  }
  .inset-y-0 {
    inset-block:calc(var(--spacing)*0)
  }
  .-top-1 {
    top:calc(var(--spacing)*-1)
  }
  .top-0 {
    top:calc(var(--spacing)*0)
  }
  .top-1\/2 {
    top:50%
  }
  .top-2 {
    top:calc(var(--spacing)*2)
  }
  .top-16 {
    top:calc(var(--spacing)*16)
  }
  .top-\[33\%\] {
    top:33%
  }
  .-right-3 {
    right:calc(var(--spacing)*-3)
  }
  .-right-16 {
    right:calc(var(--spacing)*-16)
  }
  .right-0 {
    right:calc(var(--spacing)*0)
  }
  .right-2 {
    right:calc(var(--spacing)*2)
  }
  .right-4 {
    right:calc(var(--spacing)*4)
  }
  .bottom-0 {
    bottom:calc(var(--spacing)*0)
  }
  .bottom-2 {
    bottom:calc(var(--spacing)*2)
  }
  .bottom-12 {
    bottom:calc(var(--spacing)*12)
  }
  .bottom-24 {
    bottom:calc(var(--spacing)*24)
  }
  .bottom-20px {
    bottom:20px
  }
  .left-0 {
    left:calc(var(--spacing)*0)
  }
  .left-1\/2 {
    left:50%
  }
  .left-4 {
    left:calc(var(--spacing)*4)
  }
  .z-10 {
    z-index:10
  }
  .z-20 {
    z-index:20
  }
  .z-30 {
    z-index:30
  }
  .z-40 {
    z-index:40
  }
  .z-50 {
    z-index:50
  }
  .order-1 {
    order:1
  }
  .order-2 {
    order:2
  }
  .order-3 {
    order:3
  }
  .order-first {
    order:-1
  }
  .order-last {
    order:13
  }
  .col-3 {
    grid-column:3
  }
  .col-4 {
    grid-column:4
  }
  .col-6 {
    grid-column:6
  }
  .col-8 {
    grid-column:8
  }
  .col-10 {
    grid-column:10
  }
  .col-11 {
    grid-column:11
  }
  .col-12 {
    grid-column:12
  }
  .col-auto {
    grid-column:auto
  }
  .container {
    width:100%
  }
  @media (min-width:40rem) {
    .container {
      max-width:40rem
    }
  }
  @media (min-width:48rem) {
    .container {
      max-width:48rem
    }
  }
  @media (min-width:64rem) {
    .container {
      max-width:64rem
    }
  }
  @media (min-width:80rem) {
    .container {
      max-width:80rem
    }
  }
  @media (min-width:96rem) {
    .container {
      max-width:96rem
    }
  }
  .m-1 {
    margin:calc(var(--spacing)*1)
  }
  .mx-1 {
    margin-inline:calc(var(--spacing)*1)
  }
  .mx-\[1px\] {
    margin-inline:1px
  }
  .mx-auto {
    margin-inline:auto
  }
  .my-0 {
    margin-block:calc(var(--spacing)*0)
  }
  .my-2 {
    margin-block:calc(var(--spacing)*2)
  }
  .my-3 {
    margin-block:calc(var(--spacing)*3)
  }
  .my-4 {
    margin-block:calc(var(--spacing)*4)
  }
  .my-6 {
    margin-block:calc(var(--spacing)*6)
  }
  .my-10 {
    margin-block:calc(var(--spacing)*10)
  }
  .my-auto {
    margin-block:auto
  }
  .me-4 {
    margin-inline-end:calc(var(--spacing)*4)
  }
  .row {
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    margin-top:calc(var(--bs-gutter-y)*-1);
    margin-right:calc(var(--bs-gutter-x)/-2);
    margin-left:calc(var(--bs-gutter-x)/-2);
    flex-wrap:wrap;
    display:flex
  }
  .row>* {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x)/2);
    padding-left:calc(var(--bs-gutter-x)/2);
    margin-top:var(--bs-gutter-y);
    flex-shrink:0
  }
  .-mt-2 {
    margin-top:calc(var(--spacing)*-2)
  }
  .-mt-14 {
    margin-top:calc(var(--spacing)*-14)
  }
  .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-10 {
    margin-top:calc(var(--spacing)*10)
  }
  .mt-11 {
    margin-top:calc(var(--spacing)*11)
  }
  .mt-12 {
    margin-top:calc(var(--spacing)*12)
  }
  .mt-14 {
    margin-top:calc(var(--spacing)*14)
  }
  .-mr-1 {
    margin-right:calc(var(--spacing)*-1)
  }
  .mr-1 {
    margin-right:calc(var(--spacing)*1)
  }
  .mr-2 {
    margin-right:calc(var(--spacing)*2)
  }
  .mr-4 {
    margin-right:calc(var(--spacing)*4)
  }
  .mr-6 {
      margin-right:calc(var(--spacing)*6)
    }
  .form-label {
    margin-bottom:calc(var(--spacing)*4);
    font-family:var(--font-secondary);
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height));
    --tw-font-weight:var(--font-weight-normal);
    font-weight:var(--font-weight-normal);
    color:var(--color-text-dark);
    display:block
  }
  .form-label:where(.dark,
  .dark *) {
    color:var(--color-darkmode-light)
  }
  .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-10 {
    margin-bottom:calc(var(--spacing)*10)
  }
  .mb-12 {
    margin-bottom:calc(var(--spacing)*12)
  }
  .mb-14 {
    margin-bottom:calc(var(--spacing)*14)
  }
  .ml-1 {
    margin-left:calc(var(--spacing)*1)
  }
  .ml-1\.5 {
    margin-left:calc(var(--spacing)*1.5)
  }
  .ml-4 {
    margin-left:calc(var(--spacing)*4)
  }
  .ml-6 {
    margin-left:calc(var(--spacing)*6)
  }
  .ml-8 {
    margin-left:calc(var(--spacing)*8)
  }
  .ml-\[55px\] {
    margin-left:55px
  }
  .ml-auto {
    margin-left:auto
  }
  .form-input {
    appearance:none;
    --tw-shadow:0 0 #0000;
    background-color:#fff;
    border-width:1px;
    border-color:#6a7282;
    border-radius:0;
    padding:.5rem .75rem;
    font-size:1rem;
    line-height:1.5rem
  }
  .form-input:focus {
    outline-offset:2px;
    --tw-ring-inset:var(--tw-empty, );
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:oklch(54.6% .245 262.881);
    --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    border-color:#155dfc;
    outline:2px solid #0000
  }
  .form-input::placeholder {
    color:#6a7282;
    opacity:1
  }
  .form-input::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }
  .form-input::-webkit-date-and-time-value {
    min-height:1.5em
  }
  .form-input::-webkit-date-and-time-value {
    text-align:inherit
  }
  .form-input::-webkit-datetime-edit {
    display:inline-flex
  }
  .form-input::-webkit-datetime-edit {
    padding-top:0;
    padding-bottom:0
  }
  .form-input::-webkit-datetime-edit-year-field {
    padding-top:0;
    padding-bottom:0
  }
  .form-input::-webkit-datetime-edit-month-field {
    padding-top:0;
    padding-bottom:0
  }
  .form-input::-webkit-datetime-edit-day-field {
    padding-top:0;
    padding-bottom:0
  }
  .form-input::-webkit-datetime-edit-hour-field {
    padding-top:0;
    padding-bottom:0
  }
  .form-input::-webkit-datetime-edit-minute-field {
    padding-top:0;
    padding-bottom:0
  }
  .form-input::-webkit-datetime-edit-second-field {
    padding-top:0;
    padding-bottom:0
  }
  .form-input::-webkit-datetime-edit-millisecond-field {
    padding-top:0;
    padding-bottom:0
  }
  .form-input::-webkit-datetime-edit-meridiem-field {
    padding-top:0;
    padding-bottom:0
  }
  .line-clamp-1 {
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
  }
  .block {
    display:block
  }
  .contents {
    display:contents
  }
  .flex {
    display:flex
  }
  .grid {
    display:grid
  }
  .hidden {
    display:none
  }
  .inline {
    display:inline
  }
  .inline-block {
    display:inline-block
  }
  .inline-flex {
    display:inline-flex
  }
  .table {
    display:table
  }
  .h-1 {
    height:calc(var(--spacing)*1)
  }
  .h-2 {
    height:calc(var(--spacing)*2)
  }
  .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-10 {
    height:calc(var(--spacing)*10)
  }
  .h-12 {
    height:calc(var(--spacing)*12)
  }
  .h-16 {
    height:calc(var(--spacing)*16)
  }
  .h-20 {
    height:calc(var(--spacing)*20)
  }
  .h-\[17px\] {
    height:17px
  }
  .h-\[80px\] {
    height:80px
  }
  .h-\[150px\] {
    height:150px
  }
  .h-\[200px\] {
    height:200px
  }
  .h-\[250px\] {
    height:250px
  }
  .h-\[323px\] {
    height:323px
  }
  .h-\[446px\] {
    height:446px
  }
  .h-fit {
    height:fit-content
  }
  .h-full {
    height:100%
  }
  .h-px {
    height:1px
  }
  .max-h-60 {
    max-height:calc(var(--spacing)*60)
  }
  .max-h-\[146px\] {
    max-height:146px
  }
  .max-h-\[623px\] {
    max-height:623px
  }
  .col-3 {
    flex:none;
    width:25%
  }
  .col-4 {
    flex:none;
    width:33.3333%
  }
  .col-6 {
    flex:none;
    width:50%
  }
  .col-8 {
    flex:none;
    width:66.6667%
  }
  .col-10 {
    flex:none;
    width:83.3333%
  }
  .col-11 {
    flex:none;
    width:91.6667%
  }
  .col-12 {
    flex:none;
    width:100%
  }
  .col-auto,
  .row-cols-auto>* {
    flex:none;
    width:auto
  }
  .form-input {
    background-color:var(--color-light);
    width:100%;
    padding-inline:calc(var(--spacing)*6);
    padding-block:calc(var(--spacing)*4);
    color:var(--color-text-dark);
    border-color:#0000;
    border-radius:.25rem
  }
  .form-input::placeholder {
    color:var(--color-text-light)
  }
  .form-input:focus {
    border-color:var(--color-primary);
    --tw-ring-color:transparent
  }
  .form-input:where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-border);
    background-color:var(--color-darkmode-light);
    color:var(--color-darkmode-light)
  }
  .form-input:where(.dark,
  .dark *):focus {
    border-color:var(--color-darkmode-primary)
  }
  .size-8 {
    width: calc(var(--spacing)*8);
    height: calc(var(--spacing)*8);
  }
  .w-1 {
    width:calc(var(--spacing)*1)
  }
  .min-w-max {
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .end-0 {
  inset-inline-end: 0;
}
.pe-3 {
  -webkit-padding-end: 0.75rem;
  padding-inline-end: 0.75rem;
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-blue-200 {
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity));
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity));
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}

.text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity));
}
  .text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark) {
  .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
}
  .w-2\/12 {
    width:16.6667%
  }
  .w-3\/12 {
    width:25%
  }
  .w-4 {
    width:calc(var(--spacing)*4)
  }
  .w-5 {
    width:calc(var(--spacing)*5)
  }
  .w-6 {
    width:calc(var(--spacing)*6)
  }
  .w-10 {
    width:calc(var(--spacing)*10)
  }
  .w-16 {
    width:calc(var(--spacing)*16)
  }
  .w-24 {
    width:calc(var(--spacing)*24)
  }
   .h-24 {
    height:calc(var(--spacing)*24)
  }
  .w-56 {
    width:calc(var(--spacing)*56)
  }
  .w-72 {
    width:calc(var(--spacing)*72)
  }
  .w-\[13\%\] {
    width:13%
  }
  .w-\[17px\] {
    width:17px
  }
  .w-\[30px\] {
    width:30px
  }
  .w-48 {
    width: calc(var(--spacing)*48);
  }
  .w-\[70px\] {
    width:70px
  }
  .w-\[312px\] {
    width:312px
  }
  .w-\[388px\] {
    width:388px
  }
  .w-full {
    width:100%
  }
  .max-w-\[36px\] {
    max-width:36px
  }
  .min-w-\[36px\] {
    min-width:36px
  }
  .min-w-\[48px\] {
    min-width:48px
  }
  .col {
    flex:1 0
  }
  .flex-1 {
    flex:1
  }
  .flex-grow {
    flex-grow:1
  }
  .origin-top-right {
    transform-origin:100% 0
  }
  .-translate-x-1\/2 {
    --tw-translate-x: -50% ;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .-translate-x-full {
    --tw-translate-x:-100%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .translate-x-0 {
    --tw-translate-x:calc(var(--spacing)*0);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .translate-x-full {
    --tw-translate-x:100%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .-translate-y-1\/2 {
    --tw-translate-y: -50% ;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .translate-y-\[2px\] {
    --tw-translate-y:2px;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .translate-y-full {
    --tw-translate-y:100%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .rotate-180 {
    rotate:180deg
  }
  .transform {
    transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
  }
  .animate-pulse {
    animation:var(--animate-pulse)
  }
  .animate-spin {
    animation:var(--animate-spin)
  }
  .cursor-default {
    cursor:default
  }
  .cursor-not-allowed {
    cursor:not-allowed
  }
  .cursor-pointer {
    cursor:pointer
  }
  .cursor-zoom-in {
    cursor:zoom-in
  }
  .cursor-zoom-out {
    cursor:zoom-out
  }
  .list-disc {
    list-style-type:disc
  }
  .grid-cols-1 {
    grid-template-columns:repeat(1,minmax(0,1fr))
  }
  .grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .flex-col {
    flex-direction:column
  }
  .flex-row {
    flex-direction:row
  }
  .flex-wrap {
    flex-wrap:wrap
  }
  .items-center {
    align-items:center
  }
  .justify-between {
    justify-content:space-between
  }
  .justify-center {
    justify-content:center
  }
  .justify-end {
    justify-content:flex-end
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap:calc(var(--spacing)*2)
  }
  .gap-3 {
    gap:calc(var(--spacing)*3)
  }
  .gap-4 {
    gap:calc(var(--spacing)*4)
  }
  .gap-6 {
    gap:calc(var(--spacing)*6)
  }
  .gap-8 {
    gap:calc(var(--spacing)*8)
  }
  :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-4>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-5>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-10>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))
  }
  .gap-x-1 {
    column-gap:calc(var(--spacing)*1)
  }
  .gap-x-1\.5 {
    column-gap:calc(var(--spacing)*1.5)
  }
  .gap-x-2 {
    column-gap:calc(var(--spacing)*2)
  }
  .gap-x-4 {
    column-gap:calc(var(--spacing)*4)
  }
  .gap-x-6 {
    column-gap:calc(var(--spacing)*6)
  }
  .gap-x-8 {
    column-gap:calc(var(--spacing)*8)
  }
  :where(.space-x-2>:not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
    margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
  }
  :where(.space-x-3>:not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));
    margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
  }
  :where(.space-x-4>:not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
    margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
  }
  :where(.space-x-7>:not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(calc(var(--spacing)*7)*var(--tw-space-x-reverse));
    margin-inline-end:calc(calc(var(--spacing)*7)*calc(1 - var(--tw-space-x-reverse)))
  }
  .gap-y-2 {
    row-gap:calc(var(--spacing)*2)
  }
  .truncate {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
  }
  .overflow-auto {
    overflow:auto
  }
  .overflow-hidden {
    overflow:hidden
  }
  .overflow-y-auto {
    overflow-y:auto
  }
  .rounded {
    border-radius:.25rem
  }
  .rounded-full {
    border-radius:3.40282e38px
  }
  .rounded-lg {
    border-radius:var(--radius-lg)
  }
  .rounded-md {
    border-radius:var(--radius-md)
  }
  .rounded-sm {
    border-radius:var(--radius-sm)
  }
  .rounded-xl {
    border-radius:var(--radius-xl)
  }
  .rounded-tl-md {
    border-top-left-radius:var(--radius-md)
  }
  .rounded-tr-md {
    border-top-right-radius:var(--radius-md)
  }
  .rounded-b-xl {
    border-bottom-right-radius:var(--radius-xl);
    border-bottom-left-radius:var(--radius-xl)
  }
  .rounded-br-md {
    border-bottom-right-radius:var(--radius-md)
  }
  .rounded-bl-md {
    border-bottom-left-radius:var(--radius-md)
  }
  .border {
    border-style:var(--tw-border-style);
    border-width:1px
  }


  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-purple-600 {
    border-color: var(--color-purple-600);
  }
  .border-green-700 {
    border-color: var(--color-green-700);
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-gray-200 {
    --tw-border-opacity:1;
    border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
  }
  .border-gray-300 {
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
  }
  .bg-gray-100 {
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
  }
  .bg-gray-50 {
    --tw-bg-opacity:1;
    background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
  }
  .bg-gray-900 {
    --tw-bg-opacity:1;
    background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))
  }

  .border-t {
    border-top-style:var(--tw-border-style);
    border-top-width:1px
  }
  .border-t-2 {
    border-top-style:var(--tw-border-style);
    border-top-width:2px
  }
  .border-r-2 {
    border-right-style:var(--tw-border-style);
    border-right-width:2px
  }
  .border-r {
    border-right-style:var(--tw-border-style);
    border-right-width:1px
  }
  .border-b {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px
  }
  .border-b-0 {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:0
  }
  .border-b-2 {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:2px
  }
  .border-l {
    border-left-style:var(--tw-border-style);
    border-left-width:1px
  }
  .border-l-2 {
    border-left-style:var(--tw-border-style);
    border-left-width:2px
  }
  .border-none {
    --tw-border-style:none;
    border-style:none
  }
  .border-border {
    border-color:var(--color-border)
  }
  .border-darkmode-border {
    border-color:var(--color-darkmode-border)
  }
  .border-neutral-200 {
    border-color:var(--color-neutral-200)
  }
  .border-neutral-300 {
    border-color:var(--color-neutral-300)
  }
  .border-transparent {
    border-color:#0000
  }
  .bg-black {
    background-color:var(--color-black)
  }
  .bg-body {
    background-color:var(--color-body)
  }
  .bg-dark {
    background-color:var(--color-dark)
  }
  .bg-gray-200 {
    background-color:var(--color-gray-200)
  }
  .bg-green-400 {
    background-color:var(--color-green-400)
  }
  .bg-green-700 {
    background-color:var(--color-green-700)
  }
  .bg-light,
  .bg-light\/90 {
    background-color:var(--color-light)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .bg-light\/90 {
      background-color:color-mix(in oklab,var(--color-light)90%,transparent)
    }
  }
  .bg-neutral-100 {
    background-color:var(--color-neutral-100)
  }
  .bg-neutral-200 {
    background-color:var(--color-neutral-200)
  }
  .bg-neutral-300 {
    background-color:var(--color-neutral-300)
  }
  .bg-neutral-500 {
    background-color:var(--color-neutral-500)
  }
  
  .bg-primary {
    background-color:var(--color-primary)
  }
  
  .bg-transparent {
    background-color:#0000
  }
  .bg-white {
    background-color:var(--color-white)
  }
  .bg-gradient-to-b {
    --tw-gradient-position:to bottom in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .from-body {
    --tw-gradient-from:var(--color-body);
    --tw-gradient-via-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));
    --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-light {
    --tw-gradient-to:var(--color-light);
    --tw-gradient-via-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));
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .fill-current {
    fill:currentColor
  }
  .object-contain {
    object-fit:contain
  }
  .object-cover {
    object-fit:cover
  }
  .p-1 {
    padding:calc(var(--spacing)*1)
  }
  .p-2 {
    padding:calc(var(--spacing)*2)
  }
  .p-3 {
    padding:calc(var(--spacing)*3)
  }
  .p-6 {
    padding:calc(var(--spacing)*6)
  }
  .p-8 {
    padding:calc(var(--spacing)*8)
  }
  .p-9 {
    padding:calc(var(--spacing)*9)
  }
  .p-10 {
    padding:calc(var(--spacing)*10)
  }
  .btn-sm {
    padding-inline:calc(var(--spacing)*4);
    padding-block:calc(var(--spacing)*1.5);
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height));
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)
  }
  .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-5 {
    padding-inline:calc(var(--spacing)*5)
  }
  .px-6 {
    padding-inline:calc(var(--spacing)*6)
  }
  .px-7 {
    padding-inline:calc(var(--spacing)*7)
  }
  .px-8 {
    padding-inline:calc(var(--spacing)*8)
  }
  .section-sm {
    padding-block:calc(var(--spacing)*16)
  }
  @media (min-width:80rem) {
    .section-sm {
      padding-block:calc(var(--spacing)*20)
    }
  }
   .transition-discrete {
    transition-behavior: allow-discrete;
  }
  .p-0\.75 {
    padding:calc(var(--spacing)*.75)
  }
  .p-1 {
    padding:calc(var(--spacing)*1)
  }
  .p-1\.5 {
    padding:calc(var(--spacing)*1.5)
  }
  .p-2 {
    padding:calc(var(--spacing)*2)
  }
  .p-3 {
    padding:calc(var(--spacing)*3)
  }
  .p-4 {
    padding:calc(var(--spacing)*4)
  }
  .p-6 {
    padding:calc(var(--spacing)*6)
  }
  .px-1 {
    padding-inline:calc(var(--spacing)*1)
  }
  .px-1\.5 {
    padding-inline:calc(var(--spacing)*1.5)
  }
  .px-2 {
    padding-inline:calc(var(--spacing)*2)
  }
  .px-2\.5 {
    padding-inline:calc(var(--spacing)*2.5)
  }
  .px-3 {
    padding-inline:calc(var(--spacing)*3)
  }
  .px-3\.5 {
    padding-inline:calc(var(--spacing)*3.5)
  }
  .px-4 {
    padding-inline:calc(var(--spacing)*4)
  }
  .px-6 {
    padding-inline:calc(var(--spacing)*6)
  }
  .px-8 {
    padding-inline:calc(var(--spacing)*8)
  }
  .py-0\.5 {
    padding-block:calc(var(--spacing)*.5)
  }
  .py-1 {
    padding-block:calc(var(--spacing)*1)
  }
  .py-1\.5 {
    padding-block:calc(var(--spacing)*1.5)
  }
  .py-2 {
    padding-block:calc(var(--spacing)*2)
  }
  .py-3 {
    padding-block:calc(var(--spacing)*3)
  }
  .py-4 {
    padding-block:calc(var(--spacing)*4)
  }
  .py-6 {
    padding-block:calc(var(--spacing)*6)
  }
  .py-8 {
    padding-block:calc(var(--spacing)*8)
  }
  .py-10 {
    padding-block:calc(var(--spacing)*10)
  }
  .py-12 {
    padding-block:calc(var(--spacing)*12)
  }
  .py-\[calc\(--spacing\(2\)\+1px\)\] {
    padding-block:calc(calc(var(--spacing)*2) + 1px)
  }
  .pt-1 {
    padding-top:calc(var(--spacing)*1)
  }
  .pt-2 {
    padding-top:calc(var(--spacing)*2)
  }
  .pt-4 {
    padding-top:calc(var(--spacing)*4)
  }
  .pt-7 {
    padding-top:calc(var(--spacing)*7)
  }
  .pt-8 {
    padding-top:calc(var(--spacing)*8)
  }
  .pt-10 {
    padding-top:calc(var(--spacing)*10)
  }
  .pt-12 {
    padding-top:calc(var(--spacing)*12)
  }
  .pt-14 {
    padding-top:calc(var(--spacing)*14)
  }
  .pt-px {
    padding-top:1px
  }
  .pr-3 {
    padding-right:calc(var(--spacing)*3)
  }
  .pr-4 {
    padding-right:calc(var(--spacing)*4)
  }
  .pr-7 {
    padding-right:calc(var(--spacing)*7)
  }
  .pr-34 {
    padding-right:calc(var(--spacing)*34)
  }
  .pr-\[calc\(--spacing\(2\)\+1px\)\] {
    padding-right:calc(calc(var(--spacing)*2) + 1px)
  }
  .pb-2 {
    padding-bottom:calc(var(--spacing)*2)
  }
  .pb-4 {
    padding-bottom:calc(var(--spacing)*4)
  }
  .pb-6 {
    padding-bottom:calc(var(--spacing)*6)
  }
  .pb-8 {
    padding-bottom:calc(var(--spacing)*8)
  }
  .pb-10 {
    padding-bottom:calc(var(--spacing)*10)
  }
  .pb-28 {
    padding-bottom:calc(var(--spacing)*28)
  }
  .pl-2 {
    padding-left:calc(var(--spacing)*2)
  }
  .pl-3 {
    padding-left:calc(var(--spacing)*3)
  }
  .pl-4 {
    padding-left:calc(var(--spacing)*4)
  }
  .pl-5 {
    padding-left:calc(var(--spacing)*5)
  }
  .pl-6 {
    padding-left:calc(var(--spacing)*6)
  }
  .pl-8 {
    padding-left:calc(var(--spacing)*8)
  }
  .pl-10 {
    padding-left:calc(var(--spacing)*10)
  }
  .text-center {
    text-align:center
  }
  .text-left {
    text-align:left
  }
  .align-middle {
    vertical-align:middle
  }
  .align-top {
    vertical-align:top
  }
  .text-center {
    text-align:center
  }
  .text-left {
    text-align:left
  }
  .text-right {
    text-align:right
  }
  .font-primary {
    font-family:var(--font-primary)
  }
  .font-secondary {
    font-family:var(--font-secondary)
  }
  .text-3xl {
    font-size:var(--text-3xl);
    line-height:var(--tw-leading,var(--text-3xl--line-height))
  }
  .text-base {
    font-size:var(--text-base);
    line-height:var(--tw-leading,var(--text-base--line-height))
  }
  .text-lg {
    font-size:var(--text-lg);
    line-height:var(--tw-leading,var(--text-lg--line-height))
  }
  .text-sm {
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height))
  }
  .text-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-\[8rem\] {
    font-size:8rem
  }
  .text-\[12px\] {
    font-size:12px
  }
  .text-base {
    font-size:var(--text-base)
  }
  .leading-7 {
    --tw-leading:calc(var(--spacing)*7);
    line-height:calc(var(--spacing)*7)
  }
  .leading-none {
    --tw-leading:1;
    line-height:1
  }
  .font-bold {
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold)
  }
  .font-light {
    --tw-font-weight:var(--font-weight-light);
    font-weight:var(--font-weight-light)
  }
  .font-medium {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)
  }
  .font-semibold {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }
  .whitespace-nowrap {
    white-space:nowrap
  }
  .text-black {
    color:var(--color-black)
  }
  .text-dark {
    color:var(--color-dark)
  }
  .text-gray-400 {
    color:var(--color-gray-400)
  }
  .text-green-200 {
    color:var(--color-green-200)
  }
  .text-green-400 {
    color:var(--color-green-400)
  }
  .text-green-500 {
    color:var(--color-green-500)
  }
  .text-green-600 {
    color:var(--color-green-600)
  }
  .text-green-700 {
    color:var(--color-green-700)
  }
  .text-green-900 {
    color:var(--color-green-900)
  }
  .text-inherit {
    color:inherit
  }
  .text-light {
    color:var(--color-light)
  }
  .text-neutral-500 {
    color:var(--color-neutral-500)
  }
  .text-primary {
    color:var(--color-primary)
  }
  .text-red-500 {
    color:var(--color-red-500)
  }
  .text-text {
    color:var(--color-text)
  }
  .text-text-dark {
    color:var(--color-text-dark)
  }
  .text-text-light {
    color:var(--color-text-light)
  }
  .text-white {
    color:var(--color-white)
  }
  .capitalize {
    text-transform:capitalize
  }
  .uppercase {
    text-transform:uppercase
  }
  .underline {
    text-decoration-line:underline
  }
  .opacity-0 {
    opacity:0
  }
  .opacity-25 {
    opacity:.25
  }
  .opacity-50 {
    opacity:.5
  }
  .opacity-70 {
    opacity:.7
  }
  .opacity-80 {
    opacity:.8
  }
  .opacity-100 {
    opacity:1
  }
  .shadow {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .shadow-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)
  }
  .ring-1 {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .ring-2 {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .ring-black {
    --tw-ring-color:var(--color-black)
  }
  .ring-black\/5 {
    --tw-ring-color:#0000000d
  }
  @supports (color:color-mix(in lab,red,red)) {
    .ring-black\/5 {
      --tw-ring-color:color-mix(in oklab,var(--color-black)5%,transparent)
    }
  }
  .ring-gray-300 {
    --tw-ring-color:var(--color-gray-300)
  }
  .ring-transparent {
    --tw-ring-color:transparent
  }
  .outline,
  .outline-1 {
    outline-style:var(--tw-outline-style);
    outline-width:1px
  }
  .drop-shadow-lg {
    --tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));
    --tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));
    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,)
  }
  .drop-shadow-md {
    --tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));
    --tw-drop-shadow:drop-shadow(var(--drop-shadow-md));
    filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
  }
  .filter {
    filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
  }
  .transition {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition-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
  }
  .ease-in-out {
    --tw-ease:var(--ease-in-out);
    transition-timing-function:var(--ease-in-out)
  }
  .gy-4 {
    --bs-gutter-y:1.5rem
  }
  .ring-inset {
    --tw-ring-inset:inset
  }
  .after\:absolute:after {
    content:var(--tw-content);
    position:absolute
  }
  .after\:inset-0:after {
    content:var(--tw-content);
    inset:calc(var(--spacing)*0)
  }
  @media (hover:hover) {
    .hover\:scale-105:hover {
      --tw-scale-x:105%;
      --tw-scale-y:105%;
      --tw-scale-z:105%;
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .hover\:scale-110:hover {
      --tw-scale-x:110%;
      --tw-scale-y:110%;
      --tw-scale-z:110%;
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .hover\:border-neutral-800:hover {
      border-color:var(--color-neutral-800)
    }
    .hover\:bg-dark\/50:hover {
      background-color:var(--color-dark)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .hover\:bg-dark\/50:hover {
        background-color:color-mix(in oklab,var(--color-dark)50%,transparent)
      }
    }
    .hover\:bg-light:hover {
      background-color:var(--color-light)
    }
    .hover\:bg-primary:hover {
      background-color:var(--color-primary)
    }
    .hover\:text-primary:hover {
      color:var(--color-primary)
    }
    .hover\:text-white:hover {
      color:var(--color-white)
    }
    .hover\:no-underline:hover {
      text-decoration-line:none
    }
    .hover\:underline:hover {
      text-decoration-line:underline
    }
    .hover\:opacity-80:hover {
      opacity:.8
    }
    .hover\:opacity-90:hover {
      opacity:.9
    }
  }
  .focus\:ring-transparent:focus {
    --tw-ring-color:transparent
  }
  .focus\:outline-none:focus {
    --tw-outline-style:none;
    outline-style:none
  }
  @media not all and (min-width:64rem) {
    .max-lg\:mt-4 {
      margin-top:calc(var(--spacing)*4)
    }
    .max-lg\:hidden {
      display:none
    }
  }
  @media not all and (min-width:48rem) {
    .max-md\:hidden {
      display:none
    }
    :where(.max-md\: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)))
    }
    .max-md\:btn-sm {
      padding-inline:calc(var(--spacing)*4);
      padding-block:calc(var(--spacing)*1.5);
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height));
      --tw-font-weight:var(--font-weight-medium);
      font-weight:var(--font-weight-medium)
    }
    .max-md\:pt-4 {
      padding-top:calc(var(--spacing)*4)
    }
    .max-md\:text-base {
      font-size:var(--text-base);
      line-height:var(--tw-leading,var(--text-base--line-height))
    }
    .max-md\:text-sm {
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .max-md\:text-xs {
      font-size:var(--text-xs);
      line-height:var(--tw-leading,var(--text-xs--line-height))
    }
    .max-md\:text-base {
      font-size:var(--text-base)
    }
  }
  @media (min-width:40rem) {
    .sm\:col-8 {
      grid-column:8
    }
    .sm\:col-9 {
      grid-column:9
    }
    .sm\:col-10 {
      grid-column:10
    }
    .sm\:col-12 {
      grid-column:12
    }
    .sm\:block {
      display:block
    }
    .sm\:hidden {
      display:none
    }
    .sm\:col-8 {
      flex:none;
      width:66.6667%
    }
    .sm\:col-9 {
      flex:none;
      width:75%
    }
    .sm\:col-10 {
      flex:none;
      width:83.3333%
    }
    .sm\:col-12 {
      flex:none;
      width:100%
    }
    .sm\:w-\[312px\] {
      width:312px
    }
    .sm\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .sm\:bg-red-200 {
      background-color:var(--color-red-200)
    }
    .sm\:text-sm {
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .sm\:text-xs {
      font-size:var(--text-xs);
      line-height:var(--tw-leading,var(--text-xs--line-height))
    }
  }
  @media (min-width:48rem) {
    .md\:right-unset {
      right:unset
    }
    .md\:order-1 {
      order: 1;
    }
    .md\:order-2 {
      order: 2;
    }
     .md\:relative {
      position:relative
    }
    .md\:-top-2 {
      top:calc(var(--spacing)*-2)
    }
    .md\:-right-4 {
      right:calc(var(--spacing)*-4)
    }
    .md\:bottom-0 {
      bottom:calc(var(--spacing)*0)
    }
    .md\:col-4 {
      grid-column:4
    }
    .md\:col-5 {
      grid-column:5
    }
    .md\:col-7 {
      grid-column:7
    }
    .md\:col-8 {
      grid-column:8
    }
    .md\:col-10 {
      grid-column:10
    }
    .md\:my-10 {
      margin-block:calc(var(--spacing)*10)
    }
    .md\:mt-4 {
      margin-top:calc(var(--spacing)*4)
    }
    .md\:mt-10 {
      margin-top:calc(var(--spacing)*10)
    }
    .md\:mt-16 {
      margin-top:calc(var(--spacing)*16)
    }
    .md\:mr-6 {
      margin-right:calc(var(--spacing)*6)
    }
    .md\:mb-0 {
      margin-bottom:calc(var(--spacing)*0)
    }
    .md\:mb-2 {
      margin-bottom:calc(var(--spacing)*2)
    }
    .md\:mb-6 {
      margin-bottom:calc(var(--spacing)*6)
    }
    .md\:mb-8 {
      margin-bottom:calc(var(--spacing)*8)
    }
    .md\:mb-10 {
      margin-bottom:calc(var(--spacing)*10)
    }
    .md\:mb-14 {
      margin-bottom:calc(var(--spacing)*14)
    }
    .md\:ml-6 {
      margin-left:calc(var(--spacing)*6)
    }
    .md\:ml-7 {
      margin-left:calc(var(--spacing)*7)
    }
    .md\:line-clamp-3 {
      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;
      display:-webkit-box;
      overflow:hidden
    }
    .md\:block {
      display:block
    }
    .md\:grid {
      display:grid
    }
    .md\:hidden {
      display:none
    }
    .md\:h-\[146px\] {
      height:146px
    }
    .md\:h-\[250px\] {
      height:250px
    }
    .md\:h-\[269px\] {
      height:269px
    }
    .md\:h-\[329px\] {
      height:329px
    }
    .md\:h-\[623px\] {
      height:623px
    }
    .md\:col-4 {
      flex:none;
      width:33.3333%
    }
    .md\:col-5 {
      flex:none;
      width:41.6667%
    }
    .md\:col-7 {
      flex:none;
      width:58.3333%
    }
    .md\:col-8 {
      flex:none;
      width:66.6667%
    }
    .md\:col-10 {
      flex:none;
      width:83.3333%
    }
    .md\:w-96 {
      width:calc(var(--spacing)*96)
    }
    .md\:w-\[85px\] {
      width:85px
    }
    .md\:w-\[390px\] {
      width:390px
    }
    .md\:translate-y-full {
      --tw-translate-y:100%;
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .md\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .md\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .md\:flex-row {
      flex-direction:row
    }
    :where(.md\:space-y-10>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))
    }
    .md\:bg-yellow-200 {
      background-color:var(--color-yellow-200)
    }
    .md\:btn-lg {
      padding-inline:calc(var(--spacing)*12);
      padding-block:calc(var(--spacing)*4);
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height))
    }
    .md\:section-sm {
      padding-block:calc(var(--spacing)*16)
    }
    @media (min-width:80rem) {
      .md\:section-sm {
        padding-block:calc(var(--spacing)*20)
      }
    }
    .md\:py-4 {
      padding-block:calc(var(--spacing)*4)
    }
    .md\:py-16 {
      padding-block:calc(var(--spacing)*16)
    }
    .md\:pt-20 {
      padding-top:calc(var(--spacing)*20)
    }
    .md\:pb-14 {
      padding-bottom:calc(var(--spacing)*14)
    }
    .md\:text-base {
      font-size:var(--text-base);
      line-height:var(--tw-leading,var(--text-base--line-height))
    }
    .md\:text-lg {
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .md\:text-xl {
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height))
    }
    .md\:text-base {
      font-size:var(--text-base)
    }
    .md\:font-medium {
      --tw-font-weight:var(--font-weight-medium);
      font-weight:var(--font-weight-medium)
    }
    .md\:font-normal {
      --tw-font-weight:var(--font-weight-normal);
      font-weight:var(--font-weight-normal)
    }
    @media (hover:hover) {
      .md\:group-hover\:-translate-y-6:is(:where(.group):hover *) {
        --tw-translate-y:calc(var(--spacing)*-6);
        translate:var(--tw-translate-x)var(--tw-translate-y)
      }
    }
  }
  @media (min-width:64rem) {
    .lg\:order-0 {
      order:0
    }
    .lg\:order-1 {
      order:1
    }
    .lg\:order-2 {
      order:2
    }
    .lg\:order-3 {
      order:3
    }
    .lg\:col-3 {
      grid-column:3
    }
    .lg\:col-4 {
      grid-column:4
    }
    .lg\:col-5 {
      grid-column:5
    }
    .lg\:col-6 {
      grid-column:6
    }
    .lg\:col-8 {
      grid-column:8
    }
    .lg\:col-9 {
      grid-column:9
    }
    .lg\:col-10 {
      grid-column:10
    }
    .lg\:col-11 {
      grid-column:11
    }
    .lg\:col-12 {
      grid-column:12
    }
    .lg\:mt-0 {
      margin-top:calc(var(--spacing)*0)
    }
    .lg\:mt-6 {
      margin-top:calc(var(--spacing)*6)
    }
    .lg\:mt-10 {
      margin-top:calc(var(--spacing)*10)
    }
    .lg\:mt-28 {
      margin-top:calc(var(--spacing)*28)
    }
    .lg\:mb-0 {
      margin-bottom:calc(var(--spacing)*0)
    }
    .lg\:mb-3 {
      margin-bottom:calc(var(--spacing)*3)
    }
    .lg\:mb-10 {
      margin-bottom:calc(var(--spacing)*10)
    }
    .lg\:ml-0 {
      margin-left:calc(var(--spacing)*0)
    }
    .lg\:block {
      display:block
    }
    .lg\:flex {
      display:flex
    }
    .lg\:hidden {
      display:none
    }
    .lg\:h-\[306px\] {
      height:306px
    }
    .lg\:col-3 {
      flex:none;
      width:25%
    }
    .lg\:col-4 {
      flex:none;
      width:33.3333%
    }
    .lg\:col-5 {
      flex:none;
      width:41.6667%
    }
    .lg\:col-6 {
      flex:none;
      width:50%
    }
    .lg\:col-8 {
      flex:none;
      width:66.6667%
    }
    .lg\:col-9 {
      flex:none;
      width:75%
    }
    .lg\:col-10 {
      flex:none;
      width:83.3333%
    }
    .lg\:col-11 {
      flex:none;
      width:91.6667%
    }
    .lg\:col-12 {
      flex:none;
      width:100%
    }
    .lg\:w-\[45\%\] {
      width:45%
    }
    .lg\:w-full {
      width:100%
    }
    .lg\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .lg\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .lg\:gap-x-10 {
      column-gap:calc(var(--spacing)*10)
    }
    :where(.lg\:space-x-14>:not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(calc(var(--spacing)*14)*var(--tw-space-x-reverse));
      margin-inline-end:calc(calc(var(--spacing)*14)*calc(1 - var(--tw-space-x-reverse)))
    }
    .lg\:bg-green-200 {
      background-color:var(--color-green-200)
    }
    .lg\:p-3 {
      padding:calc(var(--spacing)*3)
    }
    .lg\:p-4 {
      padding:calc(var(--spacing)*4)
    }
    .lg\:px-32 {
      padding-inline:calc(var(--spacing)*32)
    }
    .lg\:py-0 {
      padding-block:calc(var(--spacing)*0)
    }
    .lg\:text-xl {
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height))
    }
    .lg\:max-w-4xl {
      max-width: 56rem; /* same as Tailwind's max-w-4xl (896px) */
    }
    .lg\:h-full {
      height:100%
    }
     .lg\:w-1\/2 {
      width: 50%;
    }
  }
  @media (min-width:80rem) {
    .xl\:col-6 {
      grid-column:6
    }
    .xl\:mb-28 {
      margin-bottom:calc(var(--spacing)*28)
    }
    .xl\:block {
      display:block
    }
    .xl\:hidden {
      display:none
    }
    .xl\:col-6 {
      flex:none;
      width:50%
    }
    .xl\:w-\[60\%\] {
      width:60%
    }
    .xl\:bg-blue-200 {
      background-color:var(--color-blue-200)
    }
    .xl\:px-16 {
      padding-inline:calc(var(--spacing)*16)
    }
    .xl\:pt-24 {
      padding-top:calc(var(--spacing)*24)
    }
    .xl\:pt-28 {
      padding-top:calc(var(--spacing)*28)
    }
  }
  @media (min-width:96rem) {
    .\32xl\:block {
      display:block
    }
    .\32xl\:hidden {
      display:none
    }
    .\32xl\:bg-pink-200 {
      background-color:var(--color-pink-200)
    }
  }
  .dark\:hidden:where(.dark,
  .dark *) {
    display:none
  }
  .dark\:inline-block:where(.dark,
  .dark *) {
    display:inline-block
  }
  .dark\:border-border:where(.dark,
  .dark *),
  .dark\:border-border\/40:where(.dark,
  .dark *) {
    border-color:var(--color-border)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .dark\:border-border\/40:where(.dark,
    .dark *) {
      border-color:color-mix(in oklab,var(--color-border)40%,transparent)
    }
  }
  .dark\:border-darkmode-border:where(.dark,
  .dark *) {
    border-color:var(--color-darkmode-border)
  }
  .dark\:border-neutral-700:where(.dark,
  .dark *) {
    border-color:var(--color-neutral-700)
  }
  .dark\:border-yellow-500:where(.dark,
  .dark *) {
    border-color:var(--color-yellow-500)
  }
  .dark\:bg-dark:where(.dark,
  .dark *),
  .dark\:bg-dark\/10:where(.dark,
  .dark *) {
    background-color:var(--color-dark)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .dark\:bg-dark\/10:where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-dark)10%,transparent)
    }
  }
  .dark\:bg-darkmode-body:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-body)
  }
  .dark\:bg-darkmode-light:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-light)
  }
  .dark\:bg-darkmode-primary:where(.dark,
  .dark *) {
    background-color:var(--color-darkmode-primary)
  }
  .dark\:bg-light:where(.dark,
  .dark *) {
    background-color:var(--color-light)
  }
  .dark\:bg-neutral-700:where(.dark,
  .dark *) {
    background-color:var(--color-neutral-700)
  }
  .dark\:bg-neutral-900:where(.dark,
  .dark *) {
    background-color:var(--color-neutral-900)
  }
  .dark\:bg-white:where(.dark,
  .dark *) {
    background-color:var(--color-white)
  }
  .dark\:from-darkmode-body:where(.dark,
  .dark *) {
    --tw-gradient-from:var(--color-darkmode-body);
    --tw-gradient-via-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));
    --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))
  }
  .dark\:to-darkmode-light:where(.dark,
  .dark *) {
    --tw-gradient-to:var(--color-darkmode-light);
    --tw-gradient-via-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));
    --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))
  }
  .dark\:text-black:where(.dark,
  .dark *) {
    color:var(--color-black)
  }
  .dark\:text-darkmode-primary:where(.dark,
  .dark *) {
    color:var(--color-darkmode-primary)
  }
  .dark\:text-darkmode-text:where(.dark,
  .dark *) {
    color:var(--color-darkmode-text)
  }
  .dark\:text-darkmode-text-dark:where(.dark,
  .dark *) {
    color:var(--color-darkmode-text-dark)
  }
  .dark\:text-darkmode-text-light:where(.dark,
  .dark *) {
    color:var(--color-darkmode-text-light)
  }
  .dark\:text-neutral-400:where(.dark,
  .dark *) {
    color:var(--color-neutral-400)
  }
  .dark\:text-neutral-500:where(.dark,
  .dark *) {
    color:var(--color-neutral-500)
  }
  .dark\:text-text-dark:where(.dark,
  .dark *) {
    color:var(--color-text-dark)
  }
  .dark\:text-white:where(.dark,
  .dark *) {
    color:var(--color-white)
  }
  .dark\:opacity-0:where(.dark,
  .dark *) {
    opacity:0
  }
  .dark\:opacity-100:where(.dark,
  .dark *) {
    opacity:1
  }
  @media (hover:hover) {
    .dark\:hover\:bg-darkmode-light:where(.dark,
    .dark *):hover {
      background-color:var(--color-darkmode-light)
    }
    .dark\:hover\:bg-darkmode-primary:where(.dark,
    .dark *):hover {
      background-color:var(--color-darkmode-primary)
    }
    .dark\:hover\:text-black:where(.dark,
    .dark *):hover {
      color:var(--color-black)
    }
    .dark\:hover\:text-darkmode-primary:where(.dark,
    .dark *):hover {
      color:var(--color-darkmode-primary)
    }
    .dark\:hover\:text-text-dark:where(.dark,
    .dark *):hover {
      color:var(--color-text-dark)
    }
  }
}
input#nav-toggle:checked+label #show-button {
  display:none
}
input#nav-toggle:checked+label #hide-button,
input#nav-toggle:checked~#nav-menu {
  display:block
}
.testimonial-slider-pagination .swiper-pagination-bullet {
  height:calc(var(--spacing)*2.5);
  width:calc(var(--spacing)*2.5);
  background-color:var(--color-light);
  opacity:1
}
.testimonial-slider-pagination .swiper-pagination-bullet:where(.dark,
.dark *) {
  background-color:var(--color-darkmode-light)
}
.testimonial-slider-pagination .swiper-pagination-bullet-active {
  height:calc(var(--spacing)*4);
  width:calc(var(--spacing)*4);
  background-color:var(--color-primary)
}
.testimonial-slider-pagination .swiper-pagination-bullet-active:where(.dark,
.dark *) {
  background-color:var(--color-darkmode-primary)
}
.bg-gradient {
  --tw-gradient-position:to right in oklab;
  background-image:linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from:#f4f4f4;
  --tw-gradient-via-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));
  --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));
  --tw-gradient-to:#f4f4f43d
}
.bg-gradient:where(.dark,
.dark *) {
  --tw-gradient-from:var(--color-darkmode-light);
  --tw-gradient-via-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));
  --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));
  --tw-gradient-to:var(--color-darkmode-body)
}
.rounded-sm {
  border-radius:4px
}
.rounded {
  border-radius:6px
}
.rounded-lg {
  border-radius:12px
}
.rounded-xl {
  border-radius:16px
}
.shadow {
  box-shadow:0 4px 40px #0000000d
}
.search-input::-webkit-search-cancel-button {
  -webkit-appearance:none
}
.iiz__hint {
  border-radius:var(--radius-md)
}
@property --tw-font-weight {
  syntax:"*";
  inherits:false
}
@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-rotate-x {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-y {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-z {
  syntax:"*";
  inherits:false
}
@property --tw-skew-x {
  syntax:"*";
  inherits:false
}
@property --tw-skew-y {
  syntax:"*";
  inherits:false
}
@property --tw-space-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-space-x-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-leading {
  syntax:"*";
  inherits:false
}
@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-ring-inset {
  syntax:"*";
  inherits:false
}
@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value:0
}
@property --tw-ring-offset-color {
  syntax:"*";
  inherits:false;
  initial-value:#fff
}
@property --tw-ring-offset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-outline-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-blur {
  syntax:"*";
  inherits:false
}
@property --tw-brightness {
  syntax:"*";
  inherits:false
}
@property --tw-contrast {
  syntax:"*";
  inherits:false
}
@property --tw-grayscale {
  syntax:"*";
  inherits:false
}
@property --tw-hue-rotate {
  syntax:"*";
  inherits:false
}
@property --tw-invert {
  syntax:"*";
  inherits:false
}
@property --tw-opacity {
  syntax:"*";
  inherits:false
}
@property --tw-saturate {
  syntax:"*";
  inherits:false
}
@property --tw-sepia {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-drop-shadow-size {
  syntax:"*";
  inherits:false
}
@property --tw-duration {
  syntax:"*";
  inherits:false
}
@property --tw-ease {
  syntax:"*";
  inherits:false
}
@property --tw-content {
  syntax:"*";
  inherits:false;
  initial-value:""
}
@property --tw-scale-x {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-scale-y {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-scale-z {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-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-backdrop-blur {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-brightness {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-contrast {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-grayscale {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-hue-rotate {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-invert {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-opacity {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-saturate {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-sepia {
  syntax:"*";
  inherits:false
}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}
@keyframes pulse {
  50% {
    opacity:.5
  }
}
.astro-route-announcer {
  position:absolute;
  left:0;
  top:0;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  overflow:hidden;
  white-space:nowrap;
  width:1px;
  height:1px
}
/* second css */
@layer properties;
@layer theme, base, components, utilities;
@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-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --leading-relaxed: 1.625;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, 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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .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);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .\!ml-2 {
    margin-left: calc(var(--spacing) * 2) !important;
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .aspect-\[182\/243\] {
    aspect-ratio: 182/243;
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-\[14px\] {
    height: 14px;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[45\%\] {
    width: 45%;
  }
  .w-full {
    width: 100%;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .-rotate-180 {
    rotate: calc(180deg * -1);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-center {
    justify-content: center;
  }
  
  .space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  
  .bg-purple-600 {
    background-color: var(--color-purple-600);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .fill-\[\#CED5D8\] {
    fill: #CED5D8;
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-purple-600 {
    fill: var(--color-purple-600);
  }
  .object-cover {
    object-fit: cover;
  }
  .object-top {
    object-position: top;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .text-left {
    text-align: left;
  }
  /* .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  } */
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .underline {
    text-decoration-line: underline;
  }
  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .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));
  }
  .hover\:border-purple-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-600);
      }
    }
  }
  .hover\:bg-purple-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-700);
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }

  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-700);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .max-lg\:gap-12 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .max-sm\:gap-8 {
    @media (width < 40rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-outline-style: solid;
    }
  }
}
/* second css end */
@media (min-width: 540px) {
  .sm\:block {
    display: block;
  }
}
@media (min-width: 720px) {
  .md\:flex {
    display: flex;
  }
}

@media (min-width: 720px) {
  .md\:w-2\/3 {
    width: 66.666667%;
  }
}
@media (min-width: 960px) {
  .lg\:w-1\/2 {
    width: 50%;
  }
}

@media (min-width: 1140px) {
  .xl\:flex {
    display: flex;
  }
  .xl\:block {
    display: block;
  }
}
@media (min-width: 540px) {
  .sm\:flex {
    display: flex;
  }
}