/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;700;800&display=swap');
:root:not(#\#), :host:not(#\#) {
  --font-sans: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, 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-50: rgb(254, 242, 242);
  --color-red-200: rgb(255, 202, 202);
  --color-red-300: rgb(255, 163, 164);
  --color-red-400: rgb(255, 101, 104);
  --color-red-500: rgb(251, 44, 54);
  --color-red-600: rgb(228, 0, 22);
  --color-orange-400: rgb(255, 139, 31);
  --color-orange-500: rgb(252, 113, 0);
  --color-orange-600: rgb(236, 86, 0);
  --color-amber-50: rgb(255, 251, 235);
  --color-amber-100: rgb(254, 243, 198);
  --color-amber-400: rgb(250, 188, 0);
  --color-amber-500: rgb(246, 158, 0);
  --color-amber-600: rgb(218, 119, 0);
  --color-amber-700: rgb(181, 82, 0);
  --color-yellow-300: rgb(255, 224, 46);
  --color-yellow-400: rgb(247, 201, 0);
  --color-yellow-500: rgb(234, 179, 0);
  --color-green-100: rgb(220, 252, 231);
  --color-green-300: rgb(123, 241, 168);
  --color-green-400: rgb(5, 223, 114);
  --color-green-500: rgb(0, 198, 90);
  --color-green-600: rgb(0, 164, 71);
  --color-green-700: rgb(0, 129, 58);
  --color-emerald-50: rgb(236, 253, 245);
  --color-emerald-100: rgb(208, 250, 229);
  --color-emerald-400: rgb(0, 210, 148);
  --color-emerald-500: rgb(0, 185, 129);
  --color-emerald-600: rgb(0, 150, 105);
  --color-emerald-700: rgb(0, 120, 87);
  --color-teal-400: rgb(0, 211, 189);
  --color-cyan-300: rgb(83, 234, 253);
  --color-cyan-400: rgb(0, 209, 236);
  --color-cyan-500: rgb(0, 182, 212);
  --color-blue-50: rgb(239, 246, 255);
  --color-blue-100: rgb(219, 234, 254);
  --color-blue-200: rgb(190, 219, 255);
  --color-blue-300: rgb(145, 197, 255);
  --color-blue-400: rgb(86, 162, 255);
  --color-blue-500: rgb(50, 128, 255);
  --color-blue-600: rgb(21, 93, 252);
  --color-blue-900: rgb(28, 57, 142);
  --color-indigo-500: rgb(98, 96, 255);
  --color-purple-100: rgb(243, 232, 255);
  --color-purple-400: rgb(191, 126, 255);
  --color-purple-500: rgb(171, 78, 255);
  --color-purple-600: rgb(152, 16, 250);
  --color-purple-900: rgb(89, 22, 139);
  --color-pink-400: rgb(251, 100, 182);
  --color-slate-50: rgb(248, 250, 252);
  --color-slate-100: rgb(241, 245, 249);
  --color-slate-200: rgb(226, 232, 240);
  --color-slate-300: rgb(202, 213, 226);
  --color-slate-400: rgb(144, 161, 185);
  --color-slate-500: rgb(98, 116, 142);
  --color-slate-600: rgb(69, 85, 108);
  --color-slate-700: rgb(49, 65, 88);
  --color-slate-800: rgb(29, 41, 61);
  --color-slate-900: rgb(15, 23, 43);
  --color-slate-950: rgb(2, 6, 24);
  --color-gray-50: rgb(249, 250, 251);
  --color-gray-200: rgb(229, 231, 235);
  --color-gray-300: rgb(209, 213, 220);
  --color-gray-400: rgb(153, 161, 175);
  --color-gray-500: rgb(106, 114, 130);
  --color-gray-600: rgb(74, 85, 101);
  --color-gray-800: rgb(30, 41, 57);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --container-7xl: 80rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-8xl: 6rem;
  --text-8xl--line-height: 1;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --drop-shadow-lg: 0 4px 4px rgba(0, 0, 0, 0.15);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --blur-sm: 8px;
  --blur-md: 12px;
  --blur-3xl: 64px;
  --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);
  --color-primary-400: #00D4FF;
  --color-primary-600: #0066FF;
  --color-primary-700: #0052CC;
  --color-dark-950: #020617;
  --color-dark-900: #0f172a;
  --color-text-primary: #ffffff;
  --color-text-secondary: #94a3b8;
  --radius-sharp: 0.25rem;
  --shadow-glow-md: 0 0 20px rgba(0, 150, 255, 0.3);
  --font-display: 'Outfit', sans-serif;
  --font-body: 'Inter', sans-serif;
}
@supports (color: color(display-p3 0 0 0%)) {
:root:not(#\#), :host:not(#\#) {
    --color-red-200: rgb(255, 202, 202);
    --color-red-300: rgb(255, 163, 164);
    --color-red-400: rgb(255, 101, 104);
    --color-red-600: rgb(228, 0, 22);
    --color-orange-400: rgb(255, 139, 31);
    --color-orange-500: rgb(252, 113, 0);
    --color-orange-600: rgb(236, 86, 0);
    --color-amber-50: rgb(255, 251, 235);
    --color-amber-400: rgb(250, 188, 0);
    --color-amber-500: rgb(246, 158, 0);
    --color-amber-600: rgb(218, 119, 0);
    --color-amber-700: rgb(181, 82, 0);
    --color-yellow-300: rgb(255, 224, 46);
    --color-yellow-400: rgb(247, 201, 0);
    --color-yellow-500: rgb(234, 179, 0);
    --color-green-500: rgb(0, 198, 90);
    --color-green-600: rgb(0, 164, 71);
    --color-green-700: rgb(0, 129, 58);
    --color-emerald-400: rgb(0, 210, 148);
    --color-emerald-500: rgb(0, 185, 129);
    --color-emerald-600: rgb(0, 150, 105);
    --color-emerald-700: rgb(0, 120, 87);
    --color-teal-400: rgb(0, 211, 189);
    --color-cyan-400: rgb(0, 209, 236);
    --color-cyan-500: rgb(0, 182, 212);
    --color-blue-200: rgb(190, 219, 255);
    --color-blue-300: rgb(145, 197, 255);
    --color-blue-400: rgb(86, 162, 255);
    --color-blue-500: rgb(50, 128, 255);
    --color-indigo-500: rgb(98, 96, 255);
    --color-purple-400: rgb(191, 126, 255);
    --color-purple-500: rgb(171, 78, 255);
  }

@media (color-gamut: p3) {
:root:not(#\#), :host:not(#\#) {
      --color-red-200: color(display-p3 0.96956 0.79815 0.7943);
      --color-red-300: color(display-p3 0.95692 0.65189 0.64512);
      --color-red-400: color(display-p3 0.93353 0.43168 0.42349);
      --color-red-600: color(display-p3 0.83032 0.14038 0.1332);
      --color-orange-400: color(display-p3 0.95019 0.56181 0.21102);
      --color-orange-500: color(display-p3 0.94659 0.44979 0.07573);
      --color-orange-600: color(display-p3 0.88747 0.34166 0.022);
      --color-amber-50: color(display-p3 0.9978 0.98505 0.92631);
      --color-amber-400: color(display-p3 0.95919 0.73852 0.11827);
      --color-amber-500: color(display-p3 0.93994 0.62058 0.05854);
      --color-amber-600: color(display-p3 0.82714 0.46717 0.0336);
      --color-amber-700: color(display-p3 0.67989 0.32771 0.05205);
      --color-yellow-300: color(display-p3 0.98267 0.88088 0.32102);
      --color-yellow-400: color(display-p3 0.95994 0.79017 0.05852);
      --color-yellow-500: color(display-p3 0.90365 0.70306 0.07454);
      --color-green-500: color(display-p3 0.30873 0.77475 0.37431);
      --color-green-600: color(display-p3 0.24388 0.64082 0.29481);
      --color-green-700: color(display-p3 0.19836 0.5018 0.24533);
      --color-emerald-400: color(display-p3 0.3347 0.8196 0.59158);
      --color-emerald-500: color(display-p3 0.26711 0.72685 0.5084);
      --color-emerald-600: color(display-p3 0.20656 0.58906 0.41396);
      --color-emerald-700: color(display-p3 0.16404 0.47023 0.34351);
      --color-teal-400: color(display-p3 0.32279 0.82206 0.74439);
      --color-cyan-400: color(display-p3 0.29464 0.81399 0.935);
      --color-cyan-500: color(display-p3 0.2467 0.71003 0.84144);
      --color-blue-200: color(display-p3 0.76688 0.85521 0.98748);
      --color-blue-300: color(display-p3 0.60256 0.76721 0.99394);
      --color-blue-400: color(display-p3 0.39744 0.62813 0.99212);
      --color-blue-500: color(display-p3 0.26642 0.49122 0.98862);
      --color-indigo-500: color(display-p3 0.38037 0.37224 0.97171);
      --color-purple-400: color(display-p3 0.71992 0.4925 0.99517);
      --color-purple-500: color(display-p3 0.62952 0.30089 0.99082);
    }
}
}
*:not(#\#):not(#\#),
  :not(#\#):not(#\#)::after,
  :not(#\#):not(#\#)::before,
  :not(#\#):not(#\#)::backdrop,
  :not(#\#):not(#\#)::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html:not(#\#):not(#\#),
  :host:not(#\#):not(#\#) {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  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: normal;
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: normal;
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
hr:not(#\#):not(#\#) {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]):not(#\#):not(#\#) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
}
h1:not(#\#):not(#\#),
  h2:not(#\#):not(#\#),
  h3:not(#\#):not(#\#),
  h4:not(#\#):not(#\#),
  h5:not(#\#):not(#\#),
  h6:not(#\#):not(#\#) {
  font-size: inherit;
  font-weight: inherit;
}
a:not(#\#):not(#\#) {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b:not(#\#):not(#\#),
  strong:not(#\#):not(#\#) {
  font-weight: bolder;
}
code:not(#\#):not(#\#),
  kbd:not(#\#):not(#\#),
  samp:not(#\#):not(#\#),
  pre:not(#\#):not(#\#) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-feature-settings: normal;
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: normal;
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small:not(#\#):not(#\#) {
  font-size: 80%;
}
sub:not(#\#):not(#\#),
  sup:not(#\#):not(#\#) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub:not(#\#):not(#\#) {
  bottom: -0.25em;
}
sup:not(#\#):not(#\#) {
  top: -0.5em;
}
table:not(#\#):not(#\#) {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring:not(#\#):not(#\#) {
  outline: auto;
}
progress:not(#\#):not(#\#) {
  vertical-align: baseline;
}
summary:not(#\#):not(#\#) {
  display: list-item;
}
ol:not(#\#):not(#\#),
  ul:not(#\#):not(#\#),
  menu:not(#\#):not(#\#) {
  list-style: none;
}
img:not(#\#):not(#\#),
  svg:not(#\#):not(#\#),
  video:not(#\#):not(#\#),
  canvas:not(#\#):not(#\#),
  audio:not(#\#):not(#\#),
  iframe:not(#\#):not(#\#),
  embed:not(#\#):not(#\#),
  object:not(#\#):not(#\#) {
  display: block;
  vertical-align: middle;
}
img:not(#\#):not(#\#),
  video:not(#\#):not(#\#) {
  max-width: 100%;
  height: auto;
}
button:not(#\#):not(#\#),
  input:not(#\#):not(#\#),
  select:not(#\#):not(#\#),
  optgroup:not(#\#):not(#\#),
  textarea:not(#\#):not(#\#),
  :not(#\#):not(#\#)::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[multiple]):not(#\#):not(#\#) optgroup {
  font-weight: bolder;
}
:where(select[size]):not(#\#):not(#\#) optgroup {
  font-weight: bolder;
}
:where(select[multiple]):not(#\#):not(#\#) optgroup option {
  padding-left: 20px;
}
:where(select[size]):not(#\#):not(#\#) optgroup option {
  padding-left: 20px;
}
:not(#\#):not(#\#)::file-selector-button {
  margin-right: 4px;
}
:not(#\#):not(#\#)::-moz-placeholder {
  opacity: 1;
}
:not(#\#):not(#\#)::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or
    (contain-intrinsic-size: 1px) {
  :not(#\#):not(#\#)::-moz-placeholder {
    color: currentcolor;
  }
  :not(#\#):not(#\#)::placeholder {
    color: currentcolor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :not(#\#):not(#\#)::-moz-placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
    :not(#\#):not(#\#)::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea:not(#\#):not(#\#) {
  resize: vertical;
}
:not(#\#):not(#\#)::-webkit-search-decoration {
  -webkit-appearance: none;
}
:not(#\#):not(#\#)::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
:not(#\#):not(#\#)::-webkit-datetime-edit {
  display: inline-flex;
}
:not(#\#):not(#\#)::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
:not(#\#):not(#\#)::-webkit-datetime-edit,
  :not(#\#):not(#\#)::-webkit-datetime-edit-year-field,
  :not(#\#):not(#\#)::-webkit-datetime-edit-month-field,
  :not(#\#):not(#\#)::-webkit-datetime-edit-day-field,
  :not(#\#):not(#\#)::-webkit-datetime-edit-hour-field,
  :not(#\#):not(#\#)::-webkit-datetime-edit-minute-field,
  :not(#\#):not(#\#)::-webkit-datetime-edit-second-field,
  :not(#\#):not(#\#)::-webkit-datetime-edit-millisecond-field,
  :not(#\#):not(#\#)::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}
:not(#\#):not(#\#)::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:-moz-ui-invalid:not(#\#):not(#\#) {
  box-shadow: none;
}
button:not(#\#):not(#\#),
  input:where([type="button"], [type="reset"], [type="submit"]):not(#\#):not(#\#),
  :not(#\#):not(#\#)::file-selector-button {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
:not(#\#):not(#\#)::-webkit-inner-spin-button,
  :not(#\#):not(#\#)::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])):not(#\#):not(#\#):not(#\#) {
  display: none !important;
}
.pointer-events-none:not(#\#):not(#\#):not(#\#):not(#\#) {
  pointer-events: none;
}
.collapse:not(#\#):not(#\#):not(#\#):not(#\#) {
  visibility: collapse;
}
.invisible:not(#\#):not(#\#):not(#\#):not(#\#) {
  visibility: hidden;
}
.visible:not(#\#):not(#\#):not(#\#):not(#\#) {
  visibility: visible;
}
.skip-link:not(#\#):not(#\#):not(#\#):not(#\#) {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1rem 1.5rem;
  background-color: #0066FF;
  background-color: var(--color-primary-600);
  color: white;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.skip-link:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  left: 50%;
  top: 1rem;
  transform: translateX(-50%);
}
.sr-only:not(#\#):not(#\#):not(#\#):not(#\#) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.absolute:not(#\#):not(#\#):not(#\#):not(#\#) {
  position: absolute;
}
.fixed:not(#\#):not(#\#):not(#\#):not(#\#) {
  position: fixed;
}
.relative:not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
}
.static:not(#\#):not(#\#):not(#\#):not(#\#) {
  position: static;
}
.sticky:not(#\#):not(#\#):not(#\#):not(#\#) {
  position: sticky;
}
.inset-0:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(0.25rem * 0);
  right: calc(0.25rem * 0);
  bottom: calc(0.25rem * 0);
  left: calc(0.25rem * 0);
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
}
.inset-y-0:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(0.25rem * 0);
  bottom: calc(0.25rem * 0);
  top: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
}
.-top-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(0.25rem * -10);
  top: calc(var(--spacing) * -10);
}
.top-0:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(0.25rem * 0);
  top: calc(var(--spacing) * 0);
}
.top-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(0.25rem * 1.5);
  top: calc(var(--spacing) * 1.5);
}
.top-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(1/2 * 100%);
}
.top-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(0.25rem * 6);
  top: calc(var(--spacing) * 6);
}
.top-36:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(0.25rem * 36);
  top: calc(var(--spacing) * 36);
}
.-right-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(0.25rem * -10);
  right: calc(var(--spacing) * -10);
}
.right-0:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(0.25rem * 0);
  right: calc(var(--spacing) * 0);
}
.right-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(0.25rem * 1);
  right: calc(var(--spacing) * 1);
}
.right-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(0.25rem * 1.5);
  right: calc(var(--spacing) * 1.5);
}
.right-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(0.25rem * 2);
  right: calc(var(--spacing) * 2);
}
.right-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(0.25rem * 3);
  right: calc(var(--spacing) * 3);
}
.right-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(0.25rem * 4);
  right: calc(var(--spacing) * 4);
}
.right-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(0.25rem * 8);
  right: calc(var(--spacing) * 8);
}
.right-20:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(0.25rem * 20);
  right: calc(var(--spacing) * 20);
}
.-bottom-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(0.25rem * -10);
  bottom: calc(var(--spacing) * -10);
}
.bottom-0:not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(0.25rem * 0);
  bottom: calc(var(--spacing) * 0);
}
.bottom-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(0.25rem * 1.5);
  bottom: calc(var(--spacing) * 1.5);
}
.bottom-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(0.25rem * 4);
  bottom: calc(var(--spacing) * 4);
}
.bottom-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(0.25rem * 6);
  bottom: calc(var(--spacing) * 6);
}
.-left-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  left: calc(0.25rem * -10);
  left: calc(var(--spacing) * -10);
}
.left-0:not(#\#):not(#\#):not(#\#):not(#\#) {
  left: calc(0.25rem * 0);
  left: calc(var(--spacing) * 0);
}
.left-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) {
  left: calc(1/2 * 100%);
}
.left-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  left: calc(0.25rem * 3);
  left: calc(var(--spacing) * 3);
}
.left-7:not(#\#):not(#\#):not(#\#):not(#\#) {
  left: calc(0.25rem * 7);
  left: calc(var(--spacing) * 7);
}
.z-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 10;
}
.z-20:not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 20;
}
.z-30:not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 30;
}
.z-40:not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 40;
}
.z-50:not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 50;
}
.z-\[9999\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 9999;
}
.col-span-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-column: span 2 / span 2;
}
.container:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
}
@media (min-width: 40rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 40rem;
  }
}
@media (min-width: 48rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 48rem;
  }
}
@media (min-width: 64rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 64rem;
  }
}
@media (min-width: 80rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 80rem;
  }
}
@media (min-width: 96rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 96rem;
  }
}
.mx-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-left: calc(0.25rem * 4);
  margin-right: calc(0.25rem * 4);
  margin-left: calc(var(--spacing) * 4);
  margin-right: calc(var(--spacing) * 4);
}
.mx-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-left: auto;
  margin-right: auto;
}
.my-5:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(0.25rem * 5);
  margin-bottom: calc(0.25rem * 5);
  margin-top: calc(var(--spacing) * 5);
  margin-bottom: calc(var(--spacing) * 5);
}
.my-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(0.25rem * 6);
  margin-bottom: calc(0.25rem * 6);
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 6);
}
.mt-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(0.25rem * 0.5);
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(0.25rem * 1);
  margin-top: calc(var(--spacing) * 1);
}
.mt-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(0.25rem * 2);
  margin-top: calc(var(--spacing) * 2);
}
.mt-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(0.25rem * 3);
  margin-top: calc(var(--spacing) * 3);
}
.mt-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(0.25rem * 4);
  margin-top: calc(var(--spacing) * 4);
}
.mt-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(0.25rem * 6);
  margin-top: calc(var(--spacing) * 6);
}
.mt-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(0.25rem * 8);
  margin-top: calc(var(--spacing) * 8);
}
.mr-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-right: calc(0.25rem * 1);
  margin-right: calc(var(--spacing) * 1);
}
.mr-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-right: calc(0.25rem * 1.5);
  margin-right: calc(var(--spacing) * 1.5);
}
.mr-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-right: calc(0.25rem * 2);
  margin-right: calc(var(--spacing) * 2);
}
.mb-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(0.25rem * 0.5);
  margin-bottom: calc(var(--spacing) * 0.5);
}
.mb-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(0.25rem * 1);
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(0.25rem * 2);
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(0.25rem * 3);
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(0.25rem * 4);
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(0.25rem * 5);
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(0.25rem * 6);
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(0.25rem * 8);
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(0.25rem * 10);
  margin-bottom: calc(var(--spacing) * 10);
}
.ml-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-left: calc(0.25rem * 1);
  margin-left: calc(var(--spacing) * 1);
}
.ml-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-left: calc(0.25rem * 2);
  margin-left: calc(var(--spacing) * 2);
}
.ml-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-left: auto;
}
.block:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: block;
}
.contents:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: contents;
}
.flex:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: flex;
}
.grid:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: grid;
}
.hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}
.inline:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline;
}
.inline-block:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-block;
}
.inline-flex:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-flex;
}
.inline-table:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-table;
}
.list-item:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: list-item;
}
.table:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: table;
}
.table-caption:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: table-caption;
}
.table-cell:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: table-cell;
}
.table-column:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: table-column;
}
.table-column-group:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: table-column-group;
}
.table-footer-group:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: table-footer-group;
}
.table-header-group:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: table-header-group;
}
.table-row:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: table-row;
}
.table-row-group:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: table-row-group;
}
.h-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 1.5);
  height: calc(var(--spacing) * 1.5);
}
.h-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 2);
  height: calc(var(--spacing) * 2);
}
.h-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 3);
  height: calc(var(--spacing) * 3);
}
.h-5:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 5);
  height: calc(var(--spacing) * 5);
}
.h-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 6);
  height: calc(var(--spacing) * 6);
}
.h-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 8);
  height: calc(var(--spacing) * 8);
}
.h-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 10);
  height: calc(var(--spacing) * 10);
}
.h-12:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 12);
  height: calc(var(--spacing) * 12);
}
.h-14:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 14);
  height: calc(var(--spacing) * 14);
}
.h-16:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 16);
  height: calc(var(--spacing) * 16);
}
.h-20:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 20);
  height: calc(var(--spacing) * 20);
}
.h-24:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 24);
  height: calc(var(--spacing) * 24);
}
.h-40:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 40);
  height: calc(var(--spacing) * 40);
}
.h-56:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 56);
  height: calc(var(--spacing) * 56);
}
.h-60:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(0.25rem * 60);
  height: calc(var(--spacing) * 60);
}
.h-\[85vh\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 85vh;
}
.h-\[500px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 500px;
}
.h-\[calc\(85vh-100px\)\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(85vh - 100px);
}
.h-\[calc\(85vh-130px\)\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(85vh - 130px);
}
.h-full:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 100%;
}
.h-px:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 1px;
}
.h-screen:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 100vh;
}
.max-h-40:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: calc(0.25rem * 40);
  max-height: calc(var(--spacing) * 40);
}
.max-h-48:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: calc(0.25rem * 48);
  max-height: calc(var(--spacing) * 48);
}
.max-h-\[90vh\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: 90vh;
}
.min-h-screen:not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 100vh;
}
.w-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 1);
  width: calc(var(--spacing) * 1);
}
.w-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 2);
  width: calc(var(--spacing) * 2);
}
.w-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 3);
  width: calc(var(--spacing) * 3);
}
.w-5:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 5);
  width: calc(var(--spacing) * 5);
}
.w-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 6);
  width: calc(var(--spacing) * 6);
}
.w-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 8);
  width: calc(var(--spacing) * 8);
}
.w-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 10);
  width: calc(var(--spacing) * 10);
}
.w-12:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 12);
  width: calc(var(--spacing) * 12);
}
.w-14:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 14);
  width: calc(var(--spacing) * 14);
}
.w-16:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 16);
  width: calc(var(--spacing) * 16);
}
.w-20:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 20);
  width: calc(var(--spacing) * 20);
}
.w-24:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 24);
  width: calc(var(--spacing) * 24);
}
.w-40:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 40);
  width: calc(var(--spacing) * 40);
}
.w-56:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 56);
  width: calc(var(--spacing) * 56);
}
.w-60:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 60);
  width: calc(var(--spacing) * 60);
}
.w-64:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 64);
  width: calc(var(--spacing) * 64);
}
.w-96:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(0.25rem * 96);
  width: calc(var(--spacing) * 96);
}
.w-\[800px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 800px;
}
.w-full:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
}
.w-px:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 1px;
}
.max-w-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 4rem;
}
.max-w-4xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 56rem;
  max-width: var(--container-4xl);
}
.max-w-5xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 64rem;
  max-width: var(--container-5xl);
}
.max-w-6xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 72rem;
  max-width: var(--container-6xl);
}
.max-w-7xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 80rem;
  max-width: var(--container-7xl);
}
.max-w-\[120px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 120px;
}
.max-w-fit:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.max-w-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 2rem;
}
.max-w-md:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 1.5rem;
}
.max-w-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 1rem;
}
.max-w-xs:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 0.5rem;
}
.min-w-0:not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: calc(0.25rem * 0);
  min-width: calc(var(--spacing) * 0);
}
.flex-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
}
.flex-shrink:not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 1;
}
.flex-shrink-0:not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 0;
}
.shrink:not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 1;
}
.shrink-0:not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 0;
}
.grow:not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-grow: 1;
}
.border-collapse:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-collapse: collapse;
}
.-translate-x-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: calc((1/2 * 100%) * -1) var(--tw-translate-y);
  translate: calc(calc(1/2 * 100%) * -1) var(--tw-translate-y);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-x: -100%;
  translate: -100% var(--tw-translate-y);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) calc((1/2 * 100%) * -1);
  translate: var(--tw-translate-x) calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[calc\(85vh-130px\)\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-y: calc(85vh - 130px);
  translate: var(--tw-translate-x) calc(85vh - 130px);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.transform:not(#\#):not(#\#):not(#\#):not(#\#) {
  transform:          ;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-ping:not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  animation: var(--animate-ping);
}
.animate-pulse:not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation: var(--animate-pulse);
}
.animate-spin:not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: spin 1s linear infinite;
  animation: var(--animate-spin);
}
.fade-in:not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: fadeIn 0.8s ease-out;
}
.fade-in-delay-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: fadeIn 0.8s ease-out 0.1s both;
}
.fade-in-delay-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: fadeIn 0.8s ease-out 0.2s both;
}
.fade-in-delay-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: fadeIn 0.8s ease-out 0.3s both;
}
.fade-in-delay-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: fadeIn 0.8s ease-out 0.4s both;
}
.cursor-grab:not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: grab;
}
.cursor-pointer:not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: pointer;
}
.resize:not(#\#):not(#\#):not(#\#):not(#\#) {
  resize: both;
}
.resize-none:not(#\#):not(#\#):not(#\#):not(#\#) {
  resize: none;
}
.list-inside:not(#\#):not(#\#):not(#\#):not(#\#) {
  list-style-position: inside;
}
.list-disc:not(#\#):not(#\#):not(#\#):not(#\#) {
  list-style-type: disc;
}
.appearance-none:not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col:not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
}
.flex-wrap:not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
}
.items-center:not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
}
.items-start:not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: flex-start;
}
.justify-between:not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
}
.justify-center:not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
}
.justify-end:not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: flex-end;
}
.justify-items-center:not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-items: center;
}
.gap-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(0.25rem * 1);
  gap: calc(var(--spacing) * 1);
}
.gap-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(0.25rem * 2);
  gap: calc(var(--spacing) * 2);
}
.gap-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(0.25rem * 3);
  gap: calc(var(--spacing) * 3);
}
.gap-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(0.25rem * 4);
  gap: calc(var(--spacing) * 4);
}
.gap-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(0.25rem * 6);
  gap: calc(var(--spacing) * 6);
}
.gap-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(0.25rem * 8);
  gap: calc(var(--spacing) * 8);
}
.gap-12:not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(0.25rem * 12);
  gap: calc(var(--spacing) * 12);
}
:where(.space-y-1 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-y-reverse: 0;
  margin-top: calc((0.25rem * 1) * 0);
  margin-top: calc((var(--spacing) * 1) * var(--tw-space-y-reverse));
  margin-top: calc(calc(0.25rem * 1) * 0);
  margin-top: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
  margin-bottom: calc((0.25rem * 1) * (1 - 0));
  margin-bottom: calc((var(--spacing) * 1) * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(0.25rem * 1) * calc(1 - 0));
  margin-bottom: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-y-reverse: 0;
  margin-top: calc((0.25rem * 2) * 0);
  margin-top: calc((var(--spacing) * 2) * var(--tw-space-y-reverse));
  margin-top: calc(calc(0.25rem * 2) * 0);
  margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
  margin-bottom: calc((0.25rem * 2) * (1 - 0));
  margin-bottom: calc((var(--spacing) * 2) * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(0.25rem * 2) * calc(1 - 0));
  margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-y-reverse: 0;
  margin-top: calc((0.25rem * 3) * 0);
  margin-top: calc((var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-top: calc(calc(0.25rem * 3) * 0);
  margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-bottom: calc((0.25rem * 3) * (1 - 0));
  margin-bottom: calc((var(--spacing) * 3) * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(0.25rem * 3) * calc(1 - 0));
  margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-y-reverse: 0;
  margin-top: calc((0.25rem * 4) * 0);
  margin-top: calc((var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-top: calc(calc(0.25rem * 4) * 0);
  margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-bottom: calc((0.25rem * 4) * (1 - 0));
  margin-bottom: calc((var(--spacing) * 4) * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(0.25rem * 4) * calc(1 - 0));
  margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-y-reverse: 0;
  margin-top: calc((0.25rem * 5) * 0);
  margin-top: calc((var(--spacing) * 5) * var(--tw-space-y-reverse));
  margin-top: calc(calc(0.25rem * 5) * 0);
  margin-top: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
  margin-bottom: calc((0.25rem * 5) * (1 - 0));
  margin-bottom: calc((var(--spacing) * 5) * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(0.25rem * 5) * calc(1 - 0));
  margin-bottom: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-y-reverse: 0;
  margin-top: calc((0.25rem * 6) * 0);
  margin-top: calc((var(--spacing) * 6) * var(--tw-space-y-reverse));
  margin-top: calc(calc(0.25rem * 6) * 0);
  margin-top: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
  margin-bottom: calc((0.25rem * 6) * (1 - 0));
  margin-bottom: calc((var(--spacing) * 6) * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(0.25rem * 6) * calc(1 - 0));
  margin-bottom: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.divide-x > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-divide-x-reverse: 0;
  border-left-style: var(--tw-border-style);
  border-right-style: var(--tw-border-style);
  border-left-width: calc(1px * 0);
  border-left-width: calc(1px * var(--tw-divide-x-reverse));
  border-right-width: calc(1px * (1 - 0));
  border-right-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
  border-right-width: calc(1px * calc(1 - 0));
  border-right-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
:where(.divide-blue-500\/20 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(50, 128, 255, 0.2);
}
@media (color-gamut: p3) {
:where(.divide-blue-500\/20 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color(display-p3 0.26642 0.49122 0.98862 / 0.2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :where(.divide-blue-500\/20 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(50, 128, 255) 20%, transparent);
  }

@media (color-gamut: p3) {
:where(.divide-blue-500\/20 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, color(display-p3 0.26642 0.49122 0.98862) 20%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
:where(.divide-blue-500\/20 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
}
}
.truncate:not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow: hidden;
}
.overflow-x-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow-x: auto;
}
.overflow-x-hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow-x: hidden;
}
.overflow-y-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow-y: auto;
}
.rounded:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 0.25rem;
}
.rounded-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 1rem;
  border-radius: var(--radius-2xl);
}
.rounded-3xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 1.5rem;
  border-radius: var(--radius-3xl);
}
.rounded-full:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: calc(infinity * 1px);
}
.rounded-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 1rem;
}
.rounded-md:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 0.75rem;
}
.rounded-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 0.5rem;
}
.rounded-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 0.75rem;
  border-radius: var(--radius-xl);
}
.rounded-t-3xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top-left-radius: 1.5rem;
  border-top-left-radius: var(--radius-3xl);
  border-top-right-radius: 1.5rem;
  border-top-right-radius: var(--radius-3xl);
}
.border:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-style: var(--tw-border-style);
  border-width: 4px;
}
.border-y:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top-style: var(--tw-border-style);
  border-bottom-style: var(--tw-border-style);
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-t:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-r:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-l:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-dashed:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-amber-100:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(254, 243, 198);
  border-color: var(--color-amber-100);
}
.border-amber-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(246, 158, 0, 0.2);
}
@media (color-gamut: p3) {
.border-amber-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color(display-p3 0.93994 0.62058 0.05854 / 0.2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .border-amber-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(246, 158, 0) 20%, transparent);
  }

@media (color-gamut: p3) {
.border-amber-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, color(display-p3 0.93994 0.62058 0.05854) 20%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.border-amber-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
}
}
.border-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(246, 158, 0, 0.3);
}
@media (color-gamut: p3) {
.border-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color(display-p3 0.93994 0.62058 0.05854 / 0.3);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .border-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(246, 158, 0) 30%, transparent);
  }

@media (color-gamut: p3) {
.border-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, color(display-p3 0.93994 0.62058 0.05854) 30%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.border-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
}
}
.border-blue-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(50, 128, 255);
  border-color: color(display-p3 0.26642 0.49122 0.98862);
  border-color: var(--color-blue-500);
}
.border-blue-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(50, 128, 255, 0.2);
}
@media (color-gamut: p3) {
.border-blue-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color(display-p3 0.26642 0.49122 0.98862 / 0.2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .border-blue-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(50, 128, 255) 20%, transparent);
  }

@media (color-gamut: p3) {
.border-blue-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, color(display-p3 0.26642 0.49122 0.98862) 20%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.border-blue-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
}
}
.border-blue-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(50, 128, 255, 0.3);
}
@media (color-gamut: p3) {
.border-blue-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color(display-p3 0.26642 0.49122 0.98862 / 0.3);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .border-blue-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(50, 128, 255) 30%, transparent);
  }

@media (color-gamut: p3) {
.border-blue-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, color(display-p3 0.26642 0.49122 0.98862) 30%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.border-blue-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
}
}
.border-emerald-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(0, 185, 129);
  border-color: color(display-p3 0.26711 0.72685 0.5084);
  border-color: var(--color-emerald-500);
}
.border-gray-200:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(229, 231, 235);
  border-color: var(--color-gray-200);
}
.border-gray-300:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(209, 213, 220);
  border-color: var(--color-gray-300);
}
.border-green-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(0, 198, 90);
  border-color: color(display-p3 0.30873 0.77475 0.37431);
  border-color: var(--color-green-500);
}
.border-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(0, 198, 90, 0.2);
}
@media (color-gamut: p3) {
.border-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color(display-p3 0.30873 0.77475 0.37431 / 0.2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .border-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(0, 198, 90) 20%, transparent);
  }

@media (color-gamut: p3) {
.border-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, color(display-p3 0.30873 0.77475 0.37431) 20%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.border-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
}
}
.border-green-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(0, 198, 90, 0.3);
}
@media (color-gamut: p3) {
.border-green-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color(display-p3 0.30873 0.77475 0.37431 / 0.3);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .border-green-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(0, 198, 90) 30%, transparent);
  }

@media (color-gamut: p3) {
.border-green-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, color(display-p3 0.30873 0.77475 0.37431) 30%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.border-green-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
    }
}
}
.border-primary-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: #00D4FF;
}
.border-purple-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(171, 78, 255, 0.3);
}
@media (color-gamut: p3) {
.border-purple-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color(display-p3 0.62952 0.30089 0.99082 / 0.3);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .border-purple-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(171, 78, 255) 30%, transparent);
  }

@media (color-gamut: p3) {
.border-purple-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, color(display-p3 0.62952 0.30089 0.99082) 30%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.border-purple-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
    }
}
}
.border-red-200:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(255, 202, 202);
  border-color: color(display-p3 0.96956 0.79815 0.7943);
  border-color: var(--color-red-200);
}
.border-red-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(251, 44, 54);
  border-color: var(--color-red-500);
}
.border-red-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(251, 44, 54, 0.2);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-red-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(251, 44, 54) 20%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.border-red-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
}
}
.border-red-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(251, 44, 54, 0.3);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-red-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(251, 44, 54) 30%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.border-red-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
}
}
.border-red-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(251, 44, 54, 0.5);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-red-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(251, 44, 54) 50%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.border-red-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
    }
}
}
.border-slate-100:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(241, 245, 249);
  border-color: var(--color-slate-100);
}
.border-slate-200:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(226, 232, 240);
  border-color: var(--color-slate-200);
}
.border-slate-300:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(202, 213, 226);
  border-color: var(--color-slate-300);
}
.border-slate-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(69, 85, 108);
  border-color: var(--color-slate-600);
}
.border-slate-700:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(49, 65, 88);
  border-color: var(--color-slate-700);
}
.border-slate-700\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(49, 65, 88, 0.5);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-slate-700\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(49, 65, 88) 50%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.border-slate-700\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
    }
}
}
.border-slate-800:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(29, 41, 61);
  border-color: var(--color-slate-800);
}
.border-slate-800\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(29, 41, 61, 0.5);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-slate-800\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: color-mix(in oklab, rgb(29, 41, 61) 50%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.border-slate-800\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
    }
}
}
.border-transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: transparent;
}
.bg-amber-50:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(255, 251, 235);
  background-color: color(display-p3 0.9978 0.98505 0.92631);
  background-color: var(--color-amber-50);
}
.bg-amber-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(250, 188, 0);
  background-color: color(display-p3 0.95919 0.73852 0.11827);
  background-color: var(--color-amber-400);
}
.bg-amber-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(246, 158, 0);
  background-color: color(display-p3 0.93994 0.62058 0.05854);
  background-color: var(--color-amber-500);
}
.bg-amber-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(246, 158, 0, 0.1);
}
@media (color-gamut: p3) {
.bg-amber-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.93994 0.62058 0.05854 / 0.1);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-amber-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(246, 158, 0) 10%, transparent);
  }

@media (color-gamut: p3) {
.bg-amber-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.93994 0.62058 0.05854) 10%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-amber-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
}
}
.bg-amber-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(246, 158, 0, 0.2);
}
@media (color-gamut: p3) {
.bg-amber-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.93994 0.62058 0.05854 / 0.2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-amber-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(246, 158, 0) 20%, transparent);
  }

@media (color-gamut: p3) {
.bg-amber-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.93994 0.62058 0.05854) 20%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-amber-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
}
}
.bg-black\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, 0.5);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, #000 50%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
}
}
.bg-black\/70:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, 0.7);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/70:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, #000 70%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/70:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
}
}
.bg-blue-50:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(239, 246, 255);
  background-color: var(--color-blue-50);
}
.bg-blue-100:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(219, 234, 254);
  background-color: var(--color-blue-100);
}
.bg-blue-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(50, 128, 255);
  background-color: color(display-p3 0.26642 0.49122 0.98862);
  background-color: var(--color-blue-500);
}
.bg-blue-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(50, 128, 255, 0.1);
}
@media (color-gamut: p3) {
.bg-blue-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.26642 0.49122 0.98862 / 0.1);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-blue-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(50, 128, 255) 10%, transparent);
  }

@media (color-gamut: p3) {
.bg-blue-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.26642 0.49122 0.98862) 10%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-blue-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
}
}
.bg-blue-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(50, 128, 255, 0.2);
}
@media (color-gamut: p3) {
.bg-blue-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.26642 0.49122 0.98862 / 0.2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-blue-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(50, 128, 255) 20%, transparent);
  }

@media (color-gamut: p3) {
.bg-blue-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.26642 0.49122 0.98862) 20%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-blue-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
}
}
.bg-blue-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(21, 93, 252);
  background-color: var(--color-blue-600);
}
.bg-blue-600\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(21, 93, 252, 0.1);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-blue-600\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(21, 93, 252) 10%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-blue-600\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent);
    }
}
}
.bg-blue-900\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(28, 57, 142, 0.1);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-blue-900\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(28, 57, 142) 10%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-blue-900\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-blue-900) 10%, transparent);
    }
}
}
.bg-emerald-50\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(236, 253, 245, 0.5);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-emerald-50\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(236, 253, 245) 50%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-emerald-50\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
    }
}
}
.bg-emerald-100:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(208, 250, 229);
  background-color: var(--color-emerald-100);
}
.bg-emerald-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(0, 185, 129);
  background-color: color(display-p3 0.26711 0.72685 0.5084);
  background-color: var(--color-emerald-500);
}
.bg-emerald-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 185, 129, 0.2);
}
@media (color-gamut: p3) {
.bg-emerald-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.26711 0.72685 0.5084 / 0.2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-emerald-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(0, 185, 129) 20%, transparent);
  }

@media (color-gamut: p3) {
.bg-emerald-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.26711 0.72685 0.5084) 20%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-emerald-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
}
}
.bg-green-100:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(220, 252, 231);
  background-color: var(--color-green-100);
}
.bg-green-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(5, 223, 114);
  background-color: var(--color-green-400);
}
.bg-green-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(0, 198, 90);
  background-color: color(display-p3 0.30873 0.77475 0.37431);
  background-color: var(--color-green-500);
}
.bg-green-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 198, 90, 0.1);
}
@media (color-gamut: p3) {
.bg-green-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.30873 0.77475 0.37431 / 0.1);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-green-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(0, 198, 90) 10%, transparent);
  }

@media (color-gamut: p3) {
.bg-green-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.30873 0.77475 0.37431) 10%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-green-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
}
}
.bg-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 198, 90, 0.2);
}
@media (color-gamut: p3) {
.bg-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.30873 0.77475 0.37431 / 0.2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(0, 198, 90) 20%, transparent);
  }

@media (color-gamut: p3) {
.bg-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.30873 0.77475 0.37431) 20%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
}
}
.bg-green-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(0, 164, 71);
  background-color: color(display-p3 0.24388 0.64082 0.29481);
  background-color: var(--color-green-600);
}
.bg-indigo-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(98, 96, 255, 0.1);
}
@media (color-gamut: p3) {
.bg-indigo-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.38037 0.37224 0.97171 / 0.1);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-indigo-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(98, 96, 255) 10%, transparent);
  }

@media (color-gamut: p3) {
.bg-indigo-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.38037 0.37224 0.97171) 10%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-indigo-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
}
}
.bg-primary-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: #0066FF;
}
.bg-purple-100:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(243, 232, 255);
  background-color: var(--color-purple-100);
}
.bg-purple-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(171, 78, 255, 0.2);
}
@media (color-gamut: p3) {
.bg-purple-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.62952 0.30089 0.99082 / 0.2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-purple-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(171, 78, 255) 20%, transparent);
  }

@media (color-gamut: p3) {
.bg-purple-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.62952 0.30089 0.99082) 20%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-purple-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
}
}
.bg-purple-900\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(89, 22, 139, 0.1);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-purple-900\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(89, 22, 139) 10%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-purple-900\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-purple-900) 10%, transparent);
    }
}
}
.bg-red-50:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(254, 242, 242);
  background-color: var(--color-red-50);
}
.bg-red-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(251, 44, 54);
  background-color: var(--color-red-500);
}
.bg-red-500\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(251, 44, 54, 0.05);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-red-500\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(251, 44, 54) 5%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-red-500\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
    }
}
}
.bg-red-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(251, 44, 54, 0.1);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-red-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(251, 44, 54) 10%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-red-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
}
}
.bg-red-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(251, 44, 54, 0.2);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-red-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(251, 44, 54) 20%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-red-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
}
}
.bg-red-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(228, 0, 22);
  background-color: color(display-p3 0.83032 0.14038 0.1332);
  background-color: var(--color-red-600);
}
.bg-slate-50:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(248, 250, 252);
  background-color: var(--color-slate-50);
}
.bg-slate-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(69, 85, 108);
  background-color: var(--color-slate-600);
}
.bg-slate-700:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(49, 65, 88);
  background-color: var(--color-slate-700);
}
.bg-slate-700\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(49, 65, 88, 0.3);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-700\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(49, 65, 88) 30%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-700\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-slate-700) 30%, transparent);
    }
}
}
.bg-slate-700\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(49, 65, 88, 0.5);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-700\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(49, 65, 88) 50%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-700\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
    }
}
}
.bg-slate-800:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(29, 41, 61);
  background-color: var(--color-slate-800);
}
.bg-slate-800\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(29, 41, 61, 0.5);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-800\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(29, 41, 61) 50%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-800\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
    }
}
}
.bg-slate-800\/60:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(29, 41, 61, 0.6);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-800\/60:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(29, 41, 61) 60%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-800\/60:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
    }
}
}
.bg-slate-800\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(29, 41, 61, 0.8);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-800\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(29, 41, 61) 80%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-800\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
    }
}
}
.bg-slate-800\/90:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(29, 41, 61, 0.9);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-800\/90:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(29, 41, 61) 90%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-800\/90:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-slate-800) 90%, transparent);
    }
}
}
.bg-slate-800\/95:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(29, 41, 61, 0.95);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-800\/95:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(29, 41, 61) 95%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-800\/95:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-slate-800) 95%, transparent);
    }
}
}
.bg-slate-900:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(15, 23, 43);
  background-color: var(--color-slate-900);
}
.bg-slate-900\/40:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(15, 23, 43, 0.4);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-900\/40:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(15, 23, 43) 40%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-900\/40:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
}
}
.bg-slate-900\/95:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(15, 23, 43, 0.95);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-900\/95:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(15, 23, 43) 95%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.bg-slate-900\/95:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
    }
}
}
.bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: transparent;
}
.bg-white:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: #fff;
  background-color: var(--color-white);
}
.bg-yellow-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgb(234, 179, 0);
  background-color: color(display-p3 0.90365 0.70306 0.07454);
  background-color: var(--color-yellow-500);
}
.bg-yellow-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(234, 179, 0, 0.2);
}
@media (color-gamut: p3) {
.bg-yellow-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.90365 0.70306 0.07454 / 0.2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-yellow-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(234, 179, 0) 20%, transparent);
  }

@media (color-gamut: p3) {
.bg-yellow-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.90365 0.70306 0.07454) 20%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-yellow-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
    }
}
}
.bg-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(234, 179, 0, 0.5);
}
@media (color-gamut: p3) {
.bg-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color(display-p3 0.90365 0.70306 0.07454 / 0.5);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: color-mix(in oklab, rgb(234, 179, 0) 50%, transparent);
  }

@media (color-gamut: p3) {
.bg-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, color(display-p3 0.90365 0.70306 0.07454) 50%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.bg-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
    }
}
}
.bg-gradient-to-br:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-r:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-amber-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-amber-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-900\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: rgba(28, 57, 142, 0.2);
}
@supports (color: color-mix(in lab, red, red)) {
  .from-blue-900\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
  }
}
.from-blue-900\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-cyan-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-cyan-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-emerald-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-emerald-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-green-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-green-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-green-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-green-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-green-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: rgba(0, 198, 90, 0.1);
}
@supports (color: color(display-p3 0 0 0%)) {
.from-green-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: rgba(0, 198, 90, 0.1);
  }

@media (color-gamut: p3) {
.from-green-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-gradient-from: color(display-p3 0.30873 0.77475 0.37431 / 0.1);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .from-green-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: color-mix(in oklab, var(--color-green-500) 10%, transparent);
  }
}
.from-green-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-orange-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-orange-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-red-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-red-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-red-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: rgba(251, 44, 54, 0.1);
}
@supports (color: color-mix(in lab, red, red)) {
  .from-red-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 10%, transparent);
  }
}
.from-red-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-slate-900:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-slate-900);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-slate-800:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-slate-800);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-blue-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-blue-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-emerald-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-emerald-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-emerald-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(0, 185, 129, 0.1);
}
@supports (color: color(display-p3 0 0 0%)) {
.to-emerald-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: rgba(0, 185, 129, 0.1);
  }

@media (color-gamut: p3) {
.to-emerald-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-gradient-to: color(display-p3 0.26711 0.72685 0.5084 / 0.1);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .to-emerald-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
  }
}
.to-emerald-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-green-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-green-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-orange-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-orange-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-orange-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(252, 113, 0, 0.1);
}
@supports (color: color(display-p3 0 0 0%)) {
.to-orange-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: rgba(252, 113, 0, 0.1);
  }

@media (color-gamut: p3) {
.to-orange-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-gradient-to: color(display-p3 0.94659 0.44979 0.07573 / 0.1);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .to-orange-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
  }
}
.to-orange-500\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-orange-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-orange-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-red-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-red-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-red-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-red-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-slate-300:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-slate-300);
  --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-slate-900:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-slate-900);
  --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-slate-900\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(15, 23, 43, 0.8);
}
@supports (color: color-mix(in lab, red, red)) {
  .to-slate-900\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
  }
}
.to-slate-900\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-clip-text:not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-background-clip: text;
          background-clip: text;
}
.object-contain:not(#\#):not(#\#):not(#\#):not(#\#) {
  -o-object-fit: contain;
     object-fit: contain;
}
.p-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(0.25rem * 1);
  padding: calc(var(--spacing) * 1);
}
.p-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(0.25rem * 1.5);
  padding: calc(var(--spacing) * 1.5);
}
.p-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(0.25rem * 2);
  padding: calc(var(--spacing) * 2);
}
.p-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(0.25rem * 2.5);
  padding: calc(var(--spacing) * 2.5);
}
.p-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(0.25rem * 3);
  padding: calc(var(--spacing) * 3);
}
.p-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(0.25rem * 4);
  padding: calc(var(--spacing) * 4);
}
.p-5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(0.25rem * 5);
  padding: calc(var(--spacing) * 5);
}
.p-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(0.25rem * 6);
  padding: calc(var(--spacing) * 6);
}
.p-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(0.25rem * 8);
  padding: calc(var(--spacing) * 8);
}
.p-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(0.25rem * 10);
  padding: calc(var(--spacing) * 10);
}
.px-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 0.5);
  padding-right: calc(0.25rem * 0.5);
  padding-left: calc(var(--spacing) * 0.5);
  padding-right: calc(var(--spacing) * 0.5);
}
.px-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 1);
  padding-right: calc(0.25rem * 1);
  padding-left: calc(var(--spacing) * 1);
  padding-right: calc(var(--spacing) * 1);
}
.px-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 1.5);
  padding-right: calc(0.25rem * 1.5);
  padding-left: calc(var(--spacing) * 1.5);
  padding-right: calc(var(--spacing) * 1.5);
}
.px-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 2);
  padding-right: calc(0.25rem * 2);
  padding-left: calc(var(--spacing) * 2);
  padding-right: calc(var(--spacing) * 2);
}
.px-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 3);
  padding-right: calc(0.25rem * 3);
  padding-left: calc(var(--spacing) * 3);
  padding-right: calc(var(--spacing) * 3);
}
.px-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 4);
  padding-right: calc(0.25rem * 4);
  padding-left: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 4);
}
.px-5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 5);
  padding-right: calc(0.25rem * 5);
  padding-left: calc(var(--spacing) * 5);
  padding-right: calc(var(--spacing) * 5);
}
.px-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 6);
  padding-right: calc(0.25rem * 6);
  padding-left: calc(var(--spacing) * 6);
  padding-right: calc(var(--spacing) * 6);
}
.px-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 8);
  padding-right: calc(0.25rem * 8);
  padding-left: calc(var(--spacing) * 8);
  padding-right: calc(var(--spacing) * 8);
}
.px-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 10);
  padding-right: calc(0.25rem * 10);
  padding-left: calc(var(--spacing) * 10);
  padding-right: calc(var(--spacing) * 10);
}
.py-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 0.5);
  padding-bottom: calc(0.25rem * 0.5);
  padding-top: calc(var(--spacing) * 0.5);
  padding-bottom: calc(var(--spacing) * 0.5);
}
.py-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 1);
  padding-bottom: calc(0.25rem * 1);
  padding-top: calc(var(--spacing) * 1);
  padding-bottom: calc(var(--spacing) * 1);
}
.py-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 1.5);
  padding-bottom: calc(0.25rem * 1.5);
  padding-top: calc(var(--spacing) * 1.5);
  padding-bottom: calc(var(--spacing) * 1.5);
}
.py-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 2);
  padding-bottom: calc(0.25rem * 2);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 2);
}
.py-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 2.5);
  padding-bottom: calc(0.25rem * 2.5);
  padding-top: calc(var(--spacing) * 2.5);
  padding-bottom: calc(var(--spacing) * 2.5);
}
.py-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 3);
  padding-bottom: calc(0.25rem * 3);
  padding-top: calc(var(--spacing) * 3);
  padding-bottom: calc(var(--spacing) * 3);
}
.py-3\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 3.5);
  padding-bottom: calc(0.25rem * 3.5);
  padding-top: calc(var(--spacing) * 3.5);
  padding-bottom: calc(var(--spacing) * 3.5);
}
.py-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 4);
  padding-bottom: calc(0.25rem * 4);
  padding-top: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 4);
}
.py-5:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 5);
  padding-bottom: calc(0.25rem * 5);
  padding-top: calc(var(--spacing) * 5);
  padding-bottom: calc(var(--spacing) * 5);
}
.py-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 6);
  padding-bottom: calc(0.25rem * 6);
  padding-top: calc(var(--spacing) * 6);
  padding-bottom: calc(var(--spacing) * 6);
}
.py-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 8);
  padding-bottom: calc(0.25rem * 8);
  padding-top: calc(var(--spacing) * 8);
  padding-bottom: calc(var(--spacing) * 8);
}
.py-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 10);
  padding-bottom: calc(0.25rem * 10);
  padding-top: calc(var(--spacing) * 10);
  padding-bottom: calc(var(--spacing) * 10);
}
.py-12:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 12);
  padding-bottom: calc(0.25rem * 12);
  padding-top: calc(var(--spacing) * 12);
  padding-bottom: calc(var(--spacing) * 12);
}
.py-16:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 16);
  padding-bottom: calc(0.25rem * 16);
  padding-top: calc(var(--spacing) * 16);
  padding-bottom: calc(var(--spacing) * 16);
}
.pt-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 2);
  padding-top: calc(var(--spacing) * 2);
}
.pt-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 4);
  padding-top: calc(var(--spacing) * 4);
}
.pt-6:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 6);
  padding-top: calc(var(--spacing) * 6);
}
.pt-14:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 14);
  padding-top: calc(var(--spacing) * 14);
}
.pt-16:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 16);
  padding-top: calc(var(--spacing) * 16);
}
.pt-20:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(0.25rem * 20);
  padding-top: calc(var(--spacing) * 20);
}
.pr-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(0.25rem * 4);
  padding-right: calc(var(--spacing) * 4);
}
.pr-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(0.25rem * 8);
  padding-right: calc(var(--spacing) * 8);
}
.pr-12:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(0.25rem * 12);
  padding-right: calc(var(--spacing) * 12);
}
.pr-14:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(0.25rem * 14);
  padding-right: calc(var(--spacing) * 14);
}
.pr-28:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(0.25rem * 28);
  padding-right: calc(var(--spacing) * 28);
}
.pb-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(0.25rem * 2);
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(0.25rem * 3);
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(0.25rem * 4);
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-8:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(0.25rem * 8);
  padding-bottom: calc(var(--spacing) * 8);
}
.pb-20:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(0.25rem * 20);
  padding-bottom: calc(var(--spacing) * 20);
}
.pl-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 3);
  padding-left: calc(var(--spacing) * 3);
}
.pl-4:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 4);
  padding-left: calc(var(--spacing) * 4);
}
.pl-10:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 10);
  padding-left: calc(var(--spacing) * 10);
}
.pl-12:not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(0.25rem * 12);
  padding-left: calc(var(--spacing) * 12);
}
.text-center:not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
}
.text-left:not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: left;
}
.text-right:not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: right;
}
.font-\[\'Outfit\'\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-family: 'Outfit';
}
.font-mono:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
  font-family: var(--font-mono);
}
.text-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 1.5rem;
  font-size: var(--text-2xl);
  line-height: calc(2 / 1.5);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 1.875rem;
  font-size: var(--text-3xl);
  line-height: calc(2.25 / 1.875);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 2.25rem;
  font-size: var(--text-4xl);
  line-height: calc(2.5 / 2.25);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-5xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 3rem;
  font-size: var(--text-5xl);
  line-height: 1;
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-6xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 3.75rem;
  font-size: var(--text-6xl);
  line-height: 1;
  line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.text-base:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 1rem;
  font-size: var(--text-base);
  line-height: calc(1.5 / 1);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 1.125rem;
  font-size: var(--text-lg);
  line-height: calc(1.75 / 1.125);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 0.875rem;
  font-size: var(--text-sm);
  line-height: calc(1.25 / 0.875);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 1.25rem;
  font-size: var(--text-xl);
  line-height: calc(1.75 / 1.25);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 0.75rem;
  font-size: var(--text-xs);
  line-height: calc(1 / 0.75);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[6px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 6px;
}
.text-\[8px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 8px;
}
.text-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 10px;
}
.leading-none:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: 1;
  line-height: 1;
}
.leading-relaxed:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: var(--leading-relaxed);
  line-height: 1.625;
  line-height: var(--leading-relaxed);
}
.leading-tight:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: var(--leading-tight);
  line-height: 1.25;
  line-height: var(--leading-tight);
}
.font-black:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-black);
  font-weight: 900;
  font-weight: var(--font-weight-black);
}
.font-bold:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}
.font-extrabold:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: 800;
  font-weight: var(--font-weight-extrabold);
}
.font-light:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-light);
  font-weight: 300;
  font-weight: var(--font-weight-light);
}
.font-medium:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.font-semibold:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: 600;
  font-weight: var(--font-weight-semibold);
}
.tracking-tight:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: -0.025em;
  letter-spacing: var(--tracking-tight);
}
.tracking-wide:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: 0.025em;
  letter-spacing: var(--tracking-wide);
}
.tracking-wider:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: 0.05em;
  letter-spacing: var(--tracking-wider);
}
.tracking-widest:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: 0.1em;
  letter-spacing: var(--tracking-widest);
}
.break-all:not(#\#):not(#\#):not(#\#):not(#\#) {
  word-break: break-all;
}
.whitespace-nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
  white-space: nowrap;
}
.text-amber-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(250, 188, 0);
  color: color(display-p3 0.95919 0.73852 0.11827);
  color: var(--color-amber-400);
}
.text-amber-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(246, 158, 0);
  color: color(display-p3 0.93994 0.62058 0.05854);
  color: var(--color-amber-500);
}
.text-amber-700:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(181, 82, 0);
  color: color(display-p3 0.67989 0.32771 0.05205);
  color: var(--color-amber-700);
}
.text-blue-200\/60:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(190, 219, 255, 0.6);
}
@media (color-gamut: p3) {
.text-blue-200\/60:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: color(display-p3 0.76688 0.85521 0.98748 / 0.6);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .text-blue-200\/60:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: color-mix(in oklab, rgb(190, 219, 255) 60%, transparent);
  }

@media (color-gamut: p3) {
.text-blue-200\/60:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: color-mix(in oklab, color(display-p3 0.76688 0.85521 0.98748) 60%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.text-blue-200\/60:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);
    }
}
}
.text-blue-300:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(145, 197, 255);
  color: color(display-p3 0.60256 0.76721 0.99394);
  color: var(--color-blue-300);
}
.text-blue-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(86, 162, 255);
  color: color(display-p3 0.39744 0.62813 0.99212);
  color: var(--color-blue-400);
}
.text-blue-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(50, 128, 255);
  color: color(display-p3 0.26642 0.49122 0.98862);
  color: var(--color-blue-500);
}
.text-blue-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(21, 93, 252);
  color: var(--color-blue-600);
}
.text-cyan-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(0, 209, 236);
  color: color(display-p3 0.29464 0.81399 0.935);
  color: var(--color-cyan-400);
}
.text-emerald-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(0, 210, 148);
  color: color(display-p3 0.3347 0.8196 0.59158);
  color: var(--color-emerald-400);
}
.text-emerald-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(0, 185, 129);
  color: color(display-p3 0.26711 0.72685 0.5084);
  color: var(--color-emerald-500);
}
.text-emerald-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(0, 150, 105);
  color: color(display-p3 0.20656 0.58906 0.41396);
  color: var(--color-emerald-600);
}
.text-emerald-700:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(0, 120, 87);
  color: color(display-p3 0.16404 0.47023 0.34351);
  color: var(--color-emerald-700);
}
.text-gray-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(153, 161, 175);
  color: var(--color-gray-400);
}
.text-gray-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(106, 114, 130);
  color: var(--color-gray-500);
}
.text-gray-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(74, 85, 101);
  color: var(--color-gray-600);
}
.text-gray-800:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(30, 41, 57);
  color: var(--color-gray-800);
}
.text-green-300:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(123, 241, 168);
  color: var(--color-green-300);
}
.text-green-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(5, 223, 114);
  color: var(--color-green-400);
}
.text-green-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(0, 198, 90);
  color: color(display-p3 0.30873 0.77475 0.37431);
  color: var(--color-green-500);
}
.text-green-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(0, 164, 71);
  color: color(display-p3 0.24388 0.64082 0.29481);
  color: var(--color-green-600);
}
.text-orange-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(255, 139, 31);
  color: color(display-p3 0.95019 0.56181 0.21102);
  color: var(--color-orange-400);
}
.text-pink-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(251, 100, 182);
  color: var(--color-pink-400);
}
.text-primary-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #00D4FF;
}
.text-purple-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(191, 126, 255);
  color: color(display-p3 0.71992 0.4925 0.99517);
  color: var(--color-purple-400);
}
.text-purple-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(152, 16, 250);
  color: var(--color-purple-600);
}
.text-red-300:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(255, 163, 164);
  color: color(display-p3 0.95692 0.65189 0.64512);
  color: var(--color-red-300);
}
.text-red-300\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(255, 163, 164, 0.8);
}
@media (color-gamut: p3) {
.text-red-300\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: color(display-p3 0.95692 0.65189 0.64512 / 0.8);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .text-red-300\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: color-mix(in oklab, rgb(255, 163, 164) 80%, transparent);
  }

@media (color-gamut: p3) {
.text-red-300\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: color-mix(in oklab, color(display-p3 0.95692 0.65189 0.64512) 80%, transparent);
    }
}

@supports (color: color-mix(in lch, red, blue)) {
.text-red-300\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: color-mix(in oklab, var(--color-red-300) 80%, transparent);
    }
}
}
.text-red-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(255, 101, 104);
  color: color(display-p3 0.93353 0.43168 0.42349);
  color: var(--color-red-400);
}
.text-red-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(251, 44, 54);
  color: var(--color-red-500);
}
.text-red-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(228, 0, 22);
  color: color(display-p3 0.83032 0.14038 0.1332);
  color: var(--color-red-600);
}
.text-slate-300:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(202, 213, 226);
  color: var(--color-slate-300);
}
.text-slate-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(144, 161, 185);
  color: var(--color-slate-400);
}
.text-slate-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(98, 116, 142);
  color: var(--color-slate-500);
}
.text-slate-600:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(69, 85, 108);
  color: var(--color-slate-600);
}
.text-slate-700:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(49, 65, 88);
  color: var(--color-slate-700);
}
.text-slate-800:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(29, 41, 61);
  color: var(--color-slate-800);
}
.text-slate-900:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(15, 23, 43);
  color: var(--color-slate-900);
}
.text-teal-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(0, 211, 189);
  color: color(display-p3 0.32279 0.82206 0.74439);
  color: var(--color-teal-400);
}
.text-transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: transparent;
}
.text-white:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  color: var(--color-white);
}
.text-yellow-300:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(255, 224, 46);
  color: color(display-p3 0.98267 0.88088 0.32102);
  color: var(--color-yellow-300);
}
.text-yellow-400:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(247, 201, 0);
  color: color(display-p3 0.95994 0.79017 0.05852);
  color: var(--color-yellow-400);
}
.text-yellow-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgb(234, 179, 0);
  color: color(display-p3 0.90365 0.70306 0.07454);
  color: var(--color-yellow-500);
}
.capitalize:not(#\#):not(#\#):not(#\#):not(#\#) {
  text-transform: capitalize;
}
.lowercase:not(#\#):not(#\#):not(#\#):not(#\#) {
  text-transform: lowercase;
}
.uppercase:not(#\#):not(#\#):not(#\#):not(#\#) {
  text-transform: uppercase;
}
.italic:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-style: italic;
}
.ordinal:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ordinal: ordinal;
  font-feature-settings: ordinal        ;
  font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  font-variant-numeric: ordinal        ;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.line-through:not(#\#):not(#\#):not(#\#):not(#\#) {
  text-decoration-line: line-through;
}
.overline:not(#\#):not(#\#):not(#\#):not(#\#) {
  text-decoration-line: overline;
}
.underline:not(#\#):not(#\#):not(#\#):not(#\#) {
  text-decoration-line: underline;
}
.placeholder-gray-500:not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder {
  color: rgb(106, 114, 130);
  color: var(--color-gray-500);
}
.placeholder-gray-500:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
  color: rgb(106, 114, 130);
  color: var(--color-gray-500);
}
.placeholder-slate-400:not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder {
  color: rgb(144, 161, 185);
  color: var(--color-slate-400);
}
.placeholder-slate-400:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
  color: rgb(144, 161, 185);
  color: var(--color-slate-400);
}
.placeholder-slate-500:not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder {
  color: rgb(98, 116, 142);
  color: var(--color-slate-500);
}
.placeholder-slate-500:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
  color: rgb(98, 116, 142);
  color: var(--color-slate-500);
}
.opacity-0:not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 0;
}
.opacity-50:not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 0.5;
}
.opacity-75:not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 0.75;
}
.opacity-90:not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 0.9;
}
.shadow:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(0\,0\,0\,0\.05\)\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(0,0,0,0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 15px rgba(0,0,0,0.05);
  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:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  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:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  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:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring:not(#\#):not(#\#):not(#\#):not(#\#) {
  --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:not(#\#):not(#\#):not(#\#):not(#\#) {
  --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);
}
.shadow-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: rgba(246, 158, 0, 0.3);
}
@supports (color: color(display-p3 0 0 0%)) {
.shadow-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: rgba(246, 158, 0, 0.3);
  }

@media (color-gamut: p3) {
.shadow-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-shadow-color: color(display-p3 0.93994 0.62058 0.05854 / 0.3);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .shadow-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-cyan-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: rgba(0, 182, 212, 0.3);
}
@supports (color: color(display-p3 0 0 0%)) {
.shadow-cyan-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: rgba(0, 182, 212, 0.3);
  }

@media (color-gamut: p3) {
.shadow-cyan-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-shadow-color: color(display-p3 0.2467 0.71003 0.84144 / 0.3);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .shadow-cyan-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-emerald-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: rgba(0, 185, 129, 0.3);
}
@supports (color: color(display-p3 0 0 0%)) {
.shadow-emerald-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: rgba(0, 185, 129, 0.3);
  }

@media (color-gamut: p3) {
.shadow-emerald-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-shadow-color: color(display-p3 0.26711 0.72685 0.5084 / 0.3);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .shadow-emerald-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: rgba(0, 198, 90, 0.2);
}
@supports (color: color(display-p3 0 0 0%)) {
.shadow-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: rgba(0, 198, 90, 0.2);
  }

@media (color-gamut: p3) {
.shadow-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-shadow-color: color(display-p3 0.30873 0.77475 0.37431 / 0.2);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .shadow-green-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-green-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: rgba(0, 198, 90, 0.3);
}
@supports (color: color(display-p3 0 0 0%)) {
.shadow-green-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: rgba(0, 198, 90, 0.3);
  }

@media (color-gamut: p3) {
.shadow-green-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-shadow-color: color(display-p3 0.30873 0.77475 0.37431 / 0.3);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .shadow-green-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-red-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: rgba(251, 44, 54, 0.3);
}
@supports (color: color-mix(in lab, red, red)) {
  .shadow-red-500\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.outline:not(#\#):not(#\#):not(#\#):not(#\#) {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.blur:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-blur: blur(8px);
  filter: blur(8px)                ;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-3xl:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-blur: blur(var(--blur-3xl));
  filter: blur(64px)                ;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[100px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-blur: blur(100px);
  filter: blur(100px)                ;
  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-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgba(0, 0, 0, 0.15)));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
  filter:                 drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15));
  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,);
}
.invert:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-invert: invert(100%);
  filter:           invert(100%)      ;
  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:not(#\#):not(#\#):not(#\#):not(#\#) {
  filter:                  ;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: blur(8px)                ;
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-backdrop-blur: blur(var(--blur-sm));
  backdrop-filter: blur(8px)                ;
  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:not(#\#):not(#\#):not(#\#):not(#\#) {
  backdrop-filter:                  ;
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition:not(#\#):not(#\#):not(#\#):not(#\#) {
  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, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: 150ms;
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all:not(#\#):not(#\#):not(#\#):not(#\#) {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: 150ms;
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors:not(#\#):not(#\#):not(#\#):not(#\#) {
  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: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: 150ms;
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity:not(#\#):not(#\#):not(#\#):not(#\#) {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: 150ms;
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform:not(#\#):not(#\#):not(#\#):not(#\#) {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: 150ms;
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.delay-1:not(#\#):not(#\#):not(#\#):not(#\#) {
  transition-delay: 1ms;
}
.delay-2:not(#\#):not(#\#):not(#\#):not(#\#) {
  transition-delay: 2ms;
}
.delay-3:not(#\#):not(#\#):not(#\#):not(#\#) {
  transition-delay: 3ms;
}
.duration-200:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-1000:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
}
.ease-linear:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ease: linear;
  transition-timing-function: linear;
}
.ease-out:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ease: var(--ease-out);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-timing-function: var(--ease-out);
}
.\[hostname\:port\]:not(#\#):not(#\#):not(#\#):not(#\#) {
  hostname: port;
}
@media (hover: hover) {
  :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: calc(0.25rem * 1) var(--tw-translate-y);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
@media (hover: hover) {
  :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:rotate-180 {
    rotate: 180deg;
  }
}
@media (hover: hover) {
  :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:text-blue-400 {
    color: rgb(86, 162, 255);
    color: color(display-p3 0.39744 0.62813 0.99212);
    color: var(--color-blue-400);
  }
}
@media (hover: hover) {
  :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:text-green-400 {
    color: rgb(5, 223, 114);
    color: var(--color-green-400);
  }
}
@media (hover: hover) {
  :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:text-slate-300 {
    color: rgb(202, 213, 226);
    color: var(--color-slate-300);
  }
}
@media (hover: hover) {
  :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:opacity-100 {
    opacity: 1;
  }
}
:where(.peer):checked:not(#\#):not(#\#):not(#\#):not(#\#) ~ .peer-checked\:opacity-100 {
  opacity: 1;
}
@media (hover: hover) {
  :where(.peer):hover:not(#\#):not(#\#):not(#\#):not(#\#) ~ .peer-hover\:right-24 {
    right: calc(0.25rem * 24);
    right: calc(var(--spacing) * 24);
  }
}
@media (hover: hover) {
  :where(.peer):hover:not(#\#):not(#\#):not(#\#):not(#\#) ~ .peer-hover\:opacity-100 {
    opacity: 1;
  }
}
.last\:border-b-0:last-child:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.focus-within\:border-emerald-500:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(0, 185, 129);
  border-color: color(display-p3 0.26711 0.72685 0.5084);
  border-color: var(--color-emerald-500);
}
.focus-within\:ring-2:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-within\:ring-emerald-500\/50:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(0, 185, 129, 0.5);
}
@supports (color: color(display-p3 0 0 0%)) {
.focus-within\:ring-emerald-500\/50:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: rgba(0, 185, 129, 0.5);
  }

@media (color-gamut: p3) {
.focus-within\:ring-emerald-500\/50:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-ring-color: color(display-p3 0.26711 0.72685 0.5084 / 0.5);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-within\:ring-emerald-500\/50:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
  }
}
@media (hover: hover) {
  .hover\:-translate-y-0\.5:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) calc(0.25rem * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
@media (hover: hover) {
  .hover\:scale-105:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: 105% 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
@media (hover: hover) {
  .hover\:transform:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    transform:          ;
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
}
@media (hover: hover) {
  .hover\:border-blue-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(50, 128, 255, 0.3);
  }

@media (color-gamut: p3) {
.hover\:border-blue-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color(display-p3 0.26642 0.49122 0.98862 / 0.3);
    }
}
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-blue-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, rgb(50, 128, 255) 30%, transparent);
    }

@media (color-gamut: p3) {
.hover\:border-blue-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color: color-mix(in oklab, color(display-p3 0.26642 0.49122 0.98862) 30%, transparent);
      }
}

@supports (color: color-mix(in lch, red, blue)) {
.hover\:border-blue-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:border-blue-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(50, 128, 255, 0.5);
  }

@media (color-gamut: p3) {
.hover\:border-blue-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color(display-p3 0.26642 0.49122 0.98862 / 0.5);
    }
}
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-blue-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, rgb(50, 128, 255) 50%, transparent);
    }

@media (color-gamut: p3) {
.hover\:border-blue-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color: color-mix(in oklab, color(display-p3 0.26642 0.49122 0.98862) 50%, transparent);
      }
}

@supports (color: color-mix(in lch, red, blue)) {
.hover\:border-blue-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:border-green-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(0, 198, 90, 0.5);
  }

@media (color-gamut: p3) {
.hover\:border-green-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color(display-p3 0.30873 0.77475 0.37431 / 0.5);
    }
}
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-green-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, rgb(0, 198, 90) 50%, transparent);
    }

@media (color-gamut: p3) {
.hover\:border-green-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color: color-mix(in oklab, color(display-p3 0.30873 0.77475 0.37431) 50%, transparent);
      }
}

@supports (color: color-mix(in lch, red, blue)) {
.hover\:border-green-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:border-purple-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(171, 78, 255, 0.3);
  }

@media (color-gamut: p3) {
.hover\:border-purple-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color(display-p3 0.62952 0.30089 0.99082 / 0.3);
    }
}
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-purple-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, rgb(171, 78, 255) 30%, transparent);
    }

@media (color-gamut: p3) {
.hover\:border-purple-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color: color-mix(in oklab, color(display-p3 0.62952 0.30089 0.99082) 30%, transparent);
      }
}

@supports (color: color-mix(in lch, red, blue)) {
.hover\:border-purple-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:border-red-400:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgb(255, 101, 104);
    border-color: color(display-p3 0.93353 0.43168 0.42349);
    border-color: var(--color-red-400);
  }
}
@media (hover: hover) {
  .hover\:border-slate-500:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgb(98, 116, 142);
    border-color: var(--color-slate-500);
  }
}
@media (hover: hover) {
  .hover\:bg-amber-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(246, 158, 0, 0.2);
  }

@media (color-gamut: p3) {
.hover\:bg-amber-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color(display-p3 0.93994 0.62058 0.05854 / 0.2);
    }
}
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-amber-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, rgb(246, 158, 0) 20%, transparent);
    }

@media (color-gamut: p3) {
.hover\:bg-amber-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, color(display-p3 0.93994 0.62058 0.05854) 20%, transparent);
      }
}

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-amber-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:bg-blue-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(21, 93, 252);
    background-color: var(--color-blue-600);
  }
}
@media (hover: hover) {
  .hover\:bg-emerald-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(0, 150, 105);
    background-color: color(display-p3 0.20656 0.58906 0.41396);
    background-color: var(--color-emerald-600);
  }
}
@media (hover: hover) {
  .hover\:bg-gray-50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(249, 250, 251);
    background-color: var(--color-gray-50);
  }
}
@media (hover: hover) {
  .hover\:bg-green-500:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(0, 198, 90);
    background-color: color(display-p3 0.30873 0.77475 0.37431);
    background-color: var(--color-green-500);
  }
}
@media (hover: hover) {
  .hover\:bg-green-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 198, 90, 0.2);
  }

@media (color-gamut: p3) {
.hover\:bg-green-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color(display-p3 0.30873 0.77475 0.37431 / 0.2);
    }
}
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-green-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, rgb(0, 198, 90) 20%, transparent);
    }

@media (color-gamut: p3) {
.hover\:bg-green-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, color(display-p3 0.30873 0.77475 0.37431) 20%, transparent);
      }
}

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-green-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:bg-green-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(0, 164, 71);
    background-color: color(display-p3 0.24388 0.64082 0.29481);
    background-color: var(--color-green-600);
  }
}
@media (hover: hover) {
  .hover\:bg-primary-400\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 212, 255, 0.1);
  }
}
@media (hover: hover) {
  .hover\:bg-primary-700:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: #0052CC;
  }
}
@media (hover: hover) {
  .hover\:bg-red-500:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(251, 44, 54);
    background-color: var(--color-red-500);
  }
}
@media (hover: hover) {
  .hover\:bg-red-500\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(251, 44, 54, 0.1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-red-500\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, rgb(251, 44, 54) 10%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-red-500\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:bg-red-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(251, 44, 54, 0.2);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-red-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, rgb(251, 44, 54) 20%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-red-500\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:bg-red-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(251, 44, 54, 0.3);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-red-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, rgb(251, 44, 54) 30%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-red-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:bg-slate-50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(248, 250, 252);
    background-color: var(--color-slate-50);
  }
}
@media (hover: hover) {
  .hover\:bg-slate-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(69, 85, 108);
    background-color: var(--color-slate-600);
  }
}
@media (hover: hover) {
  .hover\:bg-slate-700:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(49, 65, 88);
    background-color: var(--color-slate-700);
  }
}
@media (hover: hover) {
  .hover\:bg-slate-700\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(49, 65, 88, 0.3);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-slate-700\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, rgb(49, 65, 88) 30%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-slate-700\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, var(--color-slate-700) 30%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:bg-slate-700\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(49, 65, 88, 0.5);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-slate-700\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, rgb(49, 65, 88) 50%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-slate-700\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:bg-slate-700\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(49, 65, 88, 0.8);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-slate-700\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, rgb(49, 65, 88) 80%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-slate-700\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, var(--color-slate-700) 80%, transparent);
      }
}
  }
}
@media (hover: hover) {
  .hover\:bg-slate-800:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(29, 41, 61);
    background-color: var(--color-slate-800);
  }
}
@media (hover: hover) {
  .hover\:from-amber-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-amber-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
@media (hover: hover) {
  .hover\:from-emerald-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-emerald-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
@media (hover: hover) {
  .hover\:from-red-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-red-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
@media (hover: hover) {
  .hover\:to-green-700:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-green-700);
    --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));
  }
}
@media (hover: hover) {
  .hover\:to-orange-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-orange-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
@media (hover: hover) {
  .hover\:text-amber-400:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(250, 188, 0);
    color: color(display-p3 0.95919 0.73852 0.11827);
    color: var(--color-amber-400);
  }
}
@media (hover: hover) {
  .hover\:text-blue-400:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(86, 162, 255);
    color: color(display-p3 0.39744 0.62813 0.99212);
    color: var(--color-blue-400);
  }
}
@media (hover: hover) {
  .hover\:text-cyan-300:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(83, 234, 253);
    color: var(--color-cyan-300);
  }
}
@media (hover: hover) {
  .hover\:text-emerald-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(0, 150, 105);
    color: color(display-p3 0.20656 0.58906 0.41396);
    color: var(--color-emerald-600);
  }
}
@media (hover: hover) {
  .hover\:text-green-300:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(123, 241, 168);
    color: var(--color-green-300);
  }
}
@media (hover: hover) {
  .hover\:text-green-400:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(5, 223, 114);
    color: var(--color-green-400);
  }
}
@media (hover: hover) {
  .hover\:text-red-300:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(255, 163, 164);
    color: color(display-p3 0.95692 0.65189 0.64512);
    color: var(--color-red-300);
  }
}
@media (hover: hover) {
  .hover\:text-red-400:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(255, 101, 104);
    color: color(display-p3 0.93353 0.43168 0.42349);
    color: var(--color-red-400);
  }
}
@media (hover: hover) {
  .hover\:text-red-500:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(251, 44, 54);
    color: var(--color-red-500);
  }
}
@media (hover: hover) {
  .hover\:text-red-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(228, 0, 22);
    color: color(display-p3 0.83032 0.14038 0.1332);
    color: var(--color-red-600);
  }
}
@media (hover: hover) {
  .hover\:text-slate-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(69, 85, 108);
    color: var(--color-slate-600);
  }
}
@media (hover: hover) {
  .hover\:text-white:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: #fff;
    color: var(--color-white);
  }
}
@media (hover: hover) {
  .hover\:underline:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-decoration-line: underline;
  }
}
@media (hover: hover) {
  .hover\:opacity-90:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: 0.9;
  }
}
@media (hover: hover) {
  .hover\:shadow-lg:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@media (hover: hover) {
  .hover\:shadow-xl:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:border-amber-500:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(246, 158, 0);
  border-color: color(display-p3 0.93994 0.62058 0.05854);
  border-color: var(--color-amber-500);
}
.focus\:border-emerald-500:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(0, 185, 129);
  border-color: color(display-p3 0.26711 0.72685 0.5084);
  border-color: var(--color-emerald-500);
}
.focus\:border-green-500:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(0, 198, 90);
  border-color: color(display-p3 0.30873 0.77475 0.37431);
  border-color: var(--color-green-500);
}
.focus\:border-red-500:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgb(251, 44, 54);
  border-color: var(--color-red-500);
}
.focus\:ring-2:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-amber-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(246, 158, 0, 0.5);
}
@supports (color: color(display-p3 0 0 0%)) {
.focus\:ring-amber-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: rgba(246, 158, 0, 0.5);
  }

@media (color-gamut: p3) {
.focus\:ring-amber-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-ring-color: color(display-p3 0.93994 0.62058 0.05854 / 0.5);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .focus\:ring-amber-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
  }
}
.focus\:ring-blue-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(50, 128, 255, 0.5);
}
@supports (color: color(display-p3 0 0 0%)) {
.focus\:ring-blue-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: rgba(50, 128, 255, 0.5);
  }

@media (color-gamut: p3) {
.focus\:ring-blue-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-ring-color: color(display-p3 0.26642 0.49122 0.98862 / 0.5);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .focus\:ring-blue-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
  }
}
.focus\:ring-emerald-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(0, 185, 129, 0.5);
}
@supports (color: color(display-p3 0 0 0%)) {
.focus\:ring-emerald-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: rgba(0, 185, 129, 0.5);
  }

@media (color-gamut: p3) {
.focus\:ring-emerald-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-ring-color: color(display-p3 0.26711 0.72685 0.5084 / 0.5);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .focus\:ring-emerald-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
  }
}
.focus\:ring-green-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(0, 198, 90, 0.5);
}
@supports (color: color(display-p3 0 0 0%)) {
.focus\:ring-green-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: rgba(0, 198, 90, 0.5);
  }

@media (color-gamut: p3) {
.focus\:ring-green-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-ring-color: color(display-p3 0.30873 0.77475 0.37431 / 0.5);
    }
}
}
@supports (color: color-mix(in lab, red, red)) {
  .focus\:ring-green-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
  }
}
.focus\:ring-red-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(251, 44, 54, 0.5);
}
@supports (color: color-mix(in lab, red, red)) {
  .focus\:ring-red-500\/50:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
  }
}
.focus\:outline-none:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-outline-style: none;
  outline-style: none;
}
.active\:scale-95:active:not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: 95% 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:scale-\[0\.98\]:active:not(#\#):not(#\#):not(#\#):not(#\#) {
  scale: 0.98;
}
.active\:cursor-grabbing:active:not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: grabbing;
}
.disabled\:cursor-not-allowed:disabled:not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: not-allowed;
}
.disabled\:opacity-50:disabled:not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 0.5;
}
.disabled\:opacity-70:disabled:not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 0.7;
}
@media (min-width: 40rem) {
  .sm\:mt-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(0.25rem * 8);
    margin-top: calc(var(--spacing) * 8);
  }
}
@media (min-width: 40rem) {
  .sm\:mt-16:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(0.25rem * 16);
    margin-top: calc(var(--spacing) * 16);
  }
}
@media (min-width: 40rem) {
  .sm\:mr-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: calc(0.25rem * 2);
    margin-right: calc(var(--spacing) * 2);
  }
}
@media (min-width: 40rem) {
  .sm\:mb-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(0.25rem * 1);
    margin-bottom: calc(var(--spacing) * 1);
  }
}
@media (min-width: 40rem) {
  .sm\:mb-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(0.25rem * 2);
    margin-bottom: calc(var(--spacing) * 2);
  }
}
@media (min-width: 40rem) {
  .sm\:mb-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(0.25rem * 4);
    margin-bottom: calc(var(--spacing) * 4);
  }
}
@media (min-width: 40rem) {
  .sm\:mb-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(0.25rem * 6);
    margin-bottom: calc(var(--spacing) * 6);
  }
}
@media (min-width: 40rem) {
  .sm\:mb-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(0.25rem * 8);
    margin-bottom: calc(var(--spacing) * 8);
  }
}
@media (min-width: 40rem) {
  .sm\:mb-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(0.25rem * 10);
    margin-bottom: calc(var(--spacing) * 10);
  }
}
@media (min-width: 40rem) {
  .sm\:mb-12:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(0.25rem * 12);
    margin-bottom: calc(var(--spacing) * 12);
  }
}
@media (min-width: 40rem) {
  .sm\:mb-16:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(0.25rem * 16);
    margin-bottom: calc(var(--spacing) * 16);
  }
}
@media (min-width: 40rem) {
  .sm\:inline:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline;
  }
}
@media (min-width: 40rem) {
  .sm\:h-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(0.25rem * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
}
@media (min-width: 40rem) {
  .sm\:h-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(0.25rem * 10);
    height: calc(var(--spacing) * 10);
  }
}
@media (min-width: 40rem) {
  .sm\:h-12:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(0.25rem * 12);
    height: calc(var(--spacing) * 12);
  }
}
@media (min-width: 40rem) {
  .sm\:h-14:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(0.25rem * 14);
    height: calc(var(--spacing) * 14);
  }
}
@media (min-width: 40rem) {
  .sm\:h-20:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(0.25rem * 20);
    height: calc(var(--spacing) * 20);
  }
}
@media (min-width: 40rem) {
  .sm\:w-12:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(0.25rem * 12);
    width: calc(var(--spacing) * 12);
  }
}
@media (min-width: 40rem) {
  .sm\:w-14:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(0.25rem * 14);
    width: calc(var(--spacing) * 14);
  }
}
@media (min-width: 40rem) {
  .sm\:w-20:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(0.25rem * 20);
    width: calc(var(--spacing) * 20);
  }
}
@media (min-width: 40rem) {
  .sm\:w-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: auto;
  }
}
@media (min-width: 40rem) {
  .sm\:max-w-md:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 1.5rem;
  }
}
@media (min-width: 40rem) {
  .sm\:grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 40rem) {
  .sm\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 40rem) {
  .sm\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: row;
  }
}
@media (min-width: 40rem) {
  .sm\:items-center:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: center;
  }
}
@media (min-width: 40rem) {
  .sm\:justify-between:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: space-between;
  }
}
@media (min-width: 40rem) {
  .sm\:gap-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(0.25rem * 3);
    gap: calc(var(--spacing) * 3);
  }
}
@media (min-width: 40rem) {
  .sm\:gap-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(0.25rem * 4);
    gap: calc(var(--spacing) * 4);
  }
}
@media (min-width: 40rem) {
  .sm\:gap-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(0.25rem * 5);
    gap: calc(var(--spacing) * 5);
  }
}
@media (min-width: 40rem) {
  .sm\:gap-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(0.25rem * 6);
    gap: calc(var(--spacing) * 6);
  }
}
@media (min-width: 40rem) {
  .sm\:gap-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(0.25rem * 8);
    gap: calc(var(--spacing) * 8);
  }
}
@media (min-width: 40rem) {
  :where(.sm\:space-y-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-space-y-reverse: 0;
    margin-top: calc((0.25rem * 2) * 0);
    margin-top: calc((var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-top: calc(calc(0.25rem * 2) * 0);
    margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-bottom: calc((0.25rem * 2) * (1 - 0));
    margin-bottom: calc((var(--spacing) * 2) * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(0.25rem * 2) * calc(1 - 0));
    margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (min-width: 40rem) {
  :where(.sm\:space-y-3 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-space-y-reverse: 0;
    margin-top: calc((0.25rem * 3) * 0);
    margin-top: calc((var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-top: calc(calc(0.25rem * 3) * 0);
    margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-bottom: calc((0.25rem * 3) * (1 - 0));
    margin-bottom: calc((var(--spacing) * 3) * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(0.25rem * 3) * calc(1 - 0));
    margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (min-width: 40rem) {
  :where(.sm\:space-y-6 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-space-y-reverse: 0;
    margin-top: calc((0.25rem * 6) * 0);
    margin-top: calc((var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-top: calc(calc(0.25rem * 6) * 0);
    margin-top: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-bottom: calc((0.25rem * 6) * (1 - 0));
    margin-bottom: calc((var(--spacing) * 6) * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(0.25rem * 6) * calc(1 - 0));
    margin-bottom: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (min-width: 40rem) {
  :where(.sm\:space-y-8 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-space-y-reverse: 0;
    margin-top: calc((0.25rem * 8) * 0);
    margin-top: calc((var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-top: calc(calc(0.25rem * 8) * 0);
    margin-top: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-bottom: calc((0.25rem * 8) * (1 - 0));
    margin-bottom: calc((var(--spacing) * 8) * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(0.25rem * 8) * calc(1 - 0));
    margin-bottom: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (min-width: 40rem) {
  .sm\:rounded-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 1rem;
    border-radius: var(--radius-2xl);
  }
}
@media (min-width: 40rem) {
  .sm\:rounded-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 0.75rem;
    border-radius: var(--radius-xl);
  }
}
@media (min-width: 40rem) {
  .sm\:p-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(0.25rem * 3);
    padding: calc(var(--spacing) * 3);
  }
}
@media (min-width: 40rem) {
  .sm\:p-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(0.25rem * 4);
    padding: calc(var(--spacing) * 4);
  }
}
@media (min-width: 40rem) {
  .sm\:p-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(0.25rem * 5);
    padding: calc(var(--spacing) * 5);
  }
}
@media (min-width: 40rem) {
  .sm\:p-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(0.25rem * 6);
    padding: calc(var(--spacing) * 6);
  }
}
@media (min-width: 40rem) {
  .sm\:p-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(0.25rem * 8);
    padding: calc(var(--spacing) * 8);
  }
}
@media (min-width: 40rem) {
  .sm\:p-14:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(0.25rem * 14);
    padding: calc(var(--spacing) * 14);
  }
}
@media (min-width: 40rem) {
  .sm\:px-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-left: calc(0.25rem * 4);
    padding-right: calc(0.25rem * 4);
    padding-left: calc(var(--spacing) * 4);
    padding-right: calc(var(--spacing) * 4);
  }
}
@media (min-width: 40rem) {
  .sm\:px-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-left: calc(0.25rem * 6);
    padding-right: calc(0.25rem * 6);
    padding-left: calc(var(--spacing) * 6);
    padding-right: calc(var(--spacing) * 6);
  }
}
@media (min-width: 40rem) {
  .sm\:py-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 2);
    padding-bottom: calc(0.25rem * 2);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 2);
  }
}
@media (min-width: 40rem) {
  .sm\:py-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 2.5);
    padding-bottom: calc(0.25rem * 2.5);
    padding-top: calc(var(--spacing) * 2.5);
    padding-bottom: calc(var(--spacing) * 2.5);
  }
}
@media (min-width: 40rem) {
  .sm\:py-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 3);
    padding-bottom: calc(0.25rem * 3);
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 3);
  }
}
@media (min-width: 40rem) {
  .sm\:py-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 4);
    padding-bottom: calc(0.25rem * 4);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 4);
  }
}
@media (min-width: 40rem) {
  .sm\:py-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 5);
    padding-bottom: calc(0.25rem * 5);
    padding-top: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 5);
  }
}
@media (min-width: 40rem) {
  .sm\:py-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 6);
    padding-bottom: calc(0.25rem * 6);
    padding-top: calc(var(--spacing) * 6);
    padding-bottom: calc(var(--spacing) * 6);
  }
}
@media (min-width: 40rem) {
  .sm\:py-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 8);
    padding-bottom: calc(0.25rem * 8);
    padding-top: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 8);
  }
}
@media (min-width: 40rem) {
  .sm\:py-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 10);
    padding-bottom: calc(0.25rem * 10);
    padding-top: calc(var(--spacing) * 10);
    padding-bottom: calc(var(--spacing) * 10);
  }
}
@media (min-width: 40rem) {
  .sm\:py-12:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 12);
    padding-bottom: calc(0.25rem * 12);
    padding-top: calc(var(--spacing) * 12);
    padding-bottom: calc(var(--spacing) * 12);
  }
}
@media (min-width: 40rem) {
  .sm\:py-16:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 16);
    padding-bottom: calc(0.25rem * 16);
    padding-top: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 16);
  }
}
@media (min-width: 40rem) {
  .sm\:py-20:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 20);
    padding-bottom: calc(0.25rem * 20);
    padding-top: calc(var(--spacing) * 20);
    padding-bottom: calc(var(--spacing) * 20);
  }
}
@media (min-width: 40rem) {
  .sm\:pt-24:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 24);
    padding-top: calc(var(--spacing) * 24);
  }
}
@media (min-width: 40rem) {
  .sm\:pb-32:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(0.25rem * 32);
    padding-bottom: calc(var(--spacing) * 32);
  }
}
@media (min-width: 40rem) {
  .sm\:text-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 1.5rem;
    font-size: var(--text-2xl);
    line-height: calc(2 / 1.5);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
@media (min-width: 40rem) {
  .sm\:text-3xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 1.875rem;
    font-size: var(--text-3xl);
    line-height: calc(2.25 / 1.875);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
@media (min-width: 40rem) {
  .sm\:text-4xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 2.25rem;
    font-size: var(--text-4xl);
    line-height: calc(2.5 / 2.25);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
@media (min-width: 40rem) {
  .sm\:text-5xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 3rem;
    font-size: var(--text-5xl);
    line-height: 1;
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
@media (min-width: 40rem) {
  .sm\:text-7xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 4.5rem;
    font-size: var(--text-7xl);
    line-height: 1;
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
}
@media (min-width: 40rem) {
  .sm\:text-base:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 1rem;
    font-size: var(--text-base);
    line-height: calc(1.5 / 1);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
@media (min-width: 40rem) {
  .sm\:text-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 1.125rem;
    font-size: var(--text-lg);
    line-height: calc(1.75 / 1.125);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
@media (min-width: 40rem) {
  .sm\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 0.875rem;
    font-size: var(--text-sm);
    line-height: calc(1.25 / 0.875);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
@media (min-width: 40rem) {
  .sm\:text-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 1.25rem;
    font-size: var(--text-xl);
    line-height: calc(1.75 / 1.25);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
@media (min-width: 40rem) {
  .sm\:text-xs:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 0.75rem;
    font-size: var(--text-xs);
    line-height: calc(1 / 0.75);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
@media (min-width: 48rem) {
  .md\:flex:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: flex;
  }
}
@media (min-width: 48rem) {
  .md\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }
}
@media (min-width: 48rem) {
  .md\:inline-flex:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline-flex;
  }
}
@media (min-width: 48rem) {
  .md\:grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 48rem) {
  .md\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 48rem) {
  .md\:grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 48rem) {
  .md\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: row;
  }
}
@media (min-width: 48rem) {
  .md\:items-center:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: center;
  }
}
@media (min-width: 48rem) {
  .md\:justify-between:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: space-between;
  }
}
@media (min-width: 48rem) {
  .md\:p-12:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(0.25rem * 12);
    padding: calc(var(--spacing) * 12);
  }
}
@media (min-width: 48rem) {
  .md\:py-20:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 20);
    padding-bottom: calc(0.25rem * 20);
    padding-top: calc(var(--spacing) * 20);
    padding-bottom: calc(var(--spacing) * 20);
  }
}
@media (min-width: 48rem) {
  .md\:text-left:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-align: left;
  }
}
@media (min-width: 64rem) {
  .lg\:bottom-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: calc(0.25rem * 4);
    bottom: calc(var(--spacing) * 4);
  }
}
@media (min-width: 64rem) {
  .lg\:col-span-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-column: span 1 / span 1;
  }
}
@media (min-width: 64rem) {
  .lg\:col-span-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-column: span 2 / span 2;
  }
}
@media (min-width: 64rem) {
  .lg\:col-span-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-column: span 3 / span 3;
  }
}
@media (min-width: 64rem) {
  .lg\:ml-64:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: calc(0.25rem * 64);
    margin-left: calc(var(--spacing) * 64);
  }
}
@media (min-width: 64rem) {
  .lg\:flex:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: flex;
  }
}
@media (min-width: 64rem) {
  .lg\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }
}
@media (min-width: 64rem) {
  .lg\:grid-cols-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .lg\:grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .lg\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .lg\:grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .lg\:grid-cols-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .lg\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: row;
  }
}
@media (min-width: 64rem) {
  .lg\:p-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(0.25rem * 8);
    padding: calc(var(--spacing) * 8);
  }
}
@media (min-width: 64rem) {
  .lg\:pt-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 0);
    padding-top: calc(var(--spacing) * 0);
  }
}
@media (min-width: 64rem) {
  .lg\:pt-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(0.25rem * 8);
    padding-top: calc(var(--spacing) * 8);
  }
}
@media (min-width: 64rem) {
  .lg\:text-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 1.5rem;
    font-size: var(--text-2xl);
    line-height: calc(2 / 1.5);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
@media (min-width: 64rem) {
  .lg\:text-3xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 1.875rem;
    font-size: var(--text-3xl);
    line-height: calc(2.25 / 1.875);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
@media (min-width: 64rem) {
  .lg\:text-4xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 2.25rem;
    font-size: var(--text-4xl);
    line-height: calc(2.5 / 2.25);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
@media (min-width: 64rem) {
  .lg\:text-5xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 3rem;
    font-size: var(--text-5xl);
    line-height: 1;
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
@media (min-width: 64rem) {
  .lg\:text-8xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 6rem;
    font-size: var(--text-8xl);
    line-height: 1;
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }
}
@media (min-width: 64rem) {
  .lg\:text-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 1.25rem;
    font-size: var(--text-xl);
    line-height: calc(1.75 / 1.25);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:border-slate-600:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgb(69, 85, 108);
    border-color: var(--color-slate-600);
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:bg-red-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(251, 44, 54, 0.2);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, rgb(251, 44, 54) 20%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.dark\:bg-red-500\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
      }
}
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:bg-slate-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgb(49, 65, 88);
    background-color: var(--color-slate-700);
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:bg-slate-700\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(49, 65, 88, 0.5);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-700\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, rgb(49, 65, 88) 50%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.dark\:bg-slate-700\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
      }
}
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:text-red-400:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(255, 101, 104);
    color: color(display-p3 0.93353 0.43168 0.42349);
    color: var(--color-red-400);
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:text-slate-300:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(202, 213, 226);
    color: var(--color-slate-300);
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:text-slate-400:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(144, 161, 185);
    color: var(--color-slate-400);
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:text-slate-500:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgb(98, 116, 142);
    color: var(--color-slate-500);
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:text-white:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: #fff;
    color: var(--color-white);
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:placeholder-slate-400:not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder {
    color: rgb(144, 161, 185);
    color: var(--color-slate-400);
  }
  .dark\:placeholder-slate-400:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
    color: rgb(144, 161, 185);
    color: var(--color-slate-400);
  }
}
@media (prefers-color-scheme: dark) {
  @media (hover: hover) {
    .dark\:hover\:bg-red-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: rgba(251, 44, 54, 0.3);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-red-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in oklab, rgb(251, 44, 54) 30%, transparent);
      }

@supports (color: color-mix(in lch, red, blue)) {
.dark\:hover\:bg-red-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
          background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
        }
}
    }
  }
}
@media (prefers-color-scheme: dark) {
  @media (hover: hover) {
    .dark\:hover\:bg-slate-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: rgb(69, 85, 108);
      background-color: var(--color-slate-600);
    }
  }
}
*:not(#\#):not(#\#) {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body:not(#\#):not(#\#) {
  font-family: 'Inter', sans-serif;
  font-family: var(--font-body);
  background-color: #020617;
  background-color: var(--color-dark-950);
  color: #ffffff;
  color: var(--color-text-primary);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1:not(#\#):not(#\#), h2:not(#\#):not(#\#), h3:not(#\#):not(#\#), h4:not(#\#):not(#\#), h5:not(#\#):not(#\#), h6:not(#\#):not(#\#) {
  font-family: 'Outfit', sans-serif;
  font-family: var(--font-display);
  font-weight: 700;
}
*:focus-visible:not(#\#):not(#\#) {
  outline: 2px solid #00D4FF;
  outline: 2px solid var(--color-primary-400);
  outline-offset: 2px;
}
html:not(#\#):not(#\#) {
  scroll-behavior: smooth;
}
.gradient-bg:not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(135deg, #00D4FF 0%, #0066FF 100%);
  background: linear-gradient(135deg, var(--color-primary-400) 0%, var(--color-primary-600) 100%);
}
.gradient-text:not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(135deg, #00D4FF 0%, #0066FF 100%);
  background: linear-gradient(135deg, var(--color-primary-400) 0%, var(--color-primary-600) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.btn-primary:not(#\#):not(#\#):not(#\#) {
  background: #0066FF;
  background: var(--color-primary-600);
  border: 1px solid #0052CC;
  border: 1px solid var(--color-primary-700);
  color: white;
  padding: 1rem 2rem;
  border-radius: 0.25rem;
  border-radius: var(--radius-sharp);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.btn-primary:hover:not(#\#):not(#\#):not(#\#) {
  background: #0052CC;
  background: var(--color-primary-700);
  box-shadow: 0 0 20px rgba(0, 150, 255, 0.3);
  box-shadow: var(--shadow-glow-md);
  transform: translateY(-1px);
}
.btn-primary:active:not(#\#):not(#\#):not(#\#) {
  transform: translateY(0);
}
.btn-outline:not(#\#):not(#\#):not(#\#) {
  background: transparent;
  border: 1px solid rgba(148, 163, 184, 0.3);
  color: #94a3b8;
  color: var(--color-text-secondary);
  padding: 0.75rem 1.5rem;
  border-radius: 0.25rem;
  border-radius: var(--radius-sharp);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-outline:hover:not(#\#):not(#\#):not(#\#) {
  border-color: #00D4FF;
  border-color: var(--color-primary-400);
  color: #00D4FF;
  color: var(--color-primary-400);
  background: rgba(0, 212, 255, 0.05);
}
.tech-card:not(#\#):not(#\#):not(#\#) {
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(51, 65, 85, 0.5);
  border-radius: 0.25rem;
  border-radius: var(--radius-sharp);
  padding: 2rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tech-card:hover:not(#\#):not(#\#):not(#\#) {
  border-color: rgba(0, 212, 255, 0.5);
  box-shadow: 0 0 15px rgba(0, 212, 255, 0.1);
  transform: translateY(-4px);
}
.pricing-card:not(#\#):not(#\#):not(#\#) {
  background: rgba(2, 6, 23, 0.8);
  border: 1px solid rgb(30, 41, 59);
  border-radius: 0.25rem;
  border-radius: var(--radius-sharp);
  padding: 2rem;
  transition: all 0.3s ease;
  position: relative;
}
.pricing-card:hover:not(#\#):not(#\#):not(#\#) {
  border-color: rgba(0, 102, 255, 0.5);
  transform: translateY(-5px);
}
.pricing-card.featured:not(#\#):not(#\#):not(#\#) {
  border: 1px solid #0066FF;
  border: 1px solid var(--color-primary-600);
  background: rgba(0, 102, 255, 0.05);
  transform: scale(1.02);
}
.pricing-card.featured:hover:not(#\#):not(#\#):not(#\#) {
  transform: scale(1.02) translateY(-5px);
  box-shadow: 0 0 20px rgba(0, 150, 255, 0.3);
  box-shadow: var(--shadow-glow-md);
}
.testimonial-card:not(#\#):not(#\#):not(#\#) {
  background: white;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}
.testimonial-card:hover:not(#\#):not(#\#):not(#\#) {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.header-blur:not(#\#):not(#\#):not(#\#) {
  backdrop-filter: blur(12px);
  background: rgba(2, 6, 23, 0.5);
  border-bottom: 1px solid rgba(51, 65, 85, 0.5);
}
.mobile-menu:not(#\#):not(#\#):not(#\#) {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 20rem;
  height: 100vh;
  background: #0f172a;
  background: var(--color-dark-900);
  border-right: 1px solid rgb(51, 65, 85);
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: 1000;
  overflow-y: auto;
}
.mobile-menu.open:not(#\#):not(#\#):not(#\#) {
  transform: translateX(0);
}
.mobile-menu-overlay:not(#\#):not(#\#):not(#\#) {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.mobile-menu-overlay.active:not(#\#):not(#\#):not(#\#) {
  opacity: 1;
  pointer-events: auto;
}
.bg-light-section:not(#\#):not(#\#):not(#\#) {
  background-color: rgb(248, 250, 252);
  color: rgb(15, 23, 42);
}
.bg-light-section:not(#\#):not(#\#) h2,
  .bg-light-section:not(#\#):not(#\#) h3,
  .bg-light-section:not(#\#):not(#\#) .text-white {
  color: rgb(15, 23, 42) !important;
}
.bg-light-section:not(#\#):not(#\#) .text-slate-400 {
  color: rgb(100, 116, 139) !important;
}
.cookie-modal-backdrop:not(#\#):not(#\#):not(#\#) {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  z-index: 9998;
  animation: fadeIn 0.3s ease-out;
}
.cookie-modal-content:not(#\#):not(#\#):not(#\#) {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: calc(100% - 2.5rem);
  max-width: 32rem;
  background: rgba(15, 23, 42, 0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 150, 255, 0.3);
  border-radius: 0.25rem;
  border-radius: var(--radius-sharp);
  padding: 1.5rem;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
  animation: slideUp 0.5s ease-out;
}
.floating-contact:not(#\#):not(#\#):not(#\#) {
  position: fixed;
  bottom: 1.875rem;
  right: 1.875rem;
  width: 3.75rem;
  height: 3.75rem;
  background: linear-gradient(135deg, #00D4FF 0%, #0066FF 100%);
  background: linear-gradient(135deg, var(--color-primary-400) 0%, var(--color-primary-600) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(0, 150, 255, 0.4);
  z-index: 9000;
  transition: all 0.3s ease;
  animation: bounceIn 0.6s ease-out;
}
.floating-contact:hover:not(#\#):not(#\#):not(#\#) {
  transform: scale(1.1) translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 150, 255, 0.5);
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0,0,0,0);
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0,0,0,0);
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0,0,0,0);
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0,0,0,0);
}
@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 rgba(0,0,0,0);
}
@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 rgba(0,0,0,0);
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0,0,0,0);
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0,0,0,0);
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%,
      100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
  *, ::before, ::after, ::backdrop {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-space-y-reverse: 0;
    --tw-divide-x-reverse: 0;
    --tw-border-style: solid;
    --tw-gradient-position: initial;
    --tw-gradient-from: rgba(0,0,0,0);
    --tw-gradient-via: rgba(0,0,0,0);
    --tw-gradient-to: rgba(0,0,0,0);
    --tw-gradient-stops: initial;
    --tw-gradient-via-stops: initial;
    --tw-gradient-from-position: 0%;
    --tw-gradient-via-position: 50%;
    --tw-gradient-to-position: 100%;
    --tw-leading: initial;
    --tw-font-weight: initial;
    --tw-tracking: initial;
    --tw-ordinal: initial;
    --tw-slashed-zero: initial;
    --tw-numeric-figure: initial;
    --tw-numeric-spacing: initial;
    --tw-numeric-fraction: initial;
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 rgba(0,0,0,0);
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-outline-style: solid;
    --tw-blur: initial;
    --tw-brightness: initial;
    --tw-contrast: initial;
    --tw-grayscale: initial;
    --tw-hue-rotate: initial;
    --tw-invert: initial;
    --tw-opacity: initial;
    --tw-saturate: initial;
    --tw-sepia: initial;
    --tw-drop-shadow: initial;
    --tw-drop-shadow-color: initial;
    --tw-drop-shadow-alpha: 100%;
    --tw-drop-shadow-size: initial;
    --tw-backdrop-blur: initial;
    --tw-backdrop-brightness: initial;
    --tw-backdrop-contrast: initial;
    --tw-backdrop-grayscale: initial;
    --tw-backdrop-hue-rotate: initial;
    --tw-backdrop-invert: initial;
    --tw-backdrop-opacity: initial;
    --tw-backdrop-saturate: initial;
    --tw-backdrop-sepia: initial;
    --tw-duration: initial;
    --tw-ease: initial;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
  }
}