@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-right-from-position: 0%;
      --tw-mask-right-to-position: 100%;
      --tw-mask-right-from-color: black;
      --tw-mask-right-to-color: transparent;
      --tw-mask-left-from-position: 0%;
      --tw-mask-left-to-position: 100%;
      --tw-mask-left-from-color: black;
      --tw-mask-left-to-color: transparent;
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: black;
      --tw-mask-bottom-to-color: transparent;
      --tw-mask-radial-from-position: 0%;
      --tw-mask-radial-to-position: 100%;
      --tw-mask-radial-from-color: black;
      --tw-mask-radial-to-color: transparent;
      --tw-mask-radial-shape: ellipse;
      --tw-mask-radial-size: farthest-corner;
      --tw-mask-radial-position: center;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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-content: "";
    }

    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-right-from-position: 0%;
      --tw-mask-right-to-position: 100%;
      --tw-mask-right-from-color: black;
      --tw-mask-right-to-color: transparent;
      --tw-mask-left-from-position: 0%;
      --tw-mask-left-to-position: 100%;
      --tw-mask-left-from-color: black;
      --tw-mask-left-to-color: transparent;
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: black;
      --tw-mask-bottom-to-color: transparent;
      --tw-mask-radial-from-position: 0%;
      --tw-mask-radial-to-position: 100%;
      --tw-mask-radial-from-color: black;
      --tw-mask-radial-to-color: transparent;
      --tw-mask-radial-shape: ellipse;
      --tw-mask-radial-size: farthest-corner;
      --tw-mask-radial-position: center;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-200: #ffcaca;
    --color-red-300: #ffa3a3;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-900: #82181a;
    --color-orange-200: #ffd7a8;
    --color-orange-300: #ffb96d;
    --color-orange-400: #ff8b1a;
    --color-orange-500: #fe6e00;
    --color-orange-900: #7e2a0c;
    --color-amber-100: #fef3c6;
    --color-amber-300: #ffd236;
    --color-amber-500: #f99c00;
    --color-amber-600: #dd7400;
    --color-amber-700: #b75000;
    --color-amber-900: #7b3306;
    --color-amber-950: #461901;
    --color-yellow-200: #fff085;
    --color-yellow-300: #ffe02a;
    --color-yellow-400: #fac800;
    --color-yellow-500: #edb200;
    --color-yellow-900: #733e0a;
    --color-green-200: #b9f8cf;
    --color-green-300: #7bf1a8;
    --color-green-400: #05df72;
    --color-green-500: #00c758;
    --color-green-900: #0d542b;
    --color-cyan-400: #00d2ef;
    --color-cyan-500: #00b7d7;
    --color-cyan-600: #0092b5;
    --color-blue-400: #54a2ff;
    --color-blue-500: #3080ff;
    --color-blue-600: #155dfc;
    --color-blue-700: #1447e6;
    --color-indigo-50: #eef2ff;
    --color-indigo-600: #4f39f6;
    --color-indigo-800: #372aac;
    --color-purple-400: #c07eff;
    --color-purple-500: #ac4bff;
    --color-gray-100: #f3f4f6;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-900: #101828;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: .875rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --tracking-tighter: -.05em;
    --leading-relaxed: 1.625;
    --radius-lg: .5rem;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-xl: 0 9px 7px #0000001a;
    --drop-shadow-2xl: 0 25px 25px #00000026;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "Roboto", sans-serif;
    --default-mono-font-family: var(--font-mono);
    --squircle-border-radius-4xl: 32px;
    --squircle-border-radius-5xl: 40px;
    --squircle-border-radius-6xl: 50px;
    --color-eternity-950: #130e0b;
    --color-night-rider-900: #1c120c;
    --color-potters-clay-700: #886434;
    --color-sand-dune-500: #817463;
    --tw-shadow-color: 255 255 255;
  }

  @supports (color: color(display-p3 0 0 0)) {
    :root, :host {
      --color-red-200: color(display-p3 .969562 .798149 .794299);
      --color-red-300: color(display-p3 .956922 .651886 .645122);
      --color-red-400: color(display-p3 .933534 .431676 .423491);
      --color-red-500: color(display-p3 .903738 .262579 .253307);
      --color-red-900: color(display-p3 .466906 .133198 .12139);
      --color-orange-200: color(display-p3 .974647 .84705 .680111);
      --color-orange-300: color(display-p3 .96801 .734346 .464159);
      --color-orange-400: color(display-p3 .950192 .561807 .211017);
      --color-orange-500: color(display-p3 .946589 .449788 .0757345);
      --color-orange-900: color(display-p3 .457137 .188093 .0897628);
      --color-amber-100: color(display-p3 .989391 .954583 .796328);
      --color-amber-300: color(display-p3 .974327 .83063 .33298);
      --color-amber-500: color(display-p3 .93994 .620584 .0585367);
      --color-amber-600: color(display-p3 .827144 .467166 .0336006);
      --color-amber-700: color(display-p3 .67989 .32771 .0520514);
      --color-amber-900: color(display-p3 .445958 .216422 .0823321);
      --color-amber-950: color(display-p3 .252662 .109091 .026881);
      --color-yellow-200: color(display-p3 .988789 .943116 .579188);
      --color-yellow-300: color(display-p3 .982669 .880884 .32102);
      --color-yellow-400: color(display-p3 .959941 .790171 .0585198);
      --color-yellow-500: color(display-p3 .903651 .703062 .0745389);
      --color-yellow-900: color(display-p3 .422485 .252729 .095052);
      --color-green-200: color(display-p3 .776442 .964383 .823412);
      --color-green-300: color(display-p3 .600292 .935514 .68114);
      --color-green-400: color(display-p3 .399536 .862346 .49324);
      --color-green-500: color(display-p3 .308734 .774754 .374307);
      --color-green-900: color(display-p3 .147288 .323577 .185694);
      --color-cyan-400: color(display-p3 .294638 .813991 .934996);
      --color-cyan-500: color(display-p3 .246703 .710032 .841444);
      --color-cyan-600: color(display-p3 .193249 .564651 .707197);
      --color-blue-400: color(display-p3 .397443 .62813 .992116);
      --color-blue-500: color(display-p3 .266422 .491219 .988624);
      --color-blue-600: color(display-p3 .174493 .358974 .950247);
      --color-blue-700: color(display-p3 .1379 .274983 .867624);
      --color-indigo-50: color(display-p3 .936215 .948621 .995621);
      --color-indigo-600: color(display-p3 .297656 .227891 .929242);
      --color-indigo-800: color(display-p3 .207204 .165242 .647584);
      --color-purple-400: color(display-p3 .719919 .492497 .995173);
      --color-purple-500: color(display-p3 .629519 .30089 .990817);
      --color-gray-100: color(display-p3 .953567 .956796 .964321);
      --color-gray-400: color(display-p3 .605734 .630385 .680158);
      --color-gray-500: color(display-p3 .421287 .446085 .504784);
      --color-gray-900: color(display-p3 .070423 .0928982 .151928);
      --color-eternity-950: color(display-p3 .0703875 .0572124 .0446966);
      --color-night-rider-900: color(display-p3 .102657 .0710116 .0507802);
      --color-potters-clay-700: color(display-p3 .513157 .397388 .233712);
      --color-sand-dune-500: color(display-p3 .498666 .456371 .396643);
    }
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-200: lab(86.017% 19.8815 7.75869);
      --color-red-300: lab(76.5514% 36.422 15.5335);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-900: lab(28.5139% 44.5539 29.0463);
      --color-orange-200: lab(88.4871% 9.94918 28.8378);
      --color-orange-300: lab(80.8059% 21.7313 50.4455);
      --color-orange-400: lab(70.0429% 42.5156 75.8207);
      --color-orange-500: lab(64.272% 57.1788 90.3583);
      --color-orange-900: lab(30.2951% 36.0434 37.671);
      --color-amber-100: lab(95.916% -1.21653 23.111);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-amber-600: lab(60.3514% 40.5624 87.1228);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-amber-900: lab(31.2288% 30.2627 40.0378);
      --color-amber-950: lab(15.8111% 20.9107 23.3752);
      --color-yellow-200: lab(94.3433% -5.00429 52.9663);
      --color-yellow-300: lab(89.7033% -.480294 84.4917);
      --color-yellow-400: lab(83.2664% 8.65132 106.895);
      --color-yellow-500: lab(76.3898% 14.5258 98.4589);
      --color-yellow-900: lab(32.3865% 21.1273 38.5959);
      --color-green-200: lab(92.4222% -26.4702 12.9427);
      --color-green-300: lab(86.9953% -47.2691 25.0054);
      --color-green-400: lab(78.503% -64.9265 39.7492);
      --color-green-500: lab(70.5521% -66.5147 45.8073);
      --color-green-900: lab(30.797% -29.6927 17.382);
      --color-cyan-400: lab(76.6045% -40.9406 -29.6231);
      --color-cyan-500: lab(67.805% -35.3952 -30.2018);
      --color-cyan-600: lab(55.1767% -26.7496 -30.5139);
      --color-blue-400: lab(65.0361% -1.42065 -56.9802);
      --color-blue-500: lab(54.1736% 13.3369 -74.6839);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-blue-700: lab(36.9089% 35.0961 -85.6872);
      --color-indigo-50: lab(95.4818% .411302 -6.78529);
      --color-indigo-600: lab(38.4009% 52.6132 -92.3857);
      --color-indigo-800: lab(26.6645% 37.9804 -68.6402);
      --color-purple-400: lab(63.6946% 47.6127 -59.2066);
      --color-purple-500: lab(52.0183% 66.11 -78.2316);
      --color-gray-100: lab(96.1596% -.0823438 -1.13575);
      --color-gray-400: lab(65.9269% -.832707 -8.17473);
      --color-gray-500: lab(47.7841% -.393182 -10.0268);
      --color-gray-900: lab(8.11897% .811279 -12.254);
      --color-eternity-950: lab(4.40834% 1.17987 2.10258);
      --color-night-rider-900: lab(6.32851% 4.16923 4.51891);
      --color-potters-clay-700: lab(45.3997% 11.1891 32.7984);
      --color-sand-dune-500: lab(49.7079% 3.31587 11.2709);
    }
  }
}

@layer base {
  *, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::-webkit-file-upload-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

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

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

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

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

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

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

  @property --motion-bounce {
    syntax: "*"; inherits: false; initial-value: linear(0, .004, .016, .035, .063, .098, .141 13.6%, .25, .391, .563, .765, 1, .891 40.9%, .848, .813, .785, .766, .754, .75, .754, .766, .785, .813, .848, .891 68.2%, 1 72.7%, .973, .953, .941, .938, .941, .953, .973, 1, .988, .984, .988, 1) ;
  }

  @property --motion-spring-smooth {
    syntax: "*"; inherits: false; initial-value: linear(0, .001 0.44%, .0045 0.94%, .0195 2.03%, .0446 3.19%, .0811 4.5%, .1598 6.82%, .3685 12.34%, .4693 15.17%, .5663, .6498 21.27%, .7215 24.39%, .7532 25.98%, .7829 27.65%, .8105, .8349 31.14%, .8573 32.95%, .8776 34.84%, .8964 36.87%, .9136 39.05%, .929 41.37%, .9421 43.77%, .9537 46.38%, .9636 49.14%, .9789 55.31%, .9888 62.35%, .9949 71.06%, .9982 82.52%, .9997 99.94%) ;
  }

  @property --motion-spring-snappy {
    syntax: "*"; inherits: false; initial-value: linear(0, .0014, .0053 1.02%, .0126, .0227 2.18%, .0517 3.41%, .094 4.79%, .1865 7.26%, .4182 12.77%, .5246 15.46%, .6249, .7112, .7831 23.95%, .8146 25.4%, .844, .8699 28.45%, .8935, .9139 31.64%, .932, .9473, .9601 36.65%, .9714 38.47%, .9808 40.35%, .9948 44.49%, 1.0031 49.43%, 1.0057 53.35%, 1.0063 58.14%, 1.0014 80.78%, 1.0001 99.94%) ;
  }

  @property --motion-spring-bouncy {
    syntax: "*"; inherits: false; initial-value: linear(0, .0018, .0069, .0151 1.74%, .0277 2.4%, .062 3.7%, .1115 5.15%, .2211 7.77%, .4778 13.21%, .5912 15.75%, .6987 18.44%, .7862 20.98%, .861 23.59%, .8926, .9205, .945 27.51%, .9671 28.89%, .9868, 1.003 31.79%, 1.0224 34.11%, 1.0358 36.58%, 1.0436 39.27%, 1.046 42.31%, 1.0446 44.71%, 1.0406 47.47%, 1.0118 61.84%, 1.0027 69.53%, .9981 80.49%, .9991 99.94%) ;
  }

  @property --motion-spring-bouncier {
    syntax: "*"; inherits: false; initial-value: linear(0, .0023, .0088, .0194 1.59%, .035 2.17%, .078 3.33%, .1415 4.64%, .2054 5.75%, .2821 6.95%, .5912 11.45%, .7205 13.43%, .8393 15.45%, .936 17.39%, .9778, 1.015, 1.0477, 1.0759, 1.0998 22.22%, 1.1203, 1.1364, 1.1484 25.26%, 1.1586 26.61%, 1.1629 28.06%, 1.1613 29.56%, 1.1537 31.2%, 1.1434 32.6%, 1.1288 34.19%, 1.0508 41.29%, 1.0174 44.87%, 1.0025 46.89%, .9911 48.87%, .9826 50.9%, .9769 53.03%, .9735 56.02%, .9748 59.45%, .9964 72.64%, 1.0031 79.69%, 1.0042 86.83%, 1.0008 99.97%) ;
  }

  @property --motion-spring-bounciest {
    syntax: "*"; inherits: false; initial-value: linear(0, .0032, .0131, .0294, .0524, .0824, .1192 1.54%, .2134 2.11%, .3102 2.59%, .4297 3.13%, .8732 4.95%, 1.0373, 1.1827 6.36%, 1.2972 7.01%, 1.3444, 1.3859, 1.4215, 1.4504, 1.4735, 1.4908, 1.5024, 1.5084 9.5%, 1.5091, 1.5061, 1.4993, 1.4886, 1.4745, 1.4565 11.11%, 1.4082 11.7%, 1.3585 12.2%, 1.295 12.77%, 1.0623 14.64%, .9773, .9031 16.08%, .8449 16.73%, .8014, .7701 17.95%, .7587, .7501, .7443, .7412 19.16%, .7421 19.68%, .7508 20.21%, .7672 20.77%, .7917 21.37%, .8169 21.87%, .8492 22.43%, .9681 24.32%, 1.0114, 1.0492 25.75%, 1.0789 26.41%, 1.1008, 1.1167, 1.1271, 1.1317 28.81%, 1.1314, 1.1271 29.87%, 1.1189 30.43%, 1.1063 31.03%, 1.0769 32.11%, .9941 34.72%, .9748 35.43%, .9597 36.09%, .9487, .9407, .9355, .933 38.46%, .9344 39.38%, .9421 40.38%, .9566 41.5%, .9989 44.12%, 1.0161 45.37%, 1.029 46.75%, 1.0341 48.1%, 1.0335 49.04%, 1.0295 50.05%, 1.0221 51.18%, .992 55.02%, .9854 56.38%, .9827 57.72%, .985 59.73%, 1.004 64.67%, 1.0088 67.34%, 1.0076 69.42%, .9981 74.28%, .9956 76.85%, .9961 79.06%, 1.0023 86.46%, .999 95.22%, .9994 100%) ;
  }

  @property --motion-origin-scale-x {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-origin-scale-y {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-origin-translate-x {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-origin-translate-y {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-origin-rotate {
    syntax: "*"; inherits: false; initial-value: 0deg;
  }

  @property --motion-origin-blur {
    syntax: "*"; inherits: false; initial-value: 0px;
  }

  @property --motion-origin-grayscale {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-origin-opacity {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-origin-background-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-origin-text-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-end-scale-x {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-end-scale-y {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-end-translate-x {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-end-translate-y {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-end-rotate {
    syntax: "*"; inherits: false; initial-value: 0deg;
  }

  @property --motion-end-blur {
    syntax: "*"; inherits: false; initial-value: 0px;
  }

  @property --motion-end-grayscale {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-end-opacity {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-end-background-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-end-text-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-loop-scale-x {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-loop-scale-y {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-loop-translate-x {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-loop-translate-y {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-loop-rotate {
    syntax: "*"; inherits: false; initial-value: 0deg;
  }

  @property --motion-loop-blur {
    syntax: "*"; inherits: false; initial-value: 0px;
  }

  @property --motion-loop-grayscale {
    syntax: "*"; inherits: false; initial-value: 0%;
  }

  @property --motion-loop-opacity {
    syntax: "*"; inherits: false; initial-value: 100%;
  }

  @property --motion-loop-background-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-loop-text-color {
    syntax: "*"; inherits: false;
  }

  @property --motion-duration {
    syntax: "*"; inherits: false; initial-value: .7s;
  }

  @property --motion-timing {
    syntax: "*"; inherits: false; initial-value: cubic-bezier(.165, .84, .44, 1) ;
  }

  @property --motion-perceptual-duration-multiplier {
    syntax: "*"; inherits: false; initial-value: 1;
  }

  @property --motion-delay {
    syntax: "*"; inherits: false; initial-value: 0s;
  }

  @property --motion-loop-count {
    syntax: "*"; inherits: false; initial-value: infinite;
  }

  @property --motion-scale-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-translate-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-rotate-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-filter-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-opacity-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-background-color-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-text-color-in-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-scale-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-translate-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-rotate-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-filter-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-opacity-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-background-color-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-text-color-out-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-scale-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-translate-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-rotate-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-filter-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-opacity-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-background-color-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @property --motion-text-color-loop-animation {
    syntax: "*"; inherits: false; initial-value: none;
  }

  @media screen and (prefers-reduced-motion: no-preference) {
    @keyframes motion-scale-in {
      0% {
        scale: var(--motion-origin-scale-x) var(--motion-origin-scale-y);
      }

      to {
        scale: 1;
      }
    }

    @keyframes motion-scale-out {
      0% {
        scale: 1;
      }

      to {
        scale: var(--motion-end-scale-x) var(--motion-end-scale-y);
      }
    }

    @keyframes motion-scale-loop-mirror {
      0%, to {
        scale: 1;
      }

      50% {
        scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
      }
    }

    @keyframes motion-scale-loop-reset {
      0% {
        scale: 1;
      }

      to {
        scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
      }
    }

    @keyframes motion-translate-in {
      0% {
        translate: var(--motion-origin-translate-x) var(--motion-origin-translate-y);
      }

      to {
        translate: 0;
      }
    }

    @keyframes motion-translate-out {
      0% {
        translate: 0;
      }

      to {
        translate: var(--motion-end-translate-x) var(--motion-end-translate-y);
      }
    }

    @keyframes motion-translate-loop-mirror {
      0%, to {
        translate: 0;
      }

      50% {
        translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
      }
    }

    @keyframes motion-translate-loop-reset {
      0% {
        translate: 0;
      }

      to {
        translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
      }
    }

    @keyframes motion-rotate-in {
      0% {
        rotate: var(--motion-origin-rotate);
      }

      to {
        rotate: 0;
      }
    }

    @keyframes motion-rotate-out {
      0% {
        rotate: 0;
      }

      to {
        rotate: var(--motion-end-rotate);
      }
    }

    @keyframes motion-rotate-loop-mirror {
      0%, to {
        rotate: none;
      }

      50% {
        rotate: var(--motion-loop-rotate);
      }
    }

    @keyframes motion-rotate-loop-reset {
      to {
        rotate: var(--motion-loop-rotate);
      }
    }
  }

  @keyframes motion-filter-in {
    0% {
      filter: blur(var(--motion-origin-blur)) grayscale(var(--motion-origin-grayscale));
    }

    to {
      filter: blur() grayscale(0);
    }
  }

  @keyframes motion-filter-out {
    0% {
      filter: blur() grayscale(0);
    }

    to {
      filter: blur(var(--motion-end-blur)) grayscale(var(--motion-end-grayscale));
    }
  }

  @keyframes motion-filter-loop-mirror {
    0%, to {
      filter: blur() grayscale(0);
    }

    50% {
      filter: blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale));
    }
  }

  @keyframes motion-filter-loop-reset {
    0% {
      filter: blur() grayscale(0);
    }

    to {
      filter: blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale));
    }
  }

  @keyframes motion-opacity-in {
    0% {
      opacity: var(--motion-origin-opacity);
    }
  }

  @keyframes motion-opacity-out {
    to {
      opacity: var(--motion-end-opacity);
    }
  }

  @keyframes motion-opacity-loop-mirror {
    50% {
      opacity: var(--motion-loop-opacity);
    }
  }

  @keyframes motion-opacity-loop-reset {
    to {
      opacity: var(--motion-loop-opacity);
    }
  }

  @keyframes motion-background-color-in {
    0% {
      background-color: var(--motion-origin-background-color);
    }
  }

  @keyframes motion-background-color-out {
    to {
      background-color: var(--motion-end-background-color);
    }
  }

  @keyframes motion-background-color-loop-mirror {
    50% {
      background-color: var(--motion-loop-background-color);
    }
  }

  @keyframes motion-background-color-loop-reset {
    to {
      background-color: var(--motion-loop-background-color);
    }
  }

  @keyframes motion-text-color-in {
    0% {
      color: var(--motion-origin-text-color);
    }
  }

  @keyframes motion-text-color-out {
    to {
      color: var(--motion-end-text-color);
    }
  }

  @keyframes motion-text-color-loop-mirror {
    50% {
      color: var(--motion-loop-text-color);
    }
  }

  @keyframes motion-text-color-loop-reset {
    to {
      color: var(--motion-loop-text-color);
    }
  }
}

@layer components;

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

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .container {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

  .mr-\[calc\(50\%-12px-492px\)\] {
    margin-right: calc(50% - 504px);
  }

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

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

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

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

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

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

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

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

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

  .ml-\[calc\(50\%-12px-492px\)\] {
    margin-left: calc(50% - 504px);
  }

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[125dvh\] {
    height: 125dvh;
  }

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

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

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

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

  .w-1\/3 {
    width: 33.3333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-full {
    width: 100%;
  }

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

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

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

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

  .flex-1 {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

  .-skew-6 {
    --tw-skew-x: skewX(calc(6deg * -1));
    --tw-skew-y: skewY(calc(6deg * -1));
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

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

  .motion-text-loop-gray-700 {
    --motion-loop-text-color: #364153;
    --motion-text-color-loop-animation: motion-text-color-loop-mirror calc(var(--motion-text-color-duration, --motion-duration) * var(--motion-text-color-perceptual-duration-multiplier, --motion-perceptual-duration-multiplier)) var(--motion-text-color-timing, --motion-timing) var(--motion-text-color-delay, --motion-delay) both var(--motion-text-color-loop-count, --motion-loop-count);
    animation-composition: accumulate;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  @supports (color: color(display-p3 0 0 0)) {
    .motion-text-loop-gray-700 {
      --motion-loop-text-color: color(display-p3 .219968 .253721 .318679);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .motion-text-loop-gray-700 {
      --motion-loop-text-color: lab(27.1134% -.956401 -12.3224);
    }
  }

  .motion-translate-x-loop-50 {
    --motion-loop-translate-x: 50%;
    --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both var(--motion-translate-loop-count, var(--motion-loop-count));
    animation-composition: accumulate;
    animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
  }

  .animate-\[modal-zoom-in_0\.2s_ease-out\] {
    animation: .2s ease-out modal-zoom-in;
  }

  .animate-\[modal-zoom-out_0\.2s_ease-in\] {
    animation: .2s ease-in modal-zoom-out;
  }

  .animate-\[overlay-fade-in_0\.2s_ease-out\] {
    animation: .2s ease-out overlay-fade-in;
  }

  .animate-\[overlay-fade-out_0\.2s_ease-in\] {
    animation: .2s ease-in overlay-fade-out;
  }

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

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

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-current\/10 > :not(:last-child)) {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-current\/10 > :not(:last-child)) {
      border-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }

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

  .overflow-hidden {
    overflow: hidden;
  }

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

  .squircle-4xl {
    --squircle-border-radius: var(--squircle-border-radius-4xl);
    --squircle-border-top-left-radius: var(--squircle-border-radius-4xl);
    --squircle-border-top-right-radius: var(--squircle-border-radius-4xl);
    --squircle-border-bottom-right-radius: var(--squircle-border-radius-4xl);
    --squircle-border-bottom-left-radius: var(--squircle-border-radius-4xl);
  }

  @supports not (background: paint(squircle)) {
    .squircle-4xl {
      border-radius: var(--squircle-border-radius-4xl);
    }
  }

  .squircle-5xl {
    --squircle-border-radius: var(--squircle-border-radius-5xl);
    --squircle-border-top-left-radius: var(--squircle-border-radius-5xl);
    --squircle-border-top-right-radius: var(--squircle-border-radius-5xl);
    --squircle-border-bottom-right-radius: var(--squircle-border-radius-5xl);
    --squircle-border-bottom-left-radius: var(--squircle-border-radius-5xl);
  }

  @supports not (background: paint(squircle)) {
    .squircle-5xl {
      border-radius: var(--squircle-border-radius-5xl);
    }
  }

  .squircle-6xl {
    --squircle-border-radius: var(--squircle-border-radius-6xl);
    --squircle-border-top-left-radius: var(--squircle-border-radius-6xl);
    --squircle-border-top-right-radius: var(--squircle-border-radius-6xl);
    --squircle-border-bottom-right-radius: var(--squircle-border-radius-6xl);
    --squircle-border-bottom-left-radius: var(--squircle-border-radius-6xl);
  }

  @supports not (background: paint(squircle)) {
    .squircle-6xl {
      border-radius: var(--squircle-border-radius-6xl);
    }
  }

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

  .rounded-\[calc\(var\(--blur-2xl\)\/2\)\] {
    border-radius: calc(var(--blur-2xl) / 2);
  }

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

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

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

  .border-x-2 {
    border-inline-style: var(--tw-border-style);
    border-left-width: 2px;
    border-right-width: 2px;
  }

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

  .border-cyan-500\/20 {
    border-color: #00b7d733;
  }

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

  .border-white\/4 {
    border-color: #ffffff0a;
  }

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

  .border-white\/8 {
    border-color: #ffffff14;
  }

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

  .border-white\/20 {
    border-color: #fff3;
  }

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

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

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

  .bg-amber-500\/25 {
    background-color: #f99c0040;
  }

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

  .bg-amber-500\/80 {
    background-color: #f99c00cc;
  }

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

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

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

  .bg-black\/50 {
    background-color: #00000080;
  }

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

  .bg-black\/60 {
    background-color: #0009;
  }

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

  .bg-black\/90 {
    background-color: #000000e6;
  }

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

  .bg-blue-500\/20 {
    background-color: #3080ff33;
  }

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

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

  .bg-cyan-500\/20 {
    background-color: #00b7d733;
  }

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

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

  .bg-gray-500\/20 {
    background-color: #6a728233;
  }

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

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

  .bg-green-500\/20 {
    background-color: #00c75833;
  }

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

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

  .bg-orange-500\/20 {
    background-color: #fe6e0033;
  }

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

  .bg-purple-500\/20 {
    background-color: #ac4bff33;
  }

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

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

  .bg-red-500\/20 {
    background-color: #fb2c3633;
  }

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

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

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

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

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

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

  .bg-white\/20 {
    background-color: #fff3;
  }

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

  .bg-white\/50 {
    background-color: #ffffff80;
  }

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

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

  .bg-yellow-500\/20 {
    background-color: #edb20033;
  }

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

  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

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

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

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

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

  .\[background-image\:radial-gradient\(rgba\(255\,255\,255\,0\.1\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(#ffffff1a 1px, #0000 1px);
  }

  .bg-\[url\(\'\.\/assets\/layout\/splitted\/6\.png\'\)\] {
    background-image: url(/static/image/6.604c6289.png);
  }

  .bg-\[url\(\'\.\/assets\/layout\/splitted\/10\.png\'\)\] {
    background-image: url(/static/image/10.9467df4a.png);
  }

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

  .from-black {
    --tw-gradient-from: var(--color-black);
    --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-500 {
    --tw-gradient-from: var(--color-cyan-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-cyan-500\/10 {
    --tw-gradient-from: #00b7d71a;
  }

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

  .from-cyan-500\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .via-\[\#5B96CC\]\/50 {
    --tw-gradient-via: #5b96cc80;
    --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);
  }

  @supports (color: color(display-p3 0 0 0)) {
    .via-\[\#5B96CC\]\/50 {
      --tw-gradient-via: color(display-p3 .410284 .582353 .781938 / .5);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .via-\[\#5B96CC\]\/50 {
      --tw-gradient-via: lab(59.755% -7.93013 -34.2631 / .5);
    }
  }

  .via-\[\#EA4805\]\/50 {
    --tw-gradient-via: #ea480580;
    --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);
  }

  @supports (color: color(display-p3 0 0 0)) {
    .via-\[\#EA4805\]\/50 {
      --tw-gradient-via: color(display-p3 .847896 .331764 .152255 / .5);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .via-\[\#EA4805\]\/50 {
      --tw-gradient-via: lab(55.0324% 61.67 65.739 / .5);
    }
  }

  .via-green-900\/50 {
    --tw-gradient-via: #0d542b80;
  }

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

  .via-green-900\/50 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-orange-900\/50 {
    --tw-gradient-via: #7e2a0c80;
  }

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

  .via-orange-900\/50 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-red-900\/50 {
    --tw-gradient-via: #82181a80;
  }

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

  .via-red-900\/50 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-yellow-900\/50 {
    --tw-gradient-via: #733e0a80;
  }

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

  .via-yellow-900\/50 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-amber-600 {
    --tw-gradient-to: 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));
  }

  .to-amber-900 {
    --tw-gradient-to: var(--color-amber-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-blue-600 {
    --tw-gradient-to: var(--color-blue-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-blue-600\/10 {
    --tw-gradient-to: #155dfc1a;
  }

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

  .to-blue-600\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-current\/10 {
    --tw-gradient-to: currentcolor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-current\/10 {
      --tw-gradient-to: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }

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

  .to-night-rider-900 {
    --tw-gradient-to: var(--color-night-rider-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-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .mask-x-from-70\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));
    --tw-mask-right-from-position: 70%;
    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position));
    --tw-mask-left-from-position: 70%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  .mask-x-to-90\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));
    --tw-mask-right-to-position: 90%;
    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position));
    --tw-mask-left-to-position: 90%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  .mask-b-from-20\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 20%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  .mask-b-to-80\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-to-position: 80%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  .mask-radial-from-10\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-radial-stops: var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), var(--tw-mask-radial-from-color) var(--tw-mask-radial-from-position), var(--tw-mask-radial-to-color) var(--tw-mask-radial-to-position);
    --tw-mask-radial: radial-gradient(var(--tw-mask-radial-stops));
    --tw-mask-radial-from-position: 10%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  .mask-radial-to-100\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-radial-stops: var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), var(--tw-mask-radial-from-color) var(--tw-mask-radial-from-position), var(--tw-mask-radial-to-color) var(--tw-mask-radial-to-position);
    --tw-mask-radial: radial-gradient(var(--tw-mask-radial-stops));
    --tw-mask-radial-to-position: 100%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  :where(.squircle-mask) {
    -webkit-mask-image: paint(squircle);
    -webkit-mask-image: paint(squircle);
    -webkit-mask-image: paint(squircle);
    mask-image: paint(squircle);
    --squircle-border-radius: 0;
    --squircle-border-top-left-radius: 0;
    --squircle-border-top-right-radius: 0;
    --squircle-border-bottom-right-radius: 0;
    --squircle-border-bottom-left-radius: 0;
    --squircle-border-smoothing: .6;
    --squircle-border-top-left-smoothing: .6;
    --squircle-border-top-right-smoothing: .6;
    --squircle-border-bottom-right-smoothing: .6;
    --squircle-border-bottom-left-smoothing: .6;
    --squircle-border-width: 0;
    --squircle-border-color: unset;
    --squircle-background-color: unset;
    --squircle-mode: mask-image;
  }

  @supports not ((-webkit-mask-image: paint(squircle)) or (mask-image: paint(squircle))) {
    :where(.squircle-mask) {
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
  }

  .\[mask-image\:linear-gradient\(to_top\,transparent\,black\)\,radial-gradient\(ellipse_at_center\,black_40\%\,transparent_80\%\)\] {
    -webkit-mask-image: linear-gradient(#000, #0000), radial-gradient(#000 40%, #0000 80%);
    mask-image: linear-gradient(#000, #0000), radial-gradient(#000 40%, #0000 80%);
  }

  .mask-radial-farthest-side {
    --tw-mask-radial-size: farthest-side;
  }

  .\[background-size\:20px_20px\] {
    background-size: 20px 20px;
  }

  :where(.squircle) {
    background: paint(squircle);
    --squircle-border-radius: 0;
    --squircle-border-top-left-radius: 0;
    --squircle-border-top-right-radius: 0;
    --squircle-border-bottom-right-radius: 0;
    --squircle-border-bottom-left-radius: 0;
    --squircle-border-smoothing: .6;
    --squircle-border-top-left-smoothing: .6;
    --squircle-border-top-right-smoothing: .6;
    --squircle-border-bottom-right-smoothing: .6;
    --squircle-border-bottom-left-smoothing: .6;
    --squircle-border-width: 0;
    --squircle-border-color: unset;
    --squircle-background-color: unset;
    --squircle-mode: background;
  }

  @supports not (background: paint(squircle)) {
    :where(.squircle) {
      background-repeat: no-repeat;
    }
  }

  .\[mask-composite\:intersect\] {
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  .mask-cover {
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  .mask-no-repeat {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .px-\[calc\(50\%-492px\)\] {
    padding-inline-start: calc(50% - 492px);
    padding-inline-end: calc(50% - 492px);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .leading-1 {
    --tw-leading: calc(var(--spacing) * 1);
    line-height: calc(var(--spacing) * 1);
  }

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

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .-tracking-tighter {
    --tw-tracking: calc(var(--tracking-tighter) * -1);
    letter-spacing: calc(var(--tracking-tighter) * -1);
  }

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

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

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

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

  .text-amber-900\/50 {
    color: #7b330680;
  }

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

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

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

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

  .text-current {
    color: currentColor;
  }

  .text-cyan-400 {
    color: var(--color-cyan-400);
  }

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

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

  .text-green-200\/50 {
    color: #b9f8cf80;
  }

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

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

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

  .text-orange-200\/50 {
    color: #ffd7a880;
  }

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

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

  .text-potters-clay-700 {
    color: var(--color-potters-clay-700);
  }

  .text-purple-400 {
    color: var(--color-purple-400);
  }

  .text-red-200\/50 {
    color: #ffcaca80;
  }

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

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-sand-dune-500 {
    color: var(--color-sand-dune-500);
  }

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

  .text-white\/50 {
    color: #ffffff80;
  }

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

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

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

  .text-white\/80 {
    color: #fffc;
  }

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

  .text-yellow-200\/50 {
    color: #fff08580;
  }

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

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

  .capitalize {
    text-transform: capitalize;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .line-through {
    text-decoration-line: line-through;
  }

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

  .placeholder-white\/50::placeholder {
    color: #ffffff80;
  }

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

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-100 {
    opacity: 1;
  }

  .mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .mix-blend-difference {
    mix-blend-mode: difference;
  }

  .mix-blend-hue {
    mix-blend-mode: hue;
  }

  .mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .blur {
    --tw-blur: 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-\[0px\] {
    --tw-blur: blur(0px);
    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-\[1px\] {
    --tw-blur: blur(1px);
    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-2xl {
    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
    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-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    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-xl {
    --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
    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-black {
    --tw-drop-shadow-color: #000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-shadow-black {
      --tw-drop-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-drop-shadow-alpha), transparent);
    }
  }

  .drop-shadow-black {
    --tw-drop-shadow: var(--tw-drop-shadow-size);
  }

  .drop-shadow-black\/50 {
    --tw-drop-shadow-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-shadow-black\/50 {
      --tw-drop-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-drop-shadow-alpha), transparent);
    }
  }

  .drop-shadow-black\/50 {
    --tw-drop-shadow: var(--tw-drop-shadow-size);
  }

  .drop-shadow-green-300 {
    --tw-drop-shadow-color: #7bf1a8;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .drop-shadow-green-300 {
      --tw-drop-shadow-color: color(display-p3 .600292 .935514 .68114);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .drop-shadow-green-300 {
      --tw-drop-shadow-color: lab(86.9953% -47.2691 25.0054);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-shadow-green-300 {
      --tw-drop-shadow-color: color-mix(in oklab, var(--color-green-300) var(--tw-drop-shadow-alpha), transparent);
    }
  }

  .drop-shadow-green-300 {
    --tw-drop-shadow: var(--tw-drop-shadow-size);
  }

  .drop-shadow-orange-300 {
    --tw-drop-shadow-color: #ffb96d;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .drop-shadow-orange-300 {
      --tw-drop-shadow-color: color(display-p3 .96801 .734346 .464159);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .drop-shadow-orange-300 {
      --tw-drop-shadow-color: lab(80.8059% 21.7313 50.4455);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-shadow-orange-300 {
      --tw-drop-shadow-color: color-mix(in oklab, var(--color-orange-300) var(--tw-drop-shadow-alpha), transparent);
    }
  }

  .drop-shadow-orange-300 {
    --tw-drop-shadow: var(--tw-drop-shadow-size);
  }

  .drop-shadow-red-300 {
    --tw-drop-shadow-color: #ffa3a3;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .drop-shadow-red-300 {
      --tw-drop-shadow-color: color(display-p3 .956922 .651886 .645122);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .drop-shadow-red-300 {
      --tw-drop-shadow-color: lab(76.5514% 36.422 15.5335);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-shadow-red-300 {
      --tw-drop-shadow-color: color-mix(in oklab, var(--color-red-300) var(--tw-drop-shadow-alpha), transparent);
    }
  }

  .drop-shadow-red-300 {
    --tw-drop-shadow: var(--tw-drop-shadow-size);
  }

  .drop-shadow-yellow-300 {
    --tw-drop-shadow-color: #ffe02a;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .drop-shadow-yellow-300 {
      --tw-drop-shadow-color: color(display-p3 .982669 .880884 .32102);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .drop-shadow-yellow-300 {
      --tw-drop-shadow-color: lab(89.7033% -.480294 84.4917);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .drop-shadow-yellow-300 {
      --tw-drop-shadow-color: color-mix(in oklab, var(--color-yellow-300) var(--tw-drop-shadow-alpha), transparent);
    }
  }

  .drop-shadow-yellow-300 {
    --tw-drop-shadow: var(--tw-drop-shadow-size);
  }

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

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

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

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

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

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

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

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

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

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

  .squircle-amber-700\/10 {
    --squircle-opacity: calc(10 * 1%);
    --squircle-background-color: #b75000;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .squircle-amber-700\/10 {
      --squircle-background-color: color(display-p3 .67989 .32771 .0520514);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .squircle-amber-700\/10 {
      --squircle-background-color: lab(47.2709% 42.9082 69.2966);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-amber-700\/10 {
      --squircle-background-color: color-mix(in oklab, var(--color-amber-700) var(--squircle-opacity, 100%), transparent);
    }
  }

  .squircle-black\/25 {
    --squircle-opacity: calc(25 * 1%);
    --squircle-background-color: #000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-black\/25 {
      --squircle-background-color: color-mix(in oklab, var(--color-black) var(--squircle-opacity, 100%), transparent);
    }
  }

  .squircle-black\/50 {
    --squircle-opacity: calc(50 * 1%);
    --squircle-background-color: #000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-black\/50 {
      --squircle-background-color: color-mix(in oklab, var(--color-black) var(--squircle-opacity, 100%), transparent);
    }
  }

  .squircle-black\/80 {
    --squircle-opacity: calc(80 * 1%);
    --squircle-background-color: #000;
  }

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

  .squircle-border-white\/4 {
    --squircle-border-opacity: calc(4 * 1%);
    --squircle-border-color: #fff;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-border-white\/4 {
      --squircle-border-color: color-mix(in oklab, var(--color-white) var(--squircle-border-opacity, 100%), transparent);
    }
  }

  .squircle-border-white\/5 {
    --squircle-border-opacity: calc(5 * 1%);
    --squircle-border-color: #fff;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-border-white\/5 {
      --squircle-border-color: color-mix(in oklab, var(--color-white) var(--squircle-border-opacity, 100%), transparent);
    }
  }

  .squircle-border-white\/8 {
    --squircle-border-opacity: calc(8 * 1%);
    --squircle-border-color: #fff;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-border-white\/8 {
      --squircle-border-color: color-mix(in oklab, var(--color-white) var(--squircle-border-opacity, 100%), transparent);
    }
  }

  .squircle-border-white\/10 {
    --squircle-border-opacity: calc(10 * 1%);
    --squircle-border-color: #fff;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-border-white\/10 {
      --squircle-border-color: color-mix(in oklab, var(--color-white) var(--squircle-border-opacity, 100%), transparent);
    }
  }

  .\[background\:linear-gradient\(to_right\,transparent_0\%\,gray-400\/10_50\%\,gray-400\/30_100\%\)\] {
    background: linear-gradient(to right, transparent 0%, gray-400 / 10 50%, gray-400 / 30 100%);
  }

  .\[grid-area\:left\] {
    grid-area: left;
  }

  .\[grid-area\:right\] {
    grid-area: right;
  }

  .squircle-border {
    --squircle-border-width: 1px;
  }

  .squircle-border-2 {
    --squircle-border-width: 2;
  }

  .squircle-border-4 {
    --squircle-border-width: 4;
  }

  .squircle-border-5 {
    --squircle-border-width: 5;
  }

  .squircle-border-8 {
    --squircle-border-width: 8;
  }

  .squircle-gray-400 {
    --squircle-background-color: #99a1af;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .squircle-gray-400 {
      --squircle-background-color: color(display-p3 .605734 .630385 .680158);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .squircle-gray-400 {
      --squircle-background-color: lab(65.9269% -.832707 -8.17473);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-gray-400 {
      --squircle-background-color: color-mix(in oklab, var(--color-gray-400) var(--squircle-opacity, 100%), transparent);
    }
  }

  .squircle-green-500 {
    --squircle-background-color: #00c758;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .squircle-green-500 {
      --squircle-background-color: color(display-p3 .308734 .774754 .374307);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .squircle-green-500 {
      --squircle-background-color: lab(70.5521% -66.5147 45.8073);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-green-500 {
      --squircle-background-color: color-mix(in oklab, var(--color-green-500) var(--squircle-opacity, 100%), transparent);
    }
  }

  .squircle-orange-500 {
    --squircle-background-color: #fe6e00;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .squircle-orange-500 {
      --squircle-background-color: color(display-p3 .946589 .449788 .0757345);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .squircle-orange-500 {
      --squircle-background-color: lab(64.272% 57.1788 90.3583);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-orange-500 {
      --squircle-background-color: color-mix(in oklab, var(--color-orange-500) var(--squircle-opacity, 100%), transparent);
    }
  }

  .squircle-red-500 {
    --squircle-background-color: #fb2c36;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .squircle-red-500 {
      --squircle-background-color: color(display-p3 .903738 .262579 .253307);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .squircle-red-500 {
      --squircle-background-color: lab(55.4814% 75.0732 48.8528);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-red-500 {
      --squircle-background-color: color-mix(in oklab, var(--color-red-500) var(--squircle-opacity, 100%), transparent);
    }
  }

  .squircle-transparent {
    --squircle-background-color: transparent;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-transparent {
      --squircle-background-color: color-mix(in oklab, transparent var(--squircle-opacity, 100%), transparent);
    }
  }

  .squircle-yellow-500 {
    --squircle-background-color: #edb200;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .squircle-yellow-500 {
      --squircle-background-color: color(display-p3 .903651 .703062 .0745389);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .squircle-yellow-500 {
      --squircle-background-color: lab(76.3898% 14.5258 98.4589);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .squircle-yellow-500 {
      --squircle-background-color: color-mix(in oklab, var(--color-yellow-500) var(--squircle-opacity, 100%), transparent);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-200:is(:where(.group):hover *) {
      --tw-scale-x: 200%;
      --tw-scale-y: 200%;
      --tw-scale-z: 200%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-300:is(:where(.group):hover *) {
      --tw-scale-x: 300%;
      --tw-scale-y: 300%;
      --tw-scale-z: 300%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:opacity-50:is(:where(.group):hover *) {
      opacity: .5;
    }

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

    .group-hover\:shadow-amber-500:is(:where(.group):hover *) {
      --tw-shadow-color: #f99c00;
    }

    @supports (color: color(display-p3 0 0 0)) {
      .group-hover\:shadow-amber-500:is(:where(.group):hover *) {
        --tw-shadow-color: color(display-p3 .93994 .620584 .0585367);
      }
    }

    @supports (color: lab(0% 0 0)) {
      .group-hover\:shadow-amber-500:is(:where(.group):hover *) {
        --tw-shadow-color: lab(72.7183% 31.8672 97.9407);
      }
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:shadow-amber-500:is(:where(.group):hover *) {
        --tw-shadow-color: color-mix(in oklab, var(--color-amber-500) var(--tw-shadow-alpha), transparent);
      }
    }

    .group-hover\:blur-none:is(:where(.group):hover *) {
      --tw-blur: ;
      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, );
    }
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-0:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .before\:inset-1:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 1);
  }

  .before\:inset-3:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 3);
  }

  .before\:-top-5:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -5);
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:left-\[-50\%\]:before {
    content: var(--tw-content);
    left: -50%;
  }

  .before\:z-\[-1\]:before {
    content: var(--tw-content);
    z-index: -1;
  }

  .before\:h-5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 5);
  }

  .before\:h-\[78px\]:before {
    content: var(--tw-content);
    height: 78px;
  }

  .before\:w-\[200\%\]:before {
    content: var(--tw-content);
    width: 200%;
  }

  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }

  .before\:\[background-image\:linear-gradient\(to_right\,currentColor_1px\,transparent_1px\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg, currentColor 1px, #0000 1px);
  }

  .before\:\[background-image\:linear-gradient\(to_right\,rgba\(255\,255\,255\,0\.1\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,rgba\(255\,255\,255\,0\.1\)_1px\,transparent_1px\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg, #ffffff1a 1px, #0000 1px), linear-gradient(#ffffff1a 1px, #0000 1px);
  }

  .before\:bg-\[url\(\'\.\/assets\/footer\.png\'\)\]:before {
    content: var(--tw-content);
    background-image: url(/static/image/footer.ef171e61.png);
  }

  .before\:bg-\[url\(\'\.\/assets\/layout\/splitted\/7\.png\'\)\]:before {
    content: var(--tw-content);
    background-image: url(/static/image/7.cca5e87c.png);
  }

  .before\:bg-\[url\(\'\.\/assets\/layout\/splitted\/11\.png\'\)\]:before {
    content: var(--tw-content);
    background-image: url(/static/image/11.1cf54306.png);
  }

  .before\:bg-\[url\(\'\.\/assets\/membership\.png\'\)\]:before {
    content: var(--tw-content);
    background-image: url(/static/image/membership.c88381fd.png);
  }

  .before\:\[mask-image\:radial-gradient\(ellipse_at_center\,black_30\%\,transparent_70\%\)\]:before {
    content: var(--tw-content);
    -webkit-mask-image: radial-gradient(#000 30%, #0000 70%);
    mask-image: radial-gradient(#000 30%, #0000 70%);
  }

  .before\:\[background-size\:calc\(66\%\+8px\)\]:before {
    content: var(--tw-content);
    background-size: calc(66% + 8px);
  }

  .before\:\[background-size\:calc\(100\%\/4\)_calc\(100\%\/2\)\]:before {
    content: var(--tw-content);
    background-size: 25% 50%;
  }

  .before\:bg-center:before {
    content: var(--tw-content);
    background-position: 50%;
  }

  .before\:bg-no-repeat:before {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }

  .before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0;
  }

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

  .before\:duration-300:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .before\:ease-\[cubic-bezier\(0\.4\,0\,0\.6\,1\)\]:before {
    content: var(--tw-content);
    --tw-ease: cubic-bezier(.4, 0, .6, 1);
    transition-timing-function: cubic-bezier(.4, 0, .6, 1);
  }

  .before\:content-\[\'\'\]:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .before\:content-\[\\\'\\\'\]:before {
    content: var(--tw-content);
    --tw-content: \'\';
    content: var(--tw-content);
  }

  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:fixed:after {
    content: var(--tw-content);
    position: fixed;
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .after\:top-0:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:z-0:after {
    content: var(--tw-content);
    z-index: 0;
  }

  .after\:z-\[-1\]:after {
    content: var(--tw-content);
    z-index: -1;
  }

  .after\:\[background-image\:radial-gradient\(circle\,rgba\(255\,255\,255\,0\.12\)_1px\,transparent_1px\)\]:after {
    content: var(--tw-content);
    background-image: radial-gradient(circle, #ffffff1f 1px, #0000 1px);
  }

  .after\:bg-\[url\(\'\.\/assets\/field002\.png\'\)\]:after {
    content: var(--tw-content);
    background-image: url(/static/image/field002.464cb7da.png);
  }

  .after\:bg-\[url\(\'\/images\/classes\/8\.png\'\)\]:after {
    content: var(--tw-content);
    background-image: url("/images/classes/8.png");
  }

  .after\:bg-\[url\(\'\/images\/field002\.png\'\)\]:after {
    content: var(--tw-content);
    background-image: url("/images/field002.png");
  }

  .after\:mask-radial-\[100\%_100\%\]:after {
    content: var(--tw-content);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-radial: radial-gradient(var(--tw-mask-radial-stops, var(--tw-mask-radial-size)));
    --tw-mask-radial-size: 100% 100%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  .after\:mask-radial-from-20\%:after {
    content: var(--tw-content);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-radial-stops: var(--tw-mask-radial-shape) var(--tw-mask-radial-size) at var(--tw-mask-radial-position), var(--tw-mask-radial-from-color) var(--tw-mask-radial-from-position), var(--tw-mask-radial-to-color) var(--tw-mask-radial-to-position);
    --tw-mask-radial: radial-gradient(var(--tw-mask-radial-stops));
    --tw-mask-radial-from-position: 20%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  .after\:\[mask-image\:radial-gradient\(ellipse_100\%_100\%_at_50\%_50\%\,black_0\%\,black_35\%\,transparent_85\%\)\]:after {
    content: var(--tw-content);
    -webkit-mask-image: radial-gradient(100% 100%, #000 0% 35%, #0000 85%);
    mask-image: radial-gradient(100% 100%, #000 0% 35%, #0000 85%);
  }

  .after\:mask-radial-farthest-corner:after {
    content: var(--tw-content);
    --tw-mask-radial-size: farthest-corner;
  }

  .after\:\[background-size\:20px_20px\]:after {
    content: var(--tw-content);
    background-size: 20px 20px;
  }

  .after\:bg-cover:after {
    content: var(--tw-content);
    background-size: cover;
  }

  .after\:bg-center:after {
    content: var(--tw-content);
    background-position: 50%;
  }

  .after\:bg-no-repeat:after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }

  .after\:\[mask-size\:100\%_100\%\]:after {
    content: var(--tw-content);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  .after\:mask-cover:after {
    content: var(--tw-content);
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  .after\:\[mask-position\:center\]:after, .after\:mask-center:after {
    content: var(--tw-content);
    -webkit-mask-position: 50%;
    mask-position: 50%;
  }

  .after\:\[mask-repeat\:no-repeat\]:after, .after\:mask-no-repeat:after {
    content: var(--tw-content);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .after\:opacity-64:after {
    content: var(--tw-content);
    opacity: .64;
  }

  .after\:opacity-\[0\.5\]:after {
    content: var(--tw-content);
    opacity: .5;
  }

  .after\:opacity-\[0\.16\]:after {
    content: var(--tw-content);
    opacity: .16;
  }

  .after\:mix-blend-luminosity:after {
    content: var(--tw-content);
    mix-blend-mode: luminosity;
  }

  .after\:mix-blend-overlay:after {
    content: var(--tw-content);
    mix-blend-mode: overlay;
  }

  .after\:shadow-\[inset_0_60px_60px\]:after {
    content: var(--tw-content);
    --tw-shadow: inset 0 60px 60px var(--tw-shadow-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);
  }

  .after\:shadow-eternity-950:after {
    content: var(--tw-content);
    --tw-shadow-color: #130e0b;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .after\:shadow-eternity-950:after {
      --tw-shadow-color: color(display-p3 .0703875 .0572124 .0446966);
    }
  }

  @supports (color: lab(0% 0 0)) {
    .after\:shadow-eternity-950:after {
      --tw-shadow-color: lab(4.40834% 1.17987 2.10258);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .after\:shadow-eternity-950:after {
      --tw-shadow-color: color-mix(in oklab, var(--color-eternity-950) var(--tw-shadow-alpha), transparent);
    }
  }

  .after\:blur-\[1px\]:after {
    content: var(--tw-content);
    --tw-blur: blur(1px);
    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, );
  }

  .after\:drop-shadow-2xl:after {
    content: var(--tw-content);
    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
    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, );
  }

  .after\:drop-shadow-current:after {
    content: var(--tw-content);
    --tw-drop-shadow-color: currentcolor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .after\:drop-shadow-current:after {
      --tw-drop-shadow-color: color-mix(in oklab, currentcolor var(--tw-drop-shadow-alpha), transparent);
    }
  }

  .after\:drop-shadow-current:after {
    --tw-drop-shadow: var(--tw-drop-shadow-size);
  }

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

  .after\:duration-300:after {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .after\:content-\[\'\'\]:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  @media (hover: hover) {
    .group-hover\:after\:scale-125:is(:where(.group):hover *):after {
      content: var(--tw-content);
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:after\:opacity-80:is(:where(.group):hover *):after {
      content: var(--tw-content);
      opacity: .8;
    }

    .group-hover\:after\:blur-none:is(:where(.group):hover *):after {
      content: var(--tw-content);
      --tw-blur: ;
      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, );
    }

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

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

    .hover\:bg-amber-500:hover {
      background-color: var(--color-amber-500);
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }

    .hover\:bg-cyan-500\/30:hover {
      background-color: #00b7d74d;
    }

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

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

    .hover\:bg-red-500\/30:hover {
      background-color: #fb2c364d;
    }

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

    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

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

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

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

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

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

    .hover\:bg-white\/75:hover {
      background-color: #ffffffbf;
    }

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

    .hover\:from-cyan-600:hover {
      --tw-gradient-from: var(--color-cyan-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));
    }

    .hover\:to-blue-700:hover {
      --tw-gradient-to: var(--color-blue-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));
    }

    .hover\:text-amber-500:hover {
      color: var(--color-amber-500);
    }

    .hover\:text-indigo-800:hover {
      color: var(--color-indigo-800);
    }

    .hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\]:hover {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff0f);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:before\:opacity-100:hover:before {
      content: var(--tw-content);
      opacity: 1;
    }
  }

  .focus\:border-cyan-500:focus {
    border-color: var(--color-cyan-500);
  }

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

  .active\:text-amber-500:active {
    color: var(--color-amber-500);
  }

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

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

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

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

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

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

  .\[\&\>\:first-child\]\:squircle-t-6xl > :first-child {
    --squircle-border-top-right-radius: var(--squircle-border-radius-6xl);
    --squircle-border-top-left-radius: var(--squircle-border-radius-6xl);
  }

  @supports not (background: paint(squircle)) {
    .\[\&\>\:first-child\]\:squircle-t-6xl > :first-child {
      border-top-right-radius: var(--squircle-border-radius-6xl);
      border-top-left-radius: var(--squircle-border-radius-6xl);
    }
  }

  :where(.\[\&\>\:first-child\]\:squircle > :first-child) {
    background: paint(squircle);
    --squircle-border-radius: 0;
    --squircle-border-top-left-radius: 0;
    --squircle-border-top-right-radius: 0;
    --squircle-border-bottom-right-radius: 0;
    --squircle-border-bottom-left-radius: 0;
    --squircle-border-smoothing: .6;
    --squircle-border-top-left-smoothing: .6;
    --squircle-border-top-right-smoothing: .6;
    --squircle-border-bottom-right-smoothing: .6;
    --squircle-border-bottom-left-smoothing: .6;
    --squircle-border-width: 0;
    --squircle-border-color: unset;
    --squircle-background-color: unset;
    --squircle-mode: background;
  }

  @supports not (background: paint(squircle)) {
    :where(.\[\&\>\:first-child\]\:squircle > :first-child) {
      background-repeat: no-repeat;
    }
  }

  .\[\&\>\:last-child\]\:squircle-b-6xl > :last-child {
    --squircle-border-bottom-right-radius: var(--squircle-border-radius-6xl);
    --squircle-border-bottom-left-radius: var(--squircle-border-radius-6xl);
  }

  @supports not (background: paint(squircle)) {
    .\[\&\>\:last-child\]\:squircle-b-6xl > :last-child {
      border-bottom-right-radius: var(--squircle-border-radius-6xl);
      border-bottom-left-radius: var(--squircle-border-radius-6xl);
    }
  }

  :where(.\[\&\>\:last-child\]\:squircle > :last-child) {
    background: paint(squircle);
    --squircle-border-radius: 0;
    --squircle-border-top-left-radius: 0;
    --squircle-border-top-right-radius: 0;
    --squircle-border-bottom-right-radius: 0;
    --squircle-border-bottom-left-radius: 0;
    --squircle-border-smoothing: .6;
    --squircle-border-top-left-smoothing: .6;
    --squircle-border-top-right-smoothing: .6;
    --squircle-border-bottom-right-smoothing: .6;
    --squircle-border-bottom-left-smoothing: .6;
    --squircle-border-width: 0;
    --squircle-border-color: unset;
    --squircle-background-color: unset;
    --squircle-mode: background;
  }

  @supports not (background: paint(squircle)) {
    :where(.\[\&\>\:last-child\]\:squircle > :last-child) {
      background-repeat: no-repeat;
    }
  }
}

.body-bg-dots {
  position: relative;
}

.body-bg-dots:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(circle, #ffffff1f 1px, #0000 1px);
  background-size: 20px 20px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: radial-gradient(100% 100%, #000 0% 35%, #0000 85%);
  mask-image: radial-gradient(100% 100%, #000 0% 35%, #0000 85%);
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.card-shadow {
  filter: drop-shadow(0 25px 50px -12px #00000040);
  transition: filter .3s ease-in-out;
}

.card-shadow:hover {
  filter: drop-shadow(0 20px 25px -5px #0000001a);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-right-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --tw-mask-right-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --tw-mask-right-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}

@property --tw-mask-right-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}

@property --tw-mask-left-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --tw-mask-left-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --tw-mask-left-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}

@property --tw-mask-left-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}

@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}

@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}

@property --tw-mask-radial-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --tw-mask-radial-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --tw-mask-radial-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}

@property --tw-mask-radial-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}

@property --tw-mask-radial-shape {
  syntax: "*";
  inherits: false;
  initial-value: ellipse;
}

@property --tw-mask-radial-size {
  syntax: "*";
  inherits: false;
  initial-value: farthest-corner;
}

@property --tw-mask-radial-position {
  syntax: "*";
  inherits: false;
  initial-value: center;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes ping {
  75%, to {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}