@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Lato:wght@300;400;700;900&family=Rubik:wght@300;400;500;600;700&display=swap");
/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: rotateX(0);
      --tw-rotate-y: rotateY(0);
      --tw-rotate-z: rotateZ(0);
      --tw-skew-x: skewX(0);
      --tw-skew-y: skewY(0);
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-gray-100: oklch(.967 .003 264.542);
    --color-gray-300: oklch(.872 .01 258.338);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xl: 36rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
  }
}

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

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

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

  body {
    line-height: inherit;
  }

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: Sora, sans-serif;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h1 {
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h2 {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h3 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h4 {
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) p {
    font-size: var(--text-base);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) label, :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) button {
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) input {
    font-size: var(--text-base);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
  }
}

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

  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

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

  .inset-\[-0\.2\%_-1\.7\%_-0\.09\%_-1\.7\%\] {
    inset: -.2% -1.7% -.09%;
  }

  .inset-\[-0\.2\%_-1\.68\%_-0\.09\%_-1\.68\%\] {
    inset: -.2% -1.68% -.09%;
  }

  .inset-\[-0\.2\%_-1\.71\%_-0\.09\%_-1\.71\%\] {
    inset: -.2% -1.71% -.09%;
  }

  .inset-\[-0\.27\%_-1\.05\%_-0\.14\%_-1\.05\%\] {
    inset: -.27% -1.05% -.14%;
  }

  .inset-\[-0\.27\%_-1\.06\%_-0\.14\%_-1\.06\%\] {
    inset: -.27% -1.06% -.14%;
  }

  .inset-\[-21\.85\%_-22\.35\%\] {
    inset: -21.85% -22.35%;
  }

  .inset-\[-21\.96\%_-22\.35\%\] {
    inset: -21.96% -22.35%;
  }

  .inset-\[-24\.34\%_-22\.55\%\] {
    inset: -24.34% -22.55%;
  }

  .inset-\[38\.46\%_41\.26\%_61\.49\%_58\.66\%\] {
    inset: 38.46% 41.26% 61.49% 58.66%;
  }

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

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

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

  .top-\[-10\.24\%\] {
    top: -10.24%;
  }

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

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

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

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

  .top-\[196\.65px\] {
    top: 196.65px;
  }

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

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

  .top-\[383\.78px\] {
    top: 383.78px;
  }

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

  .top-\[396\.34px\] {
    top: 396.34px;
  }

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

  .top-\[505\.13px\] {
    top: 505.13px;
  }

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

  .top-\[540\.25px\] {
    top: 540.25px;
  }

  .top-\[541\.78px\] {
    top: 541.78px;
  }

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

  .top-\[546\.82px\] {
    top: 546.82px;
  }

  .top-\[564\.17px\] {
    top: 564.17px;
  }

  .top-\[571\.36px\] {
    top: 571.36px;
  }

  .top-\[596\.35px\] {
    top: 596.35px;
  }

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

  .top-\[602\.51px\] {
    top: 602.51px;
  }

  .top-\[617\.78px\] {
    top: 617.78px;
  }

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

  .top-\[623\.78px\] {
    top: 623.78px;
  }

  .top-\[634\.84px\] {
    top: 634.84px;
  }

  .top-\[675\.63px\] {
    top: 675.63px;
  }

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

  .top-\[682\.79px\] {
    top: 682.79px;
  }

  .top-\[734\.87px\] {
    top: 734.87px;
  }

  .top-\[777\.99px\] {
    top: 777.99px;
  }

  .top-\[815\.18px\] {
    top: 815.18px;
  }

  .top-\[837\.43px\] {
    top: 837.43px;
  }

  .top-\[843\.04px\] {
    top: 843.04px;
  }

  .top-\[850\.08px\] {
    top: 850.08px;
  }

  .top-\[899\.75px\] {
    top: 899.75px;
  }

  .top-\[906\.92px\] {
    top: 906.92px;
  }

  .top-\[920\.48px\] {
    top: 920.48px;
  }

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

  .top-\[931\.99px\] {
    top: 931.99px;
  }

  .top-\[947\.07px\] {
    top: 947.07px;
  }

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

  .top-\[1009\.52px\] {
    top: 1009.52px;
  }

  .top-\[1012\.62px\] {
    top: 1012.62px;
  }

  .top-\[1034\.1px\] {
    top: 1034.1px;
  }

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

  .top-\[1060\.53px\] {
    top: 1060.53px;
  }

  .top-\[1063\.25px\] {
    top: 1063.25px;
  }

  .top-\[1079\.03px\] {
    top: 1079.03px;
  }

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

  .top-\[1109\.06px\] {
    top: 1109.06px;
  }

  .top-\[1109\.33px\] {
    top: 1109.33px;
  }

  .top-\[1116\.51px\] {
    top: 1116.51px;
  }

  .top-\[1166\.63px\] {
    top: 1166.63px;
  }

  .top-\[1170\.96px\] {
    top: 1170.96px;
  }

  .top-\[1211\.32px\] {
    top: 1211.32px;
  }

  .top-\[1371\.82px\] {
    top: 1371.82px;
  }

  .top-\[1385\.77px\] {
    top: 1385.77px;
  }

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

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

  .top-\[1425\.74px\] {
    top: 1425.74px;
  }

  .top-\[1425\.78px\] {
    top: 1425.78px;
  }

  .top-\[1432\.86px\] {
    top: 1432.86px;
  }

  .top-\[1432\.88px\] {
    top: 1432.88px;
  }

  .top-\[1433\.88px\] {
    top: 1433.88px;
  }

  .top-\[1641\.65px\] {
    top: 1641.65px;
  }

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

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

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

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

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

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

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

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

  .left-\[20\.08px\] {
    left: 20.08px;
  }

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

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

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

  .left-\[1017\.64px\] {
    left: 1017.64px;
  }

  .left-\[1070\.49px\] {
    left: 1070.49px;
  }

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

  .left-\[1140\.68px\] {
    left: 1140.68px;
  }

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

  .left-\[1179\.71px\] {
    left: 1179.71px;
  }

  .left-\[1181\.98px\] {
    left: 1181.98px;
  }

  .left-\[1222\.88px\] {
    left: 1222.88px;
  }

  .left-\[1374\.19px\] {
    left: 1374.19px;
  }

  .left-\[1392\.06px\] {
    left: 1392.06px;
  }

  .left-\[1403\.25px\] {
    left: 1403.25px;
  }

  .left-\[1411\.41px\] {
    left: 1411.41px;
  }

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

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

  .left-\[1418\.05px\] {
    left: 1418.05px;
  }

  .left-\[1419\.02px\] {
    left: 1419.02px;
  }

  .left-\[1420\.78px\] {
    left: 1420.78px;
  }

  .left-\[1421\.05px\] {
    left: 1421.05px;
  }

  .left-\[1441\.68px\] {
    left: 1441.68px;
  }

  .left-\[1459\.32px\] {
    left: 1459.32px;
  }

  .left-\[1471\.35px\] {
    left: 1471.35px;
  }

  .left-\[1479\.49px\] {
    left: 1479.49px;
  }

  .left-\[1486\.17px\] {
    left: 1486.17px;
  }

  .left-\[1502\.89px\] {
    left: 1502.89px;
  }

  .left-\[1503\.12px\] {
    left: 1503.12px;
  }

  .left-\[1504\.5px\] {
    left: 1504.5px;
  }

  .left-\[1504\.17px\] {
    left: 1504.17px;
  }

  .left-\[1505\.1px\] {
    left: 1505.1px;
  }

  .left-\[1515\.89px\] {
    left: 1515.89px;
  }

  .left-\[1516\.02px\] {
    left: 1516.02px;
  }

  .left-\[1524\.15px\] {
    left: 1524.15px;
  }

  .left-\[1543\.32px\] {
    left: 1543.32px;
  }

  .left-\[1544\.13px\] {
    left: 1544.13px;
  }

  .left-\[1544\.33px\] {
    left: 1544.33px;
  }

  .left-\[1545\.6px\] {
    left: 1545.6px;
  }

  .left-\[1545\.15px\] {
    left: 1545.15px;
  }

  .left-\[1546\.62px\] {
    left: 1546.62px;
  }

  .left-\[1591\.43px\] {
    left: 1591.43px;
  }

  .left-\[1605\.97px\] {
    left: 1605.97px;
  }

  .left-\[1607\.68px\] {
    left: 1607.68px;
  }

  .left-\[1608\.39px\] {
    left: 1608.39px;
  }

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

  .left-\[1610\.75px\] {
    left: 1610.75px;
  }

  .left-\[1611\.42px\] {
    left: 1611.42px;
  }

  .left-\[1639\.55px\] {
    left: 1639.55px;
  }

  .left-\[1665\.59px\] {
    left: 1665.59px;
  }

  .left-\[1668\.13px\] {
    left: 1668.13px;
  }

  .left-\[1668\.15px\] {
    left: 1668.15px;
  }

  .left-\[1792\.95px\] {
    left: 1792.95px;
  }

  .left-\[1855\.78px\] {
    left: 1855.78px;
  }

  .left-\[1908\.29px\] {
    left: 1908.29px;
  }

  .left-\[1985\.93px\] {
    left: 1985.93px;
  }

  .left-\[1989\.13px\] {
    left: 1989.13px;
  }

  .left-\[1993\.08px\] {
    left: 1993.08px;
  }

  .left-\[2059\.19px\] {
    left: 2059.19px;
  }

  .left-\[2062\.55px\] {
    left: 2062.55px;
  }

  .left-\[2065\.19px\] {
    left: 2065.19px;
  }

  .left-\[2067\.39px\] {
    left: 2067.39px;
  }

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

  .left-\[2127\.89px\] {
    left: 2127.89px;
  }

  .left-\[2156\.26px\] {
    left: 2156.26px;
  }

  .left-\[2184\.06px\] {
    left: 2184.06px;
  }

  .left-\[2214\.84px\] {
    left: 2214.84px;
  }

  .left-\[2469\.25px\] {
    left: 2469.25px;
  }

  .left-\[2527\.55px\] {
    left: 2527.55px;
  }

  .left-\[2591\.42px\] {
    left: 2591.42px;
  }

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

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

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

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

  .z-\[90\] {
    z-index: 90;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[9000\] {
    z-index: 9000;
  }

  .z-\[9001\] {
    z-index: 9001;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .z-\[10000\] {
    z-index: 10000;
  }

  .container {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

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

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

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

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

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

  .h-\[25\.316px\] {
    height: 25.316px;
  }

  .h-\[25\.504px\] {
    height: 25.504px;
  }

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

  .h-\[27\.392px\] {
    height: 27.392px;
  }

  .h-\[27\.596px\] {
    height: 27.596px;
  }

  .h-\[27\.866px\] {
    height: 27.866px;
  }

  .h-\[50\.631px\] {
    height: 50.631px;
  }

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

  .h-\[51\.008px\] {
    height: 51.008px;
  }

  .h-\[88\.99\%\] {
    height: 88.99%;
  }

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

  .h-\[101\.263px\] {
    height: 101.263px;
  }

  .h-\[102\.016px\] {
    height: 102.016px;
  }

  .h-\[142\.384px\] {
    height: 142.384px;
  }

  .h-\[143\.268px\] {
    height: 143.268px;
  }

  .h-\[144\.749px\] {
    height: 144.749px;
  }

  .h-\[145\.317px\] {
    height: 145.317px;
  }

  .h-\[147\.824px\] {
    height: 147.824px;
  }

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

  .h-\[167\.452px\] {
    height: 167.452px;
  }

  .h-\[168\.094px\] {
    height: 168.094px;
  }

  .h-\[170\.013px\] {
    height: 170.013px;
  }

  .h-\[224\.067px\] {
    height: 224.067px;
  }

  .h-\[224\.826px\] {
    height: 224.826px;
  }

  .h-\[227\.438px\] {
    height: 227.438px;
  }

  .h-\[321\.519px\] {
    height: 321.519px;
  }

  .h-\[323\.924px\] {
    height: 323.924px;
  }

  .h-\[327\.085px\] {
    height: 327.085px;
  }

  .h-\[374\.964px\] {
    height: 374.964px;
  }

  .h-\[379\.699px\] {
    height: 379.699px;
  }

  .h-\[382\.523px\] {
    height: 382.523px;
  }

  .h-\[382\.634px\] {
    height: 382.634px;
  }

  .h-\[382\.993px\] {
    height: 382.993px;
  }

  .h-\[386\.823px\] {
    height: 386.823px;
  }

  .h-\[389\.991px\] {
    height: 389.991px;
  }

  .h-\[390\.156px\] {
    height: 390.156px;
  }

  .h-\[406\.209px\] {
    height: 406.209px;
  }

  .h-\[411\.338px\] {
    height: 411.338px;
  }

  .h-\[414\.397px\] {
    height: 414.397px;
  }

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

  .h-\[603\.525px\] {
    height: 603.525px;
  }

  .h-\[608\.014px\] {
    height: 608.014px;
  }

  .h-\[634\.743px\] {
    height: 634.743px;
  }

  .h-\[693\.818px\] {
    height: 693.818px;
  }

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

  .h-\[757\.192px\] {
    height: 757.192px;
  }

  .h-\[762\.271px\] {
    height: 762.271px;
  }

  .h-\[769\.976px\] {
    height: 769.976px;
  }

  .h-\[792\.653px\] {
    height: 792.653px;
  }

  .h-\[792\.788px\] {
    height: 792.788px;
  }

  .h-\[796\.653px\] {
    height: 796.653px;
  }

  .h-\[812\.041px\] {
    height: 812.041px;
  }

  .h-\[815\.218px\] {
    height: 815.218px;
  }

  .h-\[868\.833px\] {
    height: 868.833px;
  }

  .h-\[897\.837px\] {
    height: 897.837px;
  }

  .h-\[1052\.7px\] {
    height: 1052.7px;
  }

  .h-\[1061\.51px\] {
    height: 1061.51px;
  }

  .h-\[1062\.18px\] {
    height: 1062.18px;
  }

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

  .h-\[1081\.11px\] {
    height: 1081.11px;
  }

  .h-\[1117\.62px\] {
    height: 1117.62px;
  }

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

  .h-\[1140\.22px\] {
    height: 1140.22px;
  }

  .h-\[1148\.7px\] {
    height: 1148.7px;
  }

  .h-full {
    height: 100%;
  }

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

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

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

  .w-\[24\.6px\] {
    width: 24.6px;
  }

  .w-\[24\.253px\] {
    width: 24.253px;
  }

  .w-\[24\.303px\] {
    width: 24.303px;
  }

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

  .w-\[41\.64px\] {
    width: 41.64px;
  }

  .w-\[41\.237px\] {
    width: 41.237px;
  }

  .w-\[87\.913px\] {
    width: 87.913px;
  }

  .w-\[88\.321px\] {
    width: 88.321px;
  }

  .w-\[89\.297px\] {
    width: 89.297px;
  }

  .w-\[100\.1\%\] {
    width: 100.1%;
  }

  .w-\[141\.243px\] {
    width: 141.243px;
  }

  .w-\[141\.768px\] {
    width: 141.768px;
  }

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

  .w-\[156\.172px\] {
    width: 156.172px;
  }

  .w-\[156\.497px\] {
    width: 156.497px;
  }

  .w-\[158\.409px\] {
    width: 158.409px;
  }

  .w-\[212\.957px\] {
    width: 212.957px;
  }

  .w-\[214\.275px\] {
    width: 214.275px;
  }

  .w-\[216\.492px\] {
    width: 216.492px;
  }

  .w-\[250\.868px\] {
    width: 250.868px;
  }

  .w-\[251\.621px\] {
    width: 251.621px;
  }

  .w-\[251\.828px\] {
    width: 251.828px;
  }

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

  .w-\[254\.704px\] {
    width: 254.704px;
  }

  .w-\[255\.225px\] {
    width: 255.225px;
  }

  .w-\[267\.988px\] {
    width: 267.988px;
  }

  .w-\[268\.545px\] {
    width: 268.545px;
  }

  .w-\[271\.827px\] {
    width: 271.827px;
  }

  .w-\[282\.81px\] {
    width: 282.81px;
  }

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

  .w-\[286\.861px\] {
    width: 286.861px;
  }

  .w-\[318\.066px\] {
    width: 318.066px;
  }

  .w-\[322\.284px\] {
    width: 322.284px;
  }

  .w-\[324\.589px\] {
    width: 324.589px;
  }

  .w-\[335\.79px\] {
    width: 335.79px;
  }

  .w-\[336\.926px\] {
    width: 336.926px;
  }

  .w-\[340\.842px\] {
    width: 340.842px;
  }

  .w-\[353\.684px\] {
    width: 353.684px;
  }

  .w-\[354\.419px\] {
    width: 354.419px;
  }

  .w-\[358\.75px\] {
    width: 358.75px;
  }

  .w-\[410\.382px\] {
    width: 410.382px;
  }

  .w-\[413\.263px\] {
    width: 413.263px;
  }

  .w-\[415\.641px\] {
    width: 415.641px;
  }

  .w-\[417\.513px\] {
    width: 417.513px;
  }

  .w-\[462\.431px\] {
    width: 462.431px;
  }

  .w-\[465\.918px\] {
    width: 465.918px;
  }

  .w-\[470\.452px\] {
    width: 470.452px;
  }

  .w-\[612\.786px\] {
    width: 612.786px;
  }

  .w-\[765\.979px\] {
    width: 765.979px;
  }

  .w-\[767\.571px\] {
    width: 767.571px;
  }

  .w-\[769\.441px\] {
    width: 769.441px;
  }

  .w-\[771\.884px\] {
    width: 771.884px;
  }

  .w-\[776\.95px\] {
    width: 776.95px;
  }

  .w-\[778\.801px\] {
    width: 778.801px;
  }

  .w-\[778\.884px\] {
    width: 778.884px;
  }

  .w-\[802\.412px\] {
    width: 802.412px;
  }

  .w-\[805\.628px\] {
    width: 805.628px;
  }

  .w-\[1036\.79px\] {
    width: 1036.79px;
  }

  .w-\[1132\.1px\] {
    width: 1132.1px;
  }

  .w-\[1139\.67px\] {
    width: 1139.67px;
  }

  .w-\[1151\.2px\] {
    width: 1151.2px;
  }

  .w-\[1298\.34px\] {
    width: 1298.34px;
  }

  .w-\[1341\.78px\] {
    width: 1341.78px;
  }

  .w-\[1572\.07px\] {
    width: 1572.07px;
  }

  .w-\[1585\.2px\] {
    width: 1585.2px;
  }

  .w-\[1586\.2px\] {
    width: 1586.2px;
  }

  .w-\[1600\.04px\] {
    width: 1600.04px;
  }

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

  .w-\[1668\.98px\] {
    width: 1668.98px;
  }

  .w-full {
    width: 100%;
  }

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

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

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

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

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

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

  .scale-x-\[81\.99\%\] {
    --tw-scale-x: 81.99%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-\[81\.942\%\] {
    --tw-scale-x: 81.942%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-\[82\.049\%\] {
    --tw-scale-x: 82.049%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-\[99\.849\%\] {
    --tw-scale-x: 99.849%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-\[112\.937\%\] {
    --tw-scale-x: 112.937%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-\[112\.985\%\] {
    --tw-scale-x: 112.985%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-\[113\.025\%\] {
    --tw-scale-x: 113.025%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-\[84\.884\%\] {
    --tw-scale-y: 84.884%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-\[84\.949\%\] {
    --tw-scale-y: 84.949%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-\[85\.002\%\] {
    --tw-scale-y: 85.002%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-\[100\.151\%\] {
    --tw-scale-y: 100.151%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-\[115\.262\%\] {
    --tw-scale-y: 115.262%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-\[115\.297\%\] {
    --tw-scale-y: 115.297%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-\[115\.338\%\] {
    --tw-scale-y: 115.338%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-\[23\.118deg\] {
    rotate: 23.118deg;
  }

  .rotate-\[23\.237deg\] {
    rotate: 23.237deg;
  }

  .rotate-\[23\.336deg\] {
    rotate: 23.336deg;
  }

  .rotate-\[146\.099deg\] {
    rotate: 146.099deg;
  }

  .rotate-\[179\.773deg\] {
    rotate: 179.773deg;
  }

  .rotate-\[292\.288deg\] {
    rotate: 292.288deg;
  }

  .rotate-\[292\.449deg\] {
    rotate: 292.449deg;
  }

  .rotate-\[292\.643deg\] {
    rotate: 292.643deg;
  }

  .rotate-\[326\.31deg\] {
    rotate: 326.31deg;
  }

  .rotate-\[330\.266deg\] {
    rotate: 330.266deg;
  }

  .rotate-\[330\.383deg\] {
    rotate: 330.383deg;
  }

  .rotate-\[330\.524deg\] {
    rotate: 330.524deg;
  }

  .rotate-\[345\.056deg\] {
    rotate: 345.056deg;
  }

  .rotate-\[345\.142deg\] {
    rotate: 345.142deg;
  }

  .rotate-\[345\.213deg\] {
    rotate: 345.213deg;
  }

  .skew-x-\[0\.234deg\] {
    --tw-skew-x: skewX(.234deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[0\.517deg\] {
    --tw-skew-x: skewX(.517deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[10\.967deg\] {
    --tw-skew-x: skewX(10.967deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[11\.192deg\] {
    --tw-skew-x: skewX(11.192deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[11\.464deg\] {
    --tw-skew-x: skewX(11.464deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[14\.258deg\] {
    --tw-skew-x: skewX(14.258deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[14\.482deg\] {
    --tw-skew-x: skewX(14.482deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[14\.668deg\] {
    --tw-skew-x: skewX(14.668deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[20\.878deg\] {
    --tw-skew-x: skewX(20.878deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[20\.879deg\] {
    --tw-skew-x: skewX(20.879deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[359\.564deg\] {
    --tw-skew-x: skewX(359.564deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skew-x-\[359\.803deg\] {
    --tw-skew-x: skewX(359.803deg);
    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);
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

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

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

  .rounded-br-\[25px\] {
    border-bottom-right-radius: 25px;
  }

  .rounded-bl-\[25px\] {
    border-bottom-left-radius: 25px;
  }

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

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

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

  .bg-\[rgba\(141\,255\,116\,0\.53\)\] {
    background-color: #8dff7487;
  }

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

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

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

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

  .from-black\/80 {
    --tw-gradient-from: #000c;
    --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));
  }

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

  .via-transparent {
    --tw-gradient-via: transparent;
    --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-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));
  }

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

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

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

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

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

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

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

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

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

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

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

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

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

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

  .font-\[\'Paytone_One\:Regular\'\,sans-serif\] {
    font-family: Paytone One\:Regular, sans-serif;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

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

  .opacity-40 {
    opacity: .4;
  }

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

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

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

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

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

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
    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));
  }

  @media (hover: hover) {
    .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);
      }
    }
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

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

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  @media (width >= 40rem) {
    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 40rem) {
    .sm\:mb-24 {
      margin-bottom: calc(var(--spacing) * 24);
    }
  }

  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 40rem) {
    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 40rem) {
    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 40rem) {
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 40rem) {
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 40rem) {
    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 48rem) {
    .md\:left-\[8\%\] {
      left: 8%;
    }
  }

  @media (width >= 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (width >= 48rem) {
    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }

  @media (width >= 48rem) {
    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (width >= 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (width >= 48rem) {
    .md\:grid {
      display: grid;
    }
  }

  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (width >= 48rem) {
    .md\:h-7 {
      height: calc(var(--spacing) * 7);
    }
  }

  @media (width >= 48rem) {
    .md\:h-12 {
      height: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 48rem) {
    .md\:h-14 {
      height: calc(var(--spacing) * 14);
    }
  }

  @media (width >= 48rem) {
    .md\:min-h-\[420px\] {
      min-height: 420px;
    }
  }

  @media (width >= 48rem) {
    .md\:w-7 {
      width: calc(var(--spacing) * 7);
    }
  }

  @media (width >= 48rem) {
    .md\:w-12 {
      width: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 48rem) {
    .md\:w-14 {
      width: calc(var(--spacing) * 14);
    }
  }

  @media (width >= 48rem) {
    .md\:scale-75 {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (width >= 48rem) {
    .md\:scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

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

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

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

  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (width >= 48rem) {
    .md\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
  }

  @media (width >= 48rem) {
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 48rem) {
    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 48rem) {
    .md\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 48rem) {
    :where(.md\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (width >= 48rem) {
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 48rem) {
    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 48rem) {
    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }

  @media (width >= 48rem) {
    .md\:text-left {
      text-align: left;
    }
  }

  @media (width >= 64rem) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media (width >= 64rem) {
    .lg\:w-auto {
      width: auto;
    }
  }

  @media (width >= 64rem) {
    .lg\:scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

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

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

  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
  }
}


:root {
  --font-size: 16px;
  --background: #fff;
  --foreground: oklch(.145 0 0);
  --card: #fff;
  --card-foreground: oklch(.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(.145 0 0);
  --primary: #030213;
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(.95 .0058 264.53);
  --secondary-foreground: #030213;
  --muted: #ececf0;
  --muted-foreground: #717182;
  --accent: #e9ebef;
  --accent-foreground: #030213;
  --destructive: #d4183d;
  --destructive-foreground: #fff;
  --border: #0000001a;
  --input: transparent;
  --input-background: #f3f3f5;
  --switch-background: #cbced4;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --ring: oklch(.708 0 0);
  --chart-1: oklch(.646 .222 41.116);
  --chart-2: oklch(.6 .118 184.704);
  --chart-3: oklch(.398 .07 227.392);
  --chart-4: oklch(.828 .189 84.429);
  --chart-5: oklch(.769 .188 70.08);
  --radius: .625rem;
  --sidebar: oklch(.985 0 0);
  --sidebar-foreground: oklch(.145 0 0);
  --sidebar-primary: #030213;
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.97 0 0);
  --sidebar-accent-foreground: oklch(.205 0 0);
  --sidebar-border: oklch(.922 0 0);
  --sidebar-ring: oklch(.708 0 0);
}

.dark {
  --background: oklch(.145 0 0);
  --foreground: oklch(.985 0 0);
  --card: oklch(.145 0 0);
  --card-foreground: oklch(.985 0 0);
  --popover: oklch(.145 0 0);
  --popover-foreground: oklch(.985 0 0);
  --primary: oklch(.985 0 0);
  --primary-foreground: oklch(.205 0 0);
  --secondary: oklch(.269 0 0);
  --secondary-foreground: oklch(.985 0 0);
  --muted: oklch(.269 0 0);
  --muted-foreground: oklch(.708 0 0);
  --accent: oklch(.269 0 0);
  --accent-foreground: oklch(.985 0 0);
  --destructive: oklch(.396 .141 25.723);
  --destructive-foreground: oklch(.637 .237 25.331);
  --border: oklch(.269 0 0);
  --input: oklch(.269 0 0);
  --ring: oklch(.439 0 0);
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --chart-1: oklch(.488 .243 264.376);
  --chart-2: oklch(.696 .17 162.48);
  --chart-3: oklch(.769 .188 70.08);
  --chart-4: oklch(.627 .265 303.9);
  --chart-5: oklch(.645 .246 16.439);
  --sidebar: oklch(.205 0 0);
  --sidebar-foreground: oklch(.985 0 0);
  --sidebar-primary: oklch(.488 .243 264.376);
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.269 0 0);
  --sidebar-accent-foreground: oklch(.985 0 0);
  --sidebar-border: oklch(.269 0 0);
  --sidebar-ring: oklch(.439 0 0);
}

html {
  font-size: var(--font-size);
}

@media (width >= 768px) {
  body, a, button {
    cursor: none;
  }
}

.pixel-font {
  font-family: "Press Start 2P", cursive;
}

.scanlines {
  position: relative;
}

.scanlines:before {
  content: "";
  pointer-events: none;
  z-index: 100;
  mix-blend-mode: soft-light;
  opacity: .2;
  background: repeating-linear-gradient(0deg, #ffffff08 0, #0000 1px 2px, #ffffff08 3px);
  position: absolute;
  inset: 0;
}

.grain {
  position: relative;
}

.grain:after {
  content: "";
  opacity: .1;
  pointer-events: none;
  z-index: 99;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

@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;
  initial-value: rotateX(0);
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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