@font-face {
    font-family: Space Grotesk;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/SpaceGrotesk-Regular-96dacdf4.e7e29989.ttf)
      format("truetype");
  }
  @font-face {
    font-family: Space Grotesk;
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/SpaceGrotesk-Medium-a8ef71a8.9ded23c7.ttf)
      format("truetype");
  }
  @font-face {
    font-family: Space Grotesk;
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url(../fonts/SpaceGrotesk-SemiBold-2ad5bfd5.09a50503.ttf)
      format("truetype");
  }
  @font-face {
    font-family: Space Grotesk;
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/SpaceGrotesk-Bold-d9818ef5.46c0cf66.ttf) format("truetype");
  }
  @font-face {
    font-family: Space Mono;
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/SpaceMono-Bold-182edcb3.14a94d7a.ttf) format("truetype");
  }
  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/Inter-Regular-b60e9ec8.f1f0c35b.woff2) format("woff2");
  }
  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/Inter-Medium-ffc47e1e.dc792b50.woff2) format("woff2");
  }
  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url(../fonts/Inter-SemiBold-880e38bb.48eaf57b.ttf) format("truetype");
  }
  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/Inter-Bold-4c6c88cd.579e0f95.woff2) format("woff2");
  }
  :root {
    --light-base: #000;
    --light-disabled: #979592;
    --light-primary: #5ecc7d;
    --light-primary-trans: #5ecc7d26;
    --light-primary-hover: #75ec96;
    --light-secondary: #007aff;
    --light-secondary-trans: #007aff26;
    --light-secondary-hover: #218bff;
    --light-warn: #fc0;
    --light-neg: #ff3b30;
    --light-indigo: #5856d6;
    --light-orange: #ff9500;
    --light-pink: #ff2d55;
    --light-purple: #af52de;
    --light-teal: #5ac8fa;
    --light-txt-1: #000;
    --light-txt-2: #3c3c43bf;
    --light-txt-3: #3c3c434d;
    --light-txt-4: #3c3c432e;
    --light-txt-action: #5ecc7d;
    --light-txt-pos: #81e19c;
    --light-txt-warn: #fc0;
    --light-txt-neg: #ff3b30;
    --light-white-1: #fff;
    --light-white-2: #ebebf599;
    --light-white-3: #ebebf54d;
    --light-white-4: #ebebf52e;
    --light-black-1: #000;
    --light-black-2: #2d2d3099;
    --light-black-3: #2d2d304d;
    --light-black-4: #2d2d302e;
    --light-fill-1: #78788033;
    --light-fill-2: #78788029;
    --light-fill-3: #7676803d;
    --light-fill-4: #74748014;
    --light-grey-1: #8e8e93;
    --light-grey-2: #aeaeb2;
    --light-grey-3: #c7c7cc;
    --light-grey-4: #d1d1d6;
    --light-grey-5: #e5e5ea;
    --light-grey-6: #f2f2f7;
    --light-tile-1: #fff;
    --light-tile-2: #f2f2f7;
    --light-tile-3: #000;
    --light-tile-1-elev: #f1f1ff;
    --light-tile-2-elev: #d9d9d9;
    --light-tile-3-elev: #d9d9d9;
    --light-overlay-thick: #fdfdfdeb;
    --light-overlay-reg: #f9f9f9c7;
    --light-overlay-thin: #ededed99;
    --light-overlay-ultrathin: #eaeaea66;
    --light-overlay-darkest: #0000001a;
    --light-separator-opaque: #c6c6c8;
    --light-separator-non-opaque: #3c3c4354;
    --light-separator-green: #5ecc7d;
    --light-primary-gradient: "linear-gradient(90deg, #000000 0%, #000000 100%)";
    --light-tile-1-gradient: "linear-gradient(180deg, #131314 0%, rgba(19, 19, 20, 0) 100%)";
    --light-grey-center-gradient: linear-gradient(
      90deg,
      hsla(0, 0%, 46%, 0) 1.24%,
      #767676 48.65%,
      hsla(0, 0%, 46%, 0) 98.06%
    );
    --light-grey-to-green: linear-gradient(180deg, #767676 42.75%, #b5ff00);
    --dark-base: #fbfbfb;
    --dark-disabled: #757575;
    --dark-primary: #b5ff00;
    --dark-primary-trans: #d6fe5126;
    --dark-primary-hover: #daff80;
    --dark-secondary: #2b66ff;
    --dark-secondary-trans: #2b66ff26;
    --dark-secondary-hover: #497dff;
    --dark-warn: #ffc929;
    --dark-neg: #e6164a;
    --dark-indigo: #5e5ce6;
    --dark-orange: #ff9f0a;
    --dark-pink: #ff375f;
    --dark-purple: #bf5af2;
    --dark-teal: #64d2ff;
    --dark-txt-1: #fff;
    --dark-txt-2: #c5c5c5;
    --dark-txt-3: #22241e;
    --dark-txt-4: #ebebf52e;
    --dark-txt-action: #b5ff00;
    --dark-txt-pos: #17d768;
    --dark-txt-warn: #ffc929;
    --dark-txt-neg: #e6164a;
    --dark-white-1: #fff;
    --dark-white-2: #ebebf599;
    --dark-white-3: #ebebf54d;
    --dark-white-4: #ebebf52e;
    --dark-black-1: #000;
    --dark-black-2: #2d2d3099;
    --dark-black-3: #2d2d304d;
    --dark-black-4: #2d2d302e;
    --dark-fill-1: #78788080;
    --dark-fill-2: #78788052;
    --dark-fill-3: #6f72783d;
    --dark-fill-4: #242427;
    --dark-grey-1: #8e8e93;
    --dark-grey-2: #636366;
    --dark-grey-3: #48484a;
    --dark-grey-4: #3a3a3c;
    --dark-grey-5: #2c2c2e;
    --dark-grey-6: #232325;
    --dark-grey-7: #1c1c1e;
    --dark-tile-1: #000;
    --dark-tile-2: #0f0f0f;
    --dark-tile-3: #1c1c1e;
    --dark-tile-1-elev: #131314;
    --dark-tile-2-elev: #1c1c1e;
    --dark-tile-3-elev: #2c2c2e;
    --dark-overlay-thick: #00000092;
    --dark-overlay-reg: #000000c7;
    --dark-overlay-thin: #00000099;
    --dark-overlay-ultrathin: #00000080;
    --dark-overlay-darkest: #00000012;
    --dark-separator-opaque: #252627;
    --dark-separator-non-opaque: #545458b3;
    --dark-separator-green: #b5ff00;
    --dark-primary-gradient: linear-gradient(
      90deg,
      #b5ff00 45.62%,
      hsla(0, 0%, 46%, 0.5) 89.78%
    );
    --dark-tile-1-gradient: linear-gradient(180deg, #131314, rgba(19, 19, 20, 0));
    --dark-grey-center-gradient: linear-gradient(
      90deg,
      hsla(0, 0%, 46%, 0) 1.24%,
      #767676 48.65%,
      hsla(0, 0%, 46%, 0) 98.06%
    );
    --dark-grey-to-green: linear-gradient(180deg, #767676 42.75%, #b5ff00);
  }
  html {
    --base: var(--light-base);
    --disabled: var(--light-disabled);
    --primary: var(--light-primary);
    --primary-trans: var(--light-primary-trans);
    --primary-hover: var(--light-primary-hover);
    --secondary: var(--light-secondary);
    --secondary-trans: var(--light-secondary-trans);
    --secondary-hover: var(--light-secondary-hover);
    --warn: var(--light-warn);
    --neg: var(--light-neg);
    --indigo: var(--light-indigo);
    --orange: var(--light-orange);
    --pink: var(--light-pink);
    --purple: var(--light-purple);
    --teal: var(--light-teal);
    --txt-1: var(--light-txt-1);
    --txt-2: var(--light-txt-2);
    --txt-3: var(--light-txt-3);
    --txt-4: var(--light-txt-4);
    --txt-action: var(--light-txt-action);
    --txt-pos: var(--light-txt-pos);
    --txt-warn: var(--light-txt-warn);
    --txt-neg: var(--light-txt-neg);
    --black-1: var(--light-black-1);
    --black-2: var(--light-black-2);
    --black-3: var(--light-black-3);
    --black-4: var(--light-black-4);
    --fill-1: var(--light-fill-1);
    --fill-2: var(--light-fill-2);
    --fill-3: var(--light-fill-3);
    --fill-4: var(--light-fill-4);
    --grey-1: var(--light-grey-1);
    --grey-2: var(--light-grey-2);
    --grey-3: var(--light-grey-3);
    --grey-4: var(--light-grey-4);
    --grey-5: var(--light-grey-5);
    --grey-6: var(--light-grey-6);
    --tile-1: var(--light-tile-1);
    --tile-2: var(--light-tile-2);
    --tile-3: var(--light-tile-3);
    --tile-1-elev: var(--light-tile-1-elev);
    --tile-2-elev: var(--light-tile-2-elev);
    --tile-3-elev: var(--light-tile-3-elev);
    --overlay-thick: var(--light-overlay-thick);
    --overlay-reg: var(--light-overlay-reg);
    --overlay-thin: var(--light-overlay-thin);
    --overlay-ultrathin: var(--light-overlay-ultrathin);
    --overlay-darkest: var(--light-overlay-darkest);
    --separator-opaque: var(--light-separator-opaque);
    --separator-non-opaque: var(--light-separator-non-opaque);
    --separator-green: var(--light-separator-green);
    --primary-gradient: var(--light-primary-gradient);
    --tile-1-gradient: var(--light-tile-1-gradient);
    --grey-center-gradient: var(--light-grey-center-gradient);
    --grey-to-green: var(--light-grey-to-green);
  }
  html.dark {
    --base: var(--dark-base);
    --disabled: var(--dark-disabled);
    --primary: var(--dark-primary);
    --primary-trans: var(--dark-primary-trans);
    --primary-hover: var(--dark-primary-hover);
    --secondary: var(--dark-secondary);
    --secondary-trans: var(--dark-secondary-trans);
    --secondary-hover: var(--dark-secondary-hover);
    --warn: var(--dark-warn);
    --neg: var(--dark-neg);
    --indigo: var(--dark-indigo);
    --orange: var(--dark-orange);
    --pink: var(--dark-pink);
    --purple: var(--dark-purple);
    --teal: var(--dark-teal);
    --txt-1: var(--dark-txt-1);
    --txt-2: var(--dark-txt-2);
    --txt-3: var(--dark-txt-3);
    --txt-4: var(--dark-txt-4);
    --txt-action: var(--dark-txt-action);
    --txt-pos: var(--dark-txt-pos);
    --txt-warn: var(--dark-txt-warn);
    --txt-neg: var(--dark-txt-neg);
    --white-1: var(--dark-white-1);
    --white-2: var(--dark-white-2);
    --white-3: var(--dark-white-3);
    --white-4: var(--dark-white-4);
    --fill-1: var(--dark-fill-1);
    --fill-2: var(--dark-fill-2);
    --fill-3: var(--dark-fill-3);
    --fill-4: var(--dark-fill-4);
    --grey-1: var(--dark-grey-1);
    --grey-2: var(--dark-grey-2);
    --grey-3: var(--dark-grey-3);
    --grey-4: var(--dark-grey-4);
    --grey-5: var(--dark-grey-5);
    --grey-6: var(--dark-grey-6);
    --tile-1: var(--dark-tile-1);
    --tile-2: var(--dark-tile-2);
    --tile-3: var(--dark-tile-3);
    --tile-1-elev: var(--dark-tile-1-elev);
    --tile-2-elev: var(--dark-tile-2-elev);
    --tile-3-elev: var(--dark-tile-3-elev);
    --overlay-thick: var(--dark-overlay-thick);
    --overlay-reg: var(--dark-overlay-reg);
    --overlay-thin: var(--dark-overlay-thin);
    --overlay-ultrathin: var(--dark-overlay-ultrathin);
    --overlay-darkest: var(--dark-overlay-darkest);
    --separator-opaque: var(--dark-separator-opaque);
    --separator-non-opaque: var(--dark-separator-non-opaque);
    --separator-green: var(--dark-separator-green);
    --primary-gradient: var(--dark-primary-gradient);
    --tile-1-gradient: var(--dark-tile-1-gradient);
    --grey-center-gradient: var(--dark-grey-center-gradient);
    --grey-to-green: var(--dark-grey-to-green);
  }
  a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  button,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  ol,
  ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
    content: "";
    content: none;
  }
  table {
    border-spacing: 0;
  }
  * {
    box-sizing: border-box;
  }
  html body {
    font-family: Space Grotesk;
  }
  html body,
  html.dark body {
    font-weight: 400;
  }
  .positive-radial-blur {
    background: radial-gradient(
      50% 50% at 50% 50%,
      rgba(181, 255, 0, 0.15) 0,
      rgba(181, 255, 0, 0) 100%
    );
  }
  .negative-radial-blur {
    background: radial-gradient(
      50% 50% at 50% 50%,
      rgba(230, 22, 74, 0.263) 0,
      rgba(230, 22, 74, 0) 100%
    );
  }
  .dotLoading:after {
    content: ".";
    animation: dots 1.5s steps(5) infinite;
  }
  @keyframes dots {
    0%,
    20% {
      color: transparent;
      text-shadow:
        0.25em 0 0 transparent,
        0.5em 0 0 transparent;
    }
    40% {
      color: #fff;
      text-shadow:
        0.25em 0 0 transparent,
        0.5em 0 0 transparent;
    }
    60% {
      text-shadow:
        0.25em 0 0 #fff,
        0.5em 0 0 transparent;
    }
    80%,
    to {
      text-shadow:
        0.25em 0 0 #fff,
        0.5em 0 0 #fff;
    }
  }
  @keyframes fadeInOp {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .fade-in {
    animation: fadeInOp 0.8s ease 0s 1;
  }
  .loader {
    position: relative;
    width: 64px;
    height: 64px;
    perspective: 800px;
  }
  .inner,
  .loader {
    border-radius: 50%;
  }
  .inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
  }
  .inner.one {
    left: 0;
    top: 0;
    animation: rotate-one 3s linear infinite;
    border-bottom: 2px solid #b5ff00;
  }
  .inner.two {
    right: 0;
    top: 0;
    animation: rotate-two 3s linear infinite;
    border-right: 2px solid #b5ff00;
  }
  .inner.three {
    right: 0;
    bottom: 0;
    animation: rotate-three 3s linear infinite;
    border-top: 2px solid #b5ff00;
  }
  @keyframes rotate-one {
    0% {
      transform: rotateX(35deg) rotateY(-45deg) rotate(0deg);
    }
    to {
      transform: rotateX(35deg) rotateY(-45deg) rotate(1turn);
    }
  }
  @keyframes rotate-two {
    0% {
      transform: rotateX(50deg) rotateY(10deg) rotate(0deg);
    }
    to {
      transform: rotateX(50deg) rotateY(10deg) rotate(1turn);
    }
  }
  @keyframes rotate-three {
    0% {
      transform: rotateX(35deg) rotateY(55deg) rotate(0deg);
    }
    to {
      transform: rotateX(35deg) rotateY(55deg) rotate(1turn);
    }
  }
  .loader-dual {
    transform: rotate(45deg);
    perspective: 1000px;
    border-radius: 50%;
  }
  .loader-dual:after,
  .loader-dual:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: spin 1s linear infinite;
  }
  .loader-dual:after {
    transform: rotateY(70deg);
    animation-delay: 0.4s;
  }
  @keyframes rotate {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(1turn);
    }
  }
  @keyframes rotateccw {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(-1turn);
    }
  }
  @keyframes spin {
    0%,
    to {
      box-shadow: 0.2em 0 0 0 currentcolor;
    }
    12% {
      box-shadow: 0.2em 0.2em 0 0 currentcolor;
    }
    25% {
      box-shadow: 0 0.2em 0 0 currentcolor;
    }
    37% {
      box-shadow: -0.2em 0.2em 0 0 currentcolor;
    }
    50% {
      box-shadow: -0.2em 0 0 0 currentcolor;
    }
    62% {
      box-shadow: -0.2em -0.2em 0 0 currentcolor;
    }
    75% {
      box-shadow: 0 -0.2em 0 0 currentcolor;
    }
    87% {
      box-shadow: 0.2em -0.2em 0 0 currentcolor;
    }
  }
  
  /* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */
  .ui-h1 {
    font-size: 60px;
  }
  .ui-h2 {
    font-size: 34px;
  }
  .ui-h4 {
    font-size: 22px;
  }
  .ui-h5 {
    font-size: 20px;
  }
  .ui-h6 {
    font-size: 14px;
  }
  .ui-h1b {
    font-size: 60px;
    font-weight: 700;
  }
  .ui-h2b {
    font-size: 34px;
    font-weight: 700;
  }
  .ui-h4b {
    font-size: 22px;
    font-weight: 700;
  }
  .ui-h5b {
    font-size: 20px;
    font-weight: 600;
  }
  .ui-h6b {
    font-size: 14px;
    font-weight: 700;
  }
  .ui-b1 {
    font-size: 17px;
  }
  .ui-b2 {
    font-size: 14px;
  }
  .ui-b3 {
    font-size: 12px;
  }
  .ui-b4 {
    font-size: 11px;
  }
  .ui-b5 {
    font-size: 10px;
  }
  .ui-b1sb {
    font-size: 17px;
    font-weight: 600;
  }
  .ui-b2sb {
    font-size: 14px;
    font-weight: 600;
  }
  .ui-b3sb {
    font-size: 12px;
    font-weight: 600;
  }
  .ui-b4sb {
    font-size: 11px;
    font-weight: 600;
  }
  .ui-b5sb {
    font-size: 10px;
    font-weight: 600;
  }
  .ui-f1 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 34px;
  }
  .ui-f1,
  .ui-f2 {
    font-family: Inter, sans-serif;
  }
  .ui-f2 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 28px;
  }
  .ui-f3 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 18px;
  }
  .ui-f3,
  .ui-f4 {
    font-family: Inter, sans-serif;
  }
  .ui-f4 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 14px;
  }
  .ui-f5 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 13px;
  }
  .ui-f1b,
  .ui-f5 {
    font-family: Inter, sans-serif;
  }
  .ui-f1b {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 34px;
    font-weight: 600;
  }
  .ui-f2b {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 28px;
    font-weight: 600;
  }
  .ui-f2b,
  .ui-f3b {
    font-family: Inter, sans-serif;
  }
  .ui-f3b {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 18px;
    font-weight: 600;
  }
  .ui-f4b {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 14px;
    font-weight: 600;
  }
  .ui-f4b,
  .ui-f5b {
    font-family: Inter, sans-serif;
  }
  .ui-f5b {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 13px;
    font-weight: 600;
  }
  .ui-r1 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 13px;
  }
  .ui-r1,
  .ui-r2 {
    font-family: Inter, sans-serif;
  }
  .ui-r2 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 11px;
  }
  .ui-r3 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 10px;
  }
  .ui-r1b,
  .ui-r3 {
    font-family: Inter, sans-serif;
  }
  .ui-r1b {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 13px;
    font-weight: 700;
  }
  .ui-r2b {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 11px;
    font-weight: 700;
  }
  .ui-r2b,
  .ui-r3b {
    font-family: Inter, sans-serif;
  }
  .ui-r3b {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 10px;
    font-weight: 700;
  }
  .ui-btn-primary {
    background-color: var(--primary);
    color: var(--txt-1);
    color: var(--txt-3);
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .ui-btn-primary:hover {
    opacity: 0.8;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
      0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--primary-trans);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .ui-btn-primary:active {
    opacity: 0.7;
  }
  .ui-btn-primary:disabled {
    opacity: 0.5;
  }
  .ui-btn-secondary {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(28 33 11 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(28 33 11 / var(--tw-bg-opacity));
    color: var(--txt-action);
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .ui-btn-secondary:hover {
    border-color: var(--txt-action);
  }
  .ui-btn-secondary:active {
    opacity: 0.7;
  }
  .ui-btn-secondary:disabled {
    opacity: 0.5;
  }
  .ui-btn-secondary:hover:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(28 33 11 / var(--tw-border-opacity));
  }
  .ui-btn-tertiary {
    background-color: var(--fill-4);
    color: var(--txt-1);
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .ui-btn-tertiary:hover {
    background-color: var(--fill-2);
  }
  .ui-btn-tertiary:active {
    opacity: 0.7;
  }
  .ui-btn-tertiary:disabled {
    opacity: 0.5;
  }
  .ui-btn-tertiary:hover:disabled {
    background-color: var(--fill-4);
  }
  .ui-btn-inverted {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 15 15 / var(--tw-border-opacity));
    color: var(--txt-action);
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .ui-btn-inverted:hover {
    border-color: var(--txt-3);
  }
  .ui-btn-inverted:active {
    opacity: 0.7;
  }
  .ui-btn-inverted:disabled {
    color: var(--txt-2);
  }
  .ui-btn-inverted:hover:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(15 15 15 / var(--tw-border-opacity));
  }
  .ui-btn-inverted:active:disabled {
    opacity: 1;
  }
  .ui-btn-lg {
    padding: 0.75rem 1rem;
  }
  .ui-btn-lg,
  .ui-btn-md {
    font-family: Inter, sans-serif;
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 14px;
    font-weight: 600;
  }
  .ui-btn-md {
    padding: 0.5rem 1rem;
  }
  .ui-btn-sm {
    font-family: Inter, sans-serif;
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 13px;
    font-weight: 600;
    padding: 0.375rem 0.625rem;
  }
  .ui-a-primary {
    fill: var(--primary);
    color: var(--txt-action);
  }
  .ui-a-primary:hover {
    fill: var(--primary-hover);
    color: var(--primary-hover);
  }
  .ui-a-primary:active {
    opacity: 0.8;
  }
  .ui-a-primary.active {
    color: var(--primary);
  }
  .ui-a-primary.active:hover {
    color: var(--primary-hover);
  }
  .ui-a-primary.\!active {
    color: var(--primary);
  }
  .ui-a-primary.\!active:hover {
    color: var(--primary-hover);
  }
  .ui-a-primary.disabled {
    fill: var(--txt-2);
    color: var(--txt-2);
  }
  .ui-a-primary.disabled:hover {
    color: var(--txt-2);
  }
  .ui-a-primary.\!disabled {
    fill: var(--txt-2);
    color: var(--txt-2);
  }
  .ui-a-primary.\!disabled:hover,
  .ui-a-secondary {
    color: var(--txt-2);
  }
  .ui-a-secondary {
    fill: var(--txt-2);
  }
  .ui-a-secondary:hover {
    fill: var(--primary);
    color: var(--primary);
  }
  .ui-a-secondary:active {
    opacity: 0.8;
  }
  .ui-a-secondary.active {
    color: var(--primary);
  }
  .ui-a-secondary.active:hover {
    color: var(--primary-hover);
  }
  .ui-a-secondary.\!active {
    color: var(--primary);
  }
  .ui-a-secondary.\!active:hover {
    color: var(--primary-hover);
  }
  .ui-a-secondary.disabled {
    fill: var(--txt-2);
    color: var(--txt-2);
  }
  .ui-a-secondary.disabled:hover {
    color: var(--txt-2);
  }
  .ui-a-secondary.\!disabled {
    fill: var(--txt-2);
    color: var(--txt-2);
  }
  .ui-a-secondary.\!disabled:hover,
  .ui-a-tertiary {
    color: var(--txt-2);
  }
  .ui-a-tertiary {
    fill: var(--txt-2);
  }
  .ui-a-tertiary:hover {
    fill: var(--txt-1);
    color: var(--txt-1);
  }
  .ui-a-tertiary:active {
    opacity: 0.8;
  }
  .ui-a-header {
    fill: var(--txt-2);
    color: var(--txt-2);
  }
  .ui-a-header:hover {
    fill: var(--primary);
  }
  .ui-a-header.active,
  .ui-a-header:hover {
    color: var(--primary);
  }
  .ui-a-header.active:hover {
    color: var(--primary-hover);
  }
  .ui-a-header.\!active {
    color: var(--primary);
  }
  .ui-a-header.\!active:hover {
    color: var(--primary-hover);
  }
  .ui-sep-n-opaque {
    height: 1px;
    width: 100%;
    background-color: var(--separator-non-opaque);
  }
  .ui-pointer-events-none {
    pointer-events: none;
  }
  .ui-visible {
    visibility: visible;
  }
  .ui-invisible {
    visibility: hidden;
  }
  .ui-fixed {
    position: fixed;
  }
  .ui-absolute {
    position: absolute;
  }
  .ui-relative {
    position: relative;
  }
  .-ui-bottom-2 {
    bottom: -0.5rem;
  }
  .-ui-bottom-\[9px\] {
    bottom: -9px;
  }
  .ui-bottom-0 {
    bottom: 0;
  }
  .ui-left-0 {
    left: 0;
  }
  .ui-left-1\/2 {
    left: 50%;
  }
  .ui-left-\[1px\] {
    left: 1px;
  }
  .ui-left-\[50\%\] {
    left: 50%;
  }
  .ui-right-0 {
    right: 0;
  }
  .ui-top-0 {
    top: 0;
  }
  .ui-top-6 {
    top: 1.5rem;
  }
  .ui-top-\[-1px\] {
    top: -1px;
  }
  .ui-top-\[49px\] {
    top: 49px;
  }
  .ui-top-\[50\%\] {
    top: 50%;
  }
  .ui-z-10 {
    z-index: 10;
  }
  .ui-z-20 {
    z-index: 20;
  }
  .ui-z-30 {
    z-index: 30;
  }
  .ui-z-40 {
    z-index: 40;
  }
  .ui-z-50 {
    z-index: 50;
  }
  .ui-z-\[-1\] {
    z-index: -1;
  }
  .ui-z-\[1\] {
    z-index: 1;
  }
  .ui-z-\[2\] {
    z-index: 2;
  }
  .ui-z-\[5\] {
    z-index: 5;
  }
  .ui-col-span-12 {
    grid-column: span 12 / span 12;
  }
  .ui-col-span-24 {
    grid-column: span 24 / span 24;
  }
  .ui-col-span-3 {
    grid-column: span 3 / span 3;
  }
  .ui-col-span-4 {
    grid-column: span 4 / span 4;
  }
  .ui-col-span-48 {
    grid-column: span 48 / span 48;
  }
  .ui-col-span-5 {
    grid-column: span 5 / span 5;
  }
  .ui-col-span-6 {
    grid-column: span 6 / span 6;
  }
  .ui-col-span-7 {
    grid-column: span 7 / span 7;
  }
  .ui-col-span-8 {
    grid-column: span 8 / span 8;
  }
  .ui-mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .ui-mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .ui-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .ui-my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .ui-mb-1 {
    margin-bottom: 0.25rem;
  }
  .ui-mb-3 {
    margin-bottom: 0.75rem;
  }
  .ui-mb-8 {
    margin-bottom: 2rem;
  }
  .ui-mb-\[2px\] {
    margin-bottom: 2px;
  }
  .ui-ml-1 {
    margin-left: 0.25rem;
  }
  .ui-ml-8 {
    margin-left: 2rem;
  }
  .ui-mt-3 {
    margin-top: 0.75rem;
  }
  .ui-mt-4 {
    margin-top: 1rem;
  }
  .ui-flex {
    display: flex;
  }
  .ui-grid {
    display: grid;
  }
  .ui-hidden {
    display: none;
  }
  .ui-h-0 {
    height: 0;
  }
  .ui-h-12 {
    height: 3rem;
  }
  .ui-h-6 {
    height: 1.5rem;
  }
  .ui-h-8 {
    height: 2rem;
  }
  .ui-h-\[100px\] {
    height: 100px;
  }
  .ui-h-\[1px\] {
    height: 1px;
  }
  .ui-h-\[2000px\] {
    height: 2000px;
  }
  .ui-h-\[200px\] {
    height: 200px;
  }
  .ui-h-\[24px\] {
    height: 24px;
  }
  .ui-h-\[2px\] {
    height: 2px;
  }
  .ui-h-\[40\%\] {
    height: 40%;
  }
  .ui-h-\[500px\] {
    height: 500px;
  }
  .ui-h-\[50px\] {
    height: 50px;
  }
  .ui-h-\[60px\] {
    height: 60px;
  }
  .ui-h-\[calc\(100\%\+2px\)\] {
    height: calc(100% + 2px);
  }
  .ui-h-full {
    height: 100%;
  }
  .ui-h-screen {
    height: 100vh;
  }
  .ui-w-0 {
    width: 0;
  }
  .ui-w-6 {
    width: 1.5rem;
  }
  .ui-w-8 {
    width: 2rem;
  }
  .ui-w-\[100px\] {
    width: 100px;
  }
  .ui-w-\[115px\] {
    width: 115px;
  }
  .ui-w-\[160px\] {
    width: 160px;
  }
  .ui-w-\[175px\] {
    width: 175px;
  }
  .ui-w-\[180px\] {
    width: 180px;
  }
  .ui-w-\[1px\] {
    width: 1px;
  }
  .ui-w-\[200px\] {
    width: 200px;
  }
  .ui-w-\[250px\] {
    width: 250px;
  }
  .ui-w-\[300px\] {
    width: 300px;
  }
  .ui-w-\[350px\] {
    width: 350px;
  }
  .ui-w-\[42px\] {
    width: 42px;
  }
  .ui-w-\[45px\] {
    width: 45px;
  }
  .ui-w-\[500px\] {
    width: 500px;
  }
  .ui-w-\[50px\] {
    width: 50px;
  }
  .ui-w-\[550px\] {
    width: 550px;
  }
  .ui-w-\[7px\] {
    width: 7px;
  }
  .ui-w-\[85\%\] {
    width: 85%;
  }
  .ui-w-\[850px\] {
    width: 850px;
  }
  .ui-w-\[900px\] {
    width: 900px;
  }
  .ui-w-\[calc\(100\%\+1px\)\] {
    width: calc(100% + 1px);
  }
  .ui-w-\[calc\(100\%-2px\)\] {
    width: calc(100% - 2px);
  }
  .ui-w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .ui-w-full {
    width: 100%;
  }
  .ui-w-screen {
    width: 100vw;
  }
  .ui-min-w-\[330px\] {
    min-width: 330px;
  }
  .ui-max-w-\[250px\] {
    max-width: 250px;
  }
  .ui-max-w-\[350px\] {
    max-width: 350px;
  }
  .ui-max-w-\[370px\] {
    max-width: 370px;
  }
  .ui-max-w-\[750px\] {
    max-width: 750px;
  }
  .ui-flex-1 {
    flex: 1 1 0%;
  }
  .-ui-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }
  .-ui-translate-x-1\/2,
  .-ui-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .-ui-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }
  .ui-translate-y-\[-12px\] {
    --tw-translate-y: -12px;
  }
  .-ui-rotate-90,
  .ui-translate-y-\[-12px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .-ui-rotate-90 {
    --tw-rotate: -90deg;
  }
  .ui-rotate-0 {
    --tw-rotate: 0deg;
  }
  .ui-rotate-0,
  .ui-rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .ui-rotate-180 {
    --tw-rotate: 180deg;
  }
  .ui-rotate-90 {
    --tw-rotate: 90deg;
  }
  .ui-rotate-90,
  .ui-scale-100 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .ui-scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }
  .-ui-scale-x-100 {
    --tw-scale-x: -1;
  }
  .-ui-scale-x-100,
  .ui-transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .ui-animate-line-in {
    animation: ui-line-in 0.3s ease-in-out forwards;
  }
  .ui-animate-line-out {
    animation: ui-line-out 75ms ease-in-out forwards;
  }
  @keyframes ui-pulse {
    50% {
      opacity: 0.5;
    }
  }
  .ui-animate-pulse {
    animation: ui-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  @keyframes ui-line-in {
    0% {
      width: 0;
      opacity: 0.5;
    }
    to {
      width: 100%;
      opacity: 1;
    }
  }
  .ui-animate-quick-line-in {
    animation: ui-line-in 0.05s ease-in-out forwards;
  }
  @keyframes ui-line-out {
    0% {
      width: 100%;
      opacity: 1;
    }
    to {
      width: 0;
      opacity: 0;
    }
  }
  .ui-animate-quick-line-out {
    animation: ui-line-out 0.05s ease-in-out forwards;
  }
  @keyframes ui-vertical-line-in {
    0% {
      height: 0%;
      opacity: 0.5;
    }
    to {
      height: 100%;
      opacity: 1;
    }
  }
  .ui-animate-quick-vertical-line-in {
    animation: ui-vertical-line-in 0.05s ease-in-out forwards;
  }
  @keyframes ui-vertical-line-out {
    0% {
      height: 100%;
      opacity: 1;
    }
    to {
      height: 0%;
      opacity: 0;
    }
  }
  .ui-animate-quick-vertical-line-out {
    animation: ui-vertical-line-out 0.05s ease-in-out forwards;
  }
  .ui-cursor-pointer {
    cursor: pointer;
  }
  .ui-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ui-grid-cols-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .ui-flex-col {
    flex-direction: column;
  }
  .ui-flex-wrap {
    flex-wrap: wrap;
  }
  .ui-items-end {
    align-items: flex-end;
  }
  .ui-items-center {
    align-items: center;
  }
  .ui-justify-start {
    justify-content: flex-start;
  }
  .ui-justify-end {
    justify-content: flex-end;
  }
  .ui-justify-center {
    justify-content: center;
  }
  .ui-justify-between {
    justify-content: space-between;
  }
  .ui-gap-1 {
    gap: 0.25rem;
  }
  .ui-gap-1\.5 {
    gap: 0.375rem;
  }
  .ui-gap-10 {
    gap: 2.5rem;
  }
  .ui-gap-12 {
    gap: 3rem;
  }
  .ui-gap-14 {
    gap: 3.5rem;
  }
  .ui-gap-16 {
    gap: 4rem;
  }
  .ui-gap-2 {
    gap: 0.5rem;
  }
  .ui-gap-20 {
    gap: 5rem;
  }
  .ui-gap-3 {
    gap: 0.75rem;
  }
  .ui-gap-4 {
    gap: 1rem;
  }
  .ui-gap-5 {
    gap: 1.25rem;
  }
  .ui-gap-6 {
    gap: 1.5rem;
  }
  .ui-gap-8 {
    gap: 2rem;
  }
  .ui-overflow-auto {
    overflow: auto;
  }
  .ui-overflow-hidden {
    overflow: hidden;
  }
  .ui-text-ellipsis {
    text-overflow: ellipsis;
  }
  .ui-whitespace-nowrap {
    white-space: nowrap;
  }
  .ui-rounded-full {
    border-radius: 9999px;
  }
  .ui-rounded-lg {
    border-radius: 0.5rem;
  }
  .ui-rounded-md {
    border-radius: 0.375rem;
  }
  .ui-rounded-sm {
    border-radius: 0.125rem;
  }
  .ui-rounded-xl {
    border-radius: 0.75rem;
  }
  .ui-rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .ui-rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  .ui-border {
    border-width: 1px;
  }
  .ui-border-0 {
    border-width: 0;
  }
  .ui-border-x-0 {
    border-left-width: 0;
    border-right-width: 0;
  }
  .ui-border-y {
    border-top-width: 1px;
  }
  .ui-border-b,
  .ui-border-y {
    border-bottom-width: 1px;
  }
  .ui-border-l {
    border-left-width: 1px;
  }
  .ui-border-t-0 {
    border-top-width: 0;
  }
  .ui-border-solid {
    border-style: solid;
  }
  .ui-border-fill-4 {
    border-color: var(--fill-4);
  }
  .ui-border-grey-4 {
    border-color: var(--grey-4);
  }
  .ui-border-grey-5 {
    border-color: var(--grey-5);
  }
  .ui-border-neg {
    border-color: var(--neg);
  }
  .ui-border-primary {
    border-color: var(--primary);
  }
  .ui-border-tile-1-elev {
    border-color: var(--tile-1-elev);
  }
  .ui-border-transparent {
    border-color: transparent;
  }
  .ui-border-warn {
    border-color: var(--warn);
  }
  .\!ui-bg-fill-3 {
    background-color: var(--fill-3) !important;
  }
  .\!ui-bg-transparent {
    background-color: transparent !important;
  }
  .ui-bg-\[\#00000080\] {
    background-color: #00000080;
  }
  .ui-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }
  .ui-bg-fill-4 {
    background-color: var(--fill-4);
  }
  .ui-bg-grey-4 {
    background-color: var(--grey-4);
  }
  .ui-bg-grey-5 {
    background-color: var(--grey-5);
  }
  .ui-bg-primary {
    background-color: var(--primary);
  }
  .ui-bg-primary-trans {
    background-color: var(--primary-trans);
  }
  .ui-bg-tile-1-elev {
    background-color: var(--tile-1-elev);
  }
  .ui-bg-tile-2 {
    background-color: var(--tile-2);
  }
  .ui-bg-transparent {
    background-color: transparent;
  }
  .ui-bg-txt-2 {
    background-color: var(--txt-2);
  }
  .ui-bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
  .ui-bg-primary-gradient {
    background-image: var(--primary-gradient);
  }
  .ui-from-disabled {
    --tw-gradient-from: var(--disabled) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .ui-from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .ui-from-0\% {
    --tw-gradient-from-position: 0%;
  }
  .ui-from-35\% {
    --tw-gradient-from-position: 35%;
  }
  .ui-from-70\% {
    --tw-gradient-from-position: 70%;
  }
  .ui-via-grey-3 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
      var(--grey-3) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .ui-via-primary {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
      var(--primary) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .ui-to-disabled {
    --tw-gradient-to: var(--disabled) var(--tw-gradient-to-position);
  }
  .ui-to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
  }
  .ui-to-100\% {
    --tw-gradient-to-position: 100%;
  }
  .ui-to-30\% {
    --tw-gradient-to-position: 30%;
  }
  .ui-to-65\% {
    --tw-gradient-to-position: 65%;
  }
  .ui-fill-primary {
    fill: var(--primary);
  }
  .ui-fill-txt-1 {
    fill: var(--txt-1);
  }
  .ui-fill-txt-2 {
    fill: var(--txt-2);
  }
  .ui-p-2 {
    padding: 0.5rem;
  }
  .ui-p-3 {
    padding: 0.75rem;
  }
  .ui-p-4 {
    padding: 1rem;
  }
  .ui-p-6 {
    padding: 1.5rem;
  }
  .ui-p-8 {
    padding: 2rem;
  }
  .ui-px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .ui-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ui-px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .ui-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ui-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .ui-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .ui-px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px;
  }
  .ui-py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .ui-py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .ui-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .ui-py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .ui-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .ui-py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .ui-pb-2 {
    padding-bottom: 0.5rem;
  }
  .ui-pb-4 {
    padding-bottom: 1rem;
  }
  .ui-pb-8 {
    padding-bottom: 2rem;
  }
  .ui-pt-0 {
    padding-top: 0;
  }
  .ui-pt-2 {
    padding-top: 0.5rem;
  }
  .ui-pt-3 {
    padding-top: 0.75rem;
  }
  .ui-pt-4 {
    padding-top: 1rem;
  }
  .ui-pt-8 {
    padding-top: 2rem;
  }
  .ui-text-left {
    text-align: left;
  }
  .ui-text-center {
    text-align: center;
  }
  .ui-text-right {
    text-align: right;
  }
  .ui-text-\[14px\] {
    font-size: 14px;
  }
  .ui-text-\[16px\] {
    font-size: 16px;
  }
  .ui-text-\[17px\] {
    font-size: 17px;
  }
  .ui-text-\[18px\] {
    font-size: 18px;
  }
  .\!ui-font-normal {
    font-weight: 400 !important;
  }
  .ui-font-bold {
    font-weight: 700;
  }
  .ui-font-normal {
    font-weight: 400;
  }
  .ui-font-semibold {
    font-weight: 600;
  }
  .ui-uppercase {
    text-transform: uppercase;
  }
  .ui-normal-case {
    text-transform: none;
  }
  .ui-leading-4 {
    line-height: 1rem;
  }
  .ui-leading-5 {
    line-height: 1.25rem;
  }
  .ui-leading-6 {
    line-height: 1.5rem;
  }
  .ui-tracking-widest {
    letter-spacing: 0.1em;
  }
  .ui-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  .ui-text-disabled {
    color: var(--disabled);
  }
  .ui-text-grey-2 {
    color: var(--grey-2);
  }
  .ui-text-primary {
    color: var(--primary);
  }
  .ui-text-txt-1 {
    color: var(--txt-1);
  }
  .ui-text-txt-2 {
    color: var(--txt-2);
  }
  .ui-text-txt-4 {
    color: var(--txt-4);
  }
  .ui-underline {
    text-decoration-line: underline;
  }
  .ui-no-underline {
    text-decoration-line: none;
  }
  .ui-opacity-0 {
    opacity: 0;
  }
  .ui-opacity-100 {
    opacity: 1;
  }
  .ui-opacity-30 {
    opacity: 0.3;
  }
  .ui-opacity-50 {
    opacity: 0.5;
  }
  .ui-opacity-60 {
    opacity: 0.6;
  }
  .ui-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  .ui-drop-shadow-primary {
    --tw-drop-shadow: drop-shadow(0 0px 4px #b5ff00);
  }
  .ui-drop-shadow-primary,
  .ui-saturate-0 {
    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);
  }
  .ui-saturate-0 {
    --tw-saturate: saturate(0);
  }
  .ui-transition {
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .ui-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .ui-transition-colors {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .ui-transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .ui-transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .ui-duration-150 {
    transition-duration: 0.15s;
  }
  .ui-duration-200 {
    transition-duration: 0.2s;
  }
  .ui-duration-300 {
    transition-duration: 0.3s;
  }
  .ui-duration-75 {
    transition-duration: 75ms;
  }
  .ui-ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ui-ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  @media (min-width: 1024px) {
    .lg\:ui-b1sb {
      font-size: 17px;
      font-weight: 600;
    }
  }
  .placeholder\:ui-text-txt-2::-moz-placeholder {
    color: var(--txt-2);
  }
  .placeholder\:ui-text-txt-2::placeholder {
    color: var(--txt-2);
  }
  .focus-within\:ui-border-fill-1:focus-within {
    border-color: var(--fill-1);
  }
  .focus-within\:ui-border-primary:focus-within {
    border-color: var(--primary);
  }
  .hover\:ui-scale-125:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }
  .hover\:ui-scale-125:hover,
  .hover\:ui-scale-\[1\.02\]:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover\:ui-scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
  }
  .hover\:ui-border-primary-hover:hover {
    border-color: var(--primary-hover);
  }
  .hover\:\!ui-bg-fill-2:hover {
    background-color: var(--fill-2) !important;
  }
  .hover\:ui-bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }
  .hover\:ui-bg-fill-3:hover {
    background-color: var(--fill-3);
  }
  .hover\:ui-bg-tile-2:hover {
    background-color: var(--tile-2);
  }
  .hover\:ui-fill-primary:hover {
    fill: var(--primary);
  }
  .hover\:ui-fill-primary-hover:hover {
    fill: var(--primary-hover);
  }
  .hover\:ui-fill-txt-2:hover {
    fill: var(--txt-2);
  }
  .hover\:ui-text-\[\#D1D1D1\]:hover {
    --tw-text-opacity: 1;
    color: rgb(209 209 209 / var(--tw-text-opacity));
  }
  .hover\:ui-text-primary:hover {
    color: var(--primary);
  }
  .hover\:ui-text-primary-hover:hover {
    color: var(--primary-hover);
  }
  .hover\:ui-text-txt-1:hover {
    color: var(--txt-1);
  }
  .hover\:ui-text-txt-2:hover {
    color: var(--txt-2);
  }
  .hover\:ui-underline:hover {
    text-decoration-line: underline;
  }
  .hover\:ui-opacity-70:hover {
    opacity: 0.7;
  }
  .hover\:ui-opacity-90:hover {
    opacity: 0.9;
  }
  .active\:ui-opacity-70:active {
    opacity: 0.7;
  }
  .active\:ui-opacity-80:active {
    opacity: 0.8;
  }
  .hover\:active\:ui-opacity-70:active:hover {
    opacity: 0.7;
  }
  .disabled\:ui-text-txt-3:disabled {
    color: var(--txt-3);
  }
  .ui-group:hover .group-hover\:ui-pointer-events-auto {
    pointer-events: auto;
  }
  .ui-group:hover .group-hover\:ui-translate-y-0 {
    --tw-translate-y: 0px;
  }
  .ui-group:hover .group-hover\:ui-scale-110,
  .ui-group:hover .group-hover\:ui-translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .ui-group:hover .group-hover\:ui-scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }
  .ui-group:hover .group-hover\:ui-fill-primary {
    fill: var(--primary);
  }
  .ui-group:hover .group-hover\:ui-text-primary {
    color: var(--primary);
  }
  .ui-group:hover .group-hover\:ui-opacity-100 {
    opacity: 1;
  }
  .ui-group:hover .group-hover\:ui-saturate-100 {
    --tw-saturate: saturate(1);
    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);
  }
  .ui-group:active .group-active\:ui-opacity-80 {
    opacity: 0.8;
  }
  @media (min-width: 768px) {
    .md\:ui-flex {
      display: flex;
    }
    .md\:ui-w-\[180px\] {
      width: 180px;
    }
    .md\:ui-px-4 {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  @media (min-width: 1024px) {
    .lg\:ui-relative {
      position: relative;
    }
    .lg\:ui-mb-0 {
      margin-bottom: 0;
    }
    .lg\:ui-mt-0 {
      margin-top: 0;
    }
    .lg\:ui-block {
      display: block;
    }
    .lg\:ui-flex {
      display: flex;
    }
    .lg\:ui-hidden {
      display: none;
    }
    .lg\:ui-h-\[150px\] {
      height: 150px;
    }
    .lg\:ui-h-\[50px\] {
      height: 50px;
    }
    .lg\:ui-h-full {
      height: 100%;
    }
    .lg\:ui-w-\[205px\] {
      width: 205px;
    }
    .lg\:ui-w-\[250px\] {
      width: 250px;
    }
    .lg\:ui-gap-2 {
      gap: 0.5rem;
    }
    .lg\:ui-gap-3 {
      gap: 0.75rem;
    }
    .lg\:ui-gap-5 {
      gap: 1.25rem;
    }
    .lg\:ui-px-12 {
      padding-left: 3rem;
      padding-right: 3rem;
    }
    .lg\:ui-px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .lg\:ui-py-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
    .lg\:ui-text-\[14px\] {
      font-size: 14px;
    }
    .lg\:ui-font-normal {
      font-weight: 400;
    }
    .lg\:ui-text-txt-2 {
      color: var(--txt-2);
    }
  }
  @media (min-width: 1280px) {
    .xl\:ui-mx-auto {
      margin-left: auto;
      margin-right: auto;
    }
    .xl\:ui-h-\[212px\] {
      height: 212px;
    }
    .xl\:ui-h-\[75px\] {
      height: 75px;
    }
    .xl\:ui-w-\[205px\] {
      width: 205px;
    }
    .xl\:ui-w-\[400px\] {
      width: 400px;
    }
    .xl\:ui-w-full {
      width: 100%;
    }
    .xl\:ui-max-w-\[1550px\] {
      max-width: 1550px;
    }
    .xl\:ui-gap-12 {
      gap: 3rem;
    }
    .xl\:ui-gap-\[18px\] {
      gap: 18px;
    }
    .xl\:ui-p-6 {
      padding: 1.5rem;
    }
    .xl\:ui-px-0 {
      padding-left: 0;
      padding-right: 0;
    }
    .xl\:ui-px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
    .xl\:ui-py-8 {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
    .xl\:ui-text-\[16px\] {
      font-size: 16px;
    }
  }
  
  /*
  ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
  */
  *,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
  }
  :after,
  :before {
    --tw-content: "";
  }
  html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family:
      ui-sans-serif,
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      Segoe UI,
      Roboto,
      Helvetica Neue,
      Arial,
      Noto Sans,
      sans-serif,
      Apple Color Emoji,
      Segoe UI Emoji,
      Segoe UI Symbol,
      Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
  }
  body {
    margin: 0;
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  pre,
  samp {
    font-family:
      Space Mono,
      monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  button,
  select {
    text-transform: none;
  }
  [type="button"],
  [type="reset"],
  [type="submit"],
  button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
  }
  :-moz-focusring {
    outline: auto;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  progress {
    vertical-align: baseline;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  blockquote,
  dd,
  dl,
  figure,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  p,
  pre {
    margin: 0;
  }
  fieldset {
    margin: 0;
  }
  fieldset,
  legend {
    padding: 0;
  }
  menu,
  ol,
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  textarea {
    resize: vertical;
  }
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  [role="button"],
  button {
    cursor: pointer;
  }
  :disabled {
    cursor: default;
  }
  audio,
  canvas,
  embed,
  iframe,
  img,
  object,
  svg,
  video {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  [hidden] {
    display: none;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  *,
  :after,
  :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
  }
  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
  }
  .static {
    position: static;
  }
  .fixed {
    position: fixed;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-x-0 {
    left: 0;
    right: 0;
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-\[15vh\] {
    bottom: 15vh;
  }
  .left-0 {
    left: 0;
  }
  .left-\[-250px\] {
    left: -250px;
  }
  .right-\[-180px\] {
    right: -180px;
  }
  .right-\[-700px\] {
    right: -700px;
  }
  .top-0 {
    top: 0;
  }
  .top-\[-400px\] {
    top: -400px;
  }
  .top-\[-800px\] {
    top: -800px;
  }
  .top-\[15vh\] {
    top: 15vh;
  }
  .top-\[600px\] {
    top: 600px;
  }
  .top-\[900px\] {
    top: 900px;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .-mt-3 {
    margin-top: -0.75rem;
  }
  .mb-12 {
    margin-bottom: 3rem;
  }
  .mb-2 {
    margin-bottom: 0.5rem;
  }
  .mb-24 {
    margin-bottom: 6rem;
  }
  .mb-4 {
    margin-bottom: 1rem;
  }
  .mb-48 {
    margin-bottom: 12rem;
  }
  .mb-6 {
    margin-bottom: 1.5rem;
  }
  .mb-8 {
    margin-bottom: 2rem;
  }
  .mt-12 {
    margin-top: 3rem;
  }
  .mt-2 {
    margin-top: 0.5rem;
  }
  .mt-24 {
    margin-top: 6rem;
  }
  .mt-4 {
    margin-top: 1rem;
  }
  .mt-6 {
    margin-top: 1.5rem;
  }
  .mt-8 {
    margin-top: 2rem;
  }
  .mt-\[-50px\] {
    margin-top: -50px;
  }
  .flex {
    display: flex;
  }
  .table {
    display: table;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .h-12 {
    height: 3rem;
  }
  .h-\[1000px\] {
    height: 1000px;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[12px\] {
    height: 12px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[2000px\] {
    height: 2000px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[2500px\] {
    height: 2500px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .w-0 {
    width: 0;
  }
  .w-1 {
    width: 0.25rem;
  }
  .w-\[100\%\] {
    width: 100%;
  }
  .w-\[1000px\] {
    width: 1000px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[1200px\] {
    width: 1200px;
  }
  .w-\[125px\] {
    width: 125px;
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[250px\] {
    width: 250px;
  }
  .w-\[350px\] {
    width: 350px;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[4000px\] {
    width: 4000px;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[550px\] {
    width: 550px;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[calc\(100\%-71px\)\] {
    width: calc(100% - 71px);
  }
  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: -moz-max-content;
    width: max-content;
  }
  .w-screen {
    width: 100vw;
  }
  .min-w-\[111px\] {
    min-width: 111px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[350px\] {
    max-width: 350px;
  }
  .max-w-\[650px\] {
    max-width: 650px;
  }
  .max-w-\[750px\] {
    max-width: 750px;
  }
  .flex-1 {
    flex: 1 1 0%;
  }
  .-translate-x-10 {
    --tw-translate-x: -2.5rem;
  }
  .-translate-x-10,
  .-translate-y-8 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .-translate-y-8 {
    --tw-translate-y: -2rem;
  }
  .translate-y-0 {
    --tw-translate-y: 0px;
  }
  .translate-y-0,
  .translate-y-10 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .translate-y-10 {
    --tw-translate-y: 2.5rem;
  }
  .rotate-180 {
    --tw-rotate: 180deg;
  }
  .rotate-180,
  .rotate-45 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .rotate-45 {
    --tw-rotate: 45deg;
  }
  .rotate-\[55deg\] {
    --tw-rotate: 55deg;
  }
  .rotate-\[55deg\],
  .rotate-\[8deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .rotate-\[8deg\] {
    --tw-rotate: 8deg;
  }
  .skew-x-12 {
    --tw-skew-x: 12deg;
  }
  .scale-100,
  .skew-x-12 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }
  .scale-50 {
    --tw-scale-x: 0.5;
    --tw-scale-y: 0.5;
  }
  .scale-50,
  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  @keyframes pulse {
    50% {
      opacity: 0.5;
    }
  }
  .animate-\[pulse_0\.75s_ease-in-out_infinite\] {
    animation: pulse 0.75s ease-in-out infinite;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-center {
    align-items: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-around {
    justify-content: space-around;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .gap-10 {
    gap: 2.5rem;
  }
  .gap-12 {
    gap: 3rem;
  }
  .gap-2 {
    gap: 0.5rem;
  }
  .gap-3 {
    gap: 0.75rem;
  }
  .gap-4 {
    gap: 1rem;
  }
  .gap-6 {
    gap: 1.5rem;
  }
  .gap-8 {
    gap: 2rem;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .rounded-full {
    border-radius: 9999px;
  }
  .border {
    border-width: 1px;
  }
  .border-\[2px\] {
    border-width: 2px;
  }
  .border-solid {
    border-style: solid;
  }
  .border-primary {
    border-color: var(--primary);
  }
  .border-txt-4 {
    border-color: var(--txt-4);
  }
  .bg-\[\#0F0F0F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 15 15 / var(--tw-bg-opacity));
  }
  .bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }
  .bg-disabled {
    background-color: var(--disabled);
  }
  .bg-neg {
    background-color: var(--neg);
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-tile-1-elev {
    background-color: var(--tile-1-elev);
  }
  .bg-tile-2 {
    background-color: var(--tile-2);
  }
  .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }
  .bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
  .bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  }
  .bg-tile-1-gradient {
    background-image: var(--tile-1-gradient);
  }
  .from-\[\#000000B3\] {
    --tw-gradient-from: #000000b3 var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-black {
    --tw-gradient-from: #000 var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-disabled {
    --tw-gradient-from: var(--disabled) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-grey-1 {
    --tw-gradient-from: var(--grey-1) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-grey-4 {
    --tw-gradient-from: var(--grey-4) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-primary {
    --tw-gradient-from: var(--primary) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-secondary {
    --tw-gradient-from: var(--secondary) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-teal {
    --tw-gradient-from: var(--teal) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-txt-pos {
    --tw-gradient-from: var(--txt-pos) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-10\% {
    --tw-gradient-from-position: 10%;
  }
  .via-disabled {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
      var(--disabled) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
      transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .to-\[\#000000B3\] {
    --tw-gradient-to: #000000b3 var(--tw-gradient-to-position);
  }
  .to-black {
    --tw-gradient-to: #000 var(--tw-gradient-to-position);
  }
  .to-disabled {
    --tw-gradient-to: var(--disabled) var(--tw-gradient-to-position);
  }
  .to-primary {
    --tw-gradient-to: var(--primary) var(--tw-gradient-to-position);
  }
  .to-tile-1-elev {
    --tw-gradient-to: var(--tile-1-elev) var(--tw-gradient-to-position);
  }
  .to-80\% {
    --tw-gradient-to-position: 80%;
  }
  .fill-primary {
    fill: var(--primary);
  }
  .stroke-primary {
    stroke: var(--primary);
  }
  .p-4 {
    padding: 1rem;
  }
  .p-6 {
    padding: 1.5rem;
  }
  .p-\[1px\] {
    padding: 1px;
  }
  .px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .px-\[160px\] {
    padding-left: 160px;
    padding-right: 160px;
  }
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .pb-12 {
    padding-bottom: 3rem;
  }
  .pb-9 {
    padding-bottom: 2.25rem;
  }
  .pb-\[50px\] {
    padding-bottom: 50px;
  }
  .pl-\[250px\] {
    padding-left: 250px;
  }
  .pt-20 {
    padding-top: 5rem;
  }
  .pt-4 {
    padding-top: 1rem;
  }
  .pt-8 {
    padding-top: 2rem;
  }
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[21px\] {
    font-size: 21px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[48px\] {
    font-size: 48px;
  }
  .font-bold {
    font-weight: 700;
  }
  .font-medium {
    font-weight: 500;
  }
  .font-semibold {
    font-weight: 600;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .leading-5 {
    line-height: 1.25rem;
  }
  .leading-6 {
    line-height: 1.5rem;
  }
  .leading-8 {
    line-height: 2rem;
  }
  .leading-\[30px\] {
    line-height: 30px;
  }
  .leading-\[50px\] {
    line-height: 50px;
  }
  .leading-\[70px\] {
    line-height: 70px;
  }
  .tracking-wide {
    letter-spacing: 0.025em;
  }
  .tracking-wider {
    letter-spacing: 0.05em;
  }
  .tracking-widest {
    letter-spacing: 0.1em;
  }
  .\!text-txt-1 {
    color: var(--txt-1) !important;
  }
  .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  .text-disabled {
    color: var(--disabled);
  }
  .text-primary {
    color: var(--primary);
  }
  .text-txt-1 {
    color: var(--txt-1);
  }
  .text-txt-2 {
    color: var(--txt-2);
  }
  .text-txt-neg {
    color: var(--txt-neg);
  }
  .text-txt-warn {
    color: var(--txt-warn);
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-100 {
    opacity: 1;
  }
  .opacity-20 {
    opacity: 0.2;
  }
  .opacity-40 {
    opacity: 0.4;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
      0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .blur-xl {
    --tw-blur: blur(24px);
  }
  .blur-xl,
  .brightness-\[0\.25\] {
    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);
  }
  .brightness-\[0\.25\] {
    --tw-brightness: brightness(0.25);
  }
  .drop-shadow-\[0_0px_18px_rgba\(181\2c 255\2c 0\2c 1\)\] {
    --tw-drop-shadow: drop-shadow(0 0px 18px #b5ff00);
  }
  .drop-shadow-\[0_0px_18px_rgba\(181\2c 255\2c 0\2c 1\)\],
  .drop-shadow-\[0_0px_6px_rgba\(181\2c 255\2c 0\2c 1\)\] {
    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-\[0_0px_6px_rgba\(181\2c 255\2c 0\2c 1\)\] {
    --tw-drop-shadow: drop-shadow(0 0px 6px #b5ff00);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
  }
  .filter,
  .grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
      var(--tw-sepia) var(--tw-drop-shadow);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .transition-colors {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .delay-100 {
    transition-delay: 0.1s;
  }
  .delay-150 {
    transition-delay: 0.15s;
  }
  .duration-300 {
    transition-duration: 0.3s;
  }
  .duration-700 {
    transition-duration: 0.7s;
  }
  .duration-\[1000ms\] {
    transition-duration: 1s;
  }
  .duration-\[700ms\] {
    transition-duration: 0.7s;
  }
  .ease-linear {
    transition-timing-function: linear;
  }
  .will-change-transform {
    will-change: transform;
  }
  body {
    line-height: 1;
    background-color: #fff;
    color: #fff;
    text-rendering: geometricPrecision;
  }
  html.dark body {
    background-color: #000;
  }
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover\:fill-primary-hover:hover {
    fill: var(--primary-hover);
  }
  .hover\:opacity-30:hover {
    opacity: 0.3;
  }
  .hover\:opacity-70:hover {
    opacity: 0.7;
  }
  .hover\:shadow-\[-5px_5px_15px_0px_rgba\(23\2c 23\2c 23\2c 0\.3\)\]:hover {
    --tw-shadow: -5px 5px 15px 0px hsla(0, 0%, 9%, 0.3);
    --tw-shadow-colored: -5px 5px 15px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .disabled\:text-txt-2:disabled {
    color: var(--txt-2);
  }
  @media (min-width: 768px) {
    .md\:left-\[-450px\] {
      left: -450px;
    }
    .md\:top-\[-1000px\] {
      top: -1000px;
    }
    .md\:top-\[1000px\] {
      top: 1000px;
    }
    .md\:ml-1 {
      margin-left: 0.25rem;
    }
    .md\:mt-\[-100px\] {
      margin-top: -100px;
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:h-\[25px\] {
      height: 25px;
    }
    .md\:h-\[275px\] {
      height: 275px;
    }
    .md\:h-\[310px\] {
      height: 310px;
    }
    .md\:w-\[600px\] {
      width: 600px;
    }
    .md\:w-\[60px\] {
      width: 60px;
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:max-w-\[500px\] {
      max-width: 500px;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .md\:items-start {
      align-items: flex-start;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
  }
  @media (min-width: 1024px) {
    .lg\:-right-0 {
      right: 0;
    }
    .lg\:left-\[-400px\] {
      left: -400px;
    }
    .lg\:top-\[-800px\] {
      top: -800px;
    }
    .lg\:mx-0 {
      margin-left: 0;
      margin-right: 0;
    }
    .lg\:my-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .lg\:my-24 {
      margin-top: 6rem;
      margin-bottom: 6rem;
    }
    .lg\:mb-0 {
      margin-bottom: 0;
    }
    .lg\:mb-48 {
      margin-bottom: 12rem;
    }
    .lg\:ml-4 {
      margin-left: 1rem;
    }
    .lg\:mt-0 {
      margin-top: 0;
    }
    .lg\:mt-4 {
      margin-top: 1rem;
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:h-\[150px\] {
      height: 150px;
    }
    .lg\:h-\[160px\] {
      height: 160px;
    }
    .lg\:h-\[355px\] {
      height: 355px;
    }
    .lg\:h-\[371px\] {
      height: 371px;
    }
    .lg\:h-\[60vh\] {
      height: 60vh;
    }
    .lg\:max-h-\[600px\] {
      max-height: 600px;
    }
    .lg\:w-\[120px\] {
      width: 120px;
    }
    .lg\:w-\[122px\] {
      width: 122px;
    }
    .lg\:w-\[130px\] {
      width: 130px;
    }
    .lg\:w-\[132px\] {
      width: 132px;
    }
    .lg\:w-\[1500px\] {
      width: 1500px;
    }
    .lg\:w-\[175px\] {
      width: 175px;
    }
    .lg\:w-\[350px\] {
      width: 350px;
    }
    .lg\:w-\[36px\] {
      width: 36px;
    }
    .lg\:w-\[460px\] {
      width: 460px;
    }
    .lg\:w-\[600px\] {
      width: 600px;
    }
    .lg\:w-\[972px\] {
      width: 972px;
    }
    .lg\:w-\[calc\(100\%-99px\)\] {
      width: calc(100% - 99px);
    }
    .lg\:w-auto {
      width: auto;
    }
    .lg\:w-fit {
      width: -moz-fit-content;
      width: fit-content;
    }
    .lg\:max-w-\[850px\] {
      max-width: 850px;
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:items-end {
      align-items: flex-end;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:justify-start {
      justify-content: flex-start;
    }
    .lg\:justify-end {
      justify-content: flex-end;
    }
    .lg\:justify-center {
      justify-content: center;
    }
    .lg\:gap-10 {
      gap: 2.5rem;
    }
    .lg\:gap-12 {
      gap: 3rem;
    }
    .lg\:gap-2 {
      gap: 0.5rem;
    }
    .lg\:gap-6 {
      gap: 1.5rem;
    }
    .lg\:gap-8 {
      gap: 2rem;
    }
    .lg\:overflow-hidden {
      overflow: hidden;
    }
    .lg\:px-0 {
      padding-left: 0;
      padding-right: 0;
    }
    .lg\:px-24 {
      padding-left: 6rem;
      padding-right: 6rem;
    }
    .lg\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .lg\:px-\[160px\] {
      padding-left: 160px;
      padding-right: 160px;
    }
    .lg\:px-\[50px\] {
      padding-left: 50px;
      padding-right: 50px;
    }
    .lg\:py-24 {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
    .lg\:pb-0 {
      padding-bottom: 0;
    }
    .lg\:pb-24 {
      padding-bottom: 6rem;
    }
    .lg\:pb-8 {
      padding-bottom: 2rem;
    }
    .lg\:pb-\[100px\] {
      padding-bottom: 100px;
    }
    .lg\:pt-\[125px\] {
      padding-top: 125px;
    }
    .lg\:text-left {
      text-align: left;
    }
    .lg\:text-center {
      text-align: center;
    }
    .lg\:\!text-\[60px\] {
      font-size: 60px !important;
    }
    .lg\:text-\[16px\] {
      font-size: 16px;
    }
    .lg\:text-\[17px\] {
      font-size: 17px;
    }
    .lg\:text-\[18px\] {
      font-size: 18px;
    }
    .lg\:text-\[21px\] {
      font-size: 21px;
    }
    .lg\:text-\[28px\] {
      font-size: 28px;
    }
    .lg\:text-\[40px\] {
      font-size: 40px;
    }
    .lg\:leading-\[70px\] {
      line-height: 70px;
    }
    .lg\:tracking-normal {
      letter-spacing: 0;
    }
    .lg\:tracking-wider {
      letter-spacing: 0.05em;
    }
  }
  @media (min-width: 1280px) {
    .xl\:-right-\[150px\] {
      right: -150px;
    }
    .xl\:w-\[650px\] {
      width: 650px;
    }
    .xl\:max-w-\[1550px\] {
      max-width: 1550px;
    }
    .xl\:px-0 {
      padding-left: 0;
      padding-right: 0;
    }
    .xl\:px-\[100px\] {
      padding-left: 100px;
      padding-right: 100px;
    }
    .xl\:text-\[17px\] {
      font-size: 17px;
    }
  }
  @media (min-width: 1536px) {
    .\32xl\:w-\[850px\] {
      width: 850px;
    }
  }
  .h1 {
    font-size: 60px;
  }
  .h3 {
    font-size: 28px;
  }
  .h4 {
    font-size: 22px;
  }
  .h5 {
    font-size: 20px;
  }
  .h1b {
    font-size: 60px;
  }
  .h1b,
  .h2b {
    font-weight: 700;
  }
  .h2b {
    font-size: 34px;
  }
  .b1 {
    font-size: 17px;
  }
  .b2 {
    font-size: 14px;
  }
  .b3 {
    font-size: 12px;
  }
  .b2sb {
    font-size: 14px;
    font-weight: 600;
  }
  .f2 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 28px;
  }
  .f2,
  .f4 {
    font-family: Inter, sans-serif;
  }
  .f4 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 14px;
  }
  .f5 {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 13px;
  }
  .f2b,
  .f5 {
    font-family: Inter, sans-serif;
  }
  .f2b {
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 28px;
    font-weight: 600;
  }
  .r1,
  .r1b {
    font-family: Inter, sans-serif;
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 13px;
  }
  .r1b {
    font-weight: 500;
  }
  .btn-primary {
    background-color: var(--primary);
    color: var(--txt-1);
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .btn-primary:hover {
    opacity: 0.8;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
      0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: var(--primary-trans);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .btn-primary:active {
    opacity: 0.7;
  }
  .btn-primary:disabled {
    opacity: 0.5;
  }
  :is(.dark .btn-primary) {
    color: var(--txt-3);
  }
  .btn-secondary {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(28 33 11 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(28 33 11 / var(--tw-bg-opacity));
    color: var(--txt-action);
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .btn-secondary:hover {
    border-color: var(--txt-action);
  }
  .btn-secondary:active {
    opacity: 0.7;
  }
  .btn-secondary:disabled {
    opacity: 0.5;
  }
  .btn-secondary:hover:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(28 33 11 / var(--tw-border-opacity));
  }
  .btn-inverted {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 15 15 / var(--tw-border-opacity));
    color: var(--txt-action);
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .btn-inverted:hover {
    border-color: var(--txt-3);
  }
  .btn-inverted:active {
    opacity: 0.7;
  }
  .btn-inverted:disabled {
    color: var(--txt-2);
  }
  .btn-inverted:hover:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(15 15 15 / var(--tw-border-opacity));
  }
  .btn-inverted:active:disabled {
    opacity: 1;
  }
  .btn-lg {
    font-family: Inter, sans-serif;
    font-feature-settings:
      "salt" on,
      "ss02" on;
    font-size: 14px;
    font-weight: 600;
    padding: 0.75rem 1rem;
  }
  .a-primary {
    fill: var(--primary);
    color: var(--txt-action);
  }
  .a-primary:hover {
    fill: var(--primary-hover);
    color: var(--primary-hover);
  }
  .a-primary:active {
    opacity: 0.8;
  }
  .a-primary.active {
    color: var(--primary);
  }
  .a-primary.active:hover {
    color: var(--primary-hover);
  }
  .a-primary.disabled {
    fill: var(--txt-2);
    color: var(--txt-2);
  }
  .a-primary.disabled:hover {
    color: var(--txt-2);
  }
  .a-secondary.disabled {
    fill: var(--txt-2);
    color: var(--txt-2);
  }
  .a-secondary.disabled:hover {
    color: var(--txt-2);
  }
  @media (min-width: 1024px) {
    .lg\:\!h1b {
      font-size: 60px;
      font-weight: 700;
    }
  }