/*! 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-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-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@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-300: oklch(.872 .01 258.338);
    --color-gray-400: oklch(.707 .022 261.325);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --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-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --aspect-video: 16 / 9;
    --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;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    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;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    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);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :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, :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-none {
    pointer-events: none;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

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

  .inset-\[-0\.02\%_-0\.23\%_-3\.46\%_-0\.23\%\] {
    inset: -.02% -.23% -3.46%;
  }

  .inset-\[-0\.27\%_-0\.25\%_-21\.99\%_0\] {
    inset: -.27% -.25% -21.99% 0;
  }

  .inset-\[-1\.67\%_0_0_-1\.29\%\] {
    inset: -1.67% 0 0 -1.29%;
  }

  .inset-\[-1\.68\%_0_0_-1\.29\%\] {
    inset: -1.68% 0 0 -1.29%;
  }

  .inset-\[-11\.56\%_-446\.2\%_-326\.61\%_-19\.56\%\] {
    inset: -11.56% -446.2% -326.61% -19.56%;
  }

  .inset-\[-14\.29\%_-7\.14\%\] {
    inset: -14.29% -7.14%;
  }

  .inset-\[-22\.23\%_66\.35\%_-21\.39\%_-20\.29\%\] {
    inset: -22.23% 66.35% -21.39% -20.29%;
  }

  .inset-\[-100px_0_0_0\] {
    inset: -100px 0 0;
  }

  .inset-\[-116\.03\%_-163\.62\%_-222\.13\%_-302\.14\%\] {
    inset: -116.03% -163.62% -222.13% -302.14%;
  }

  .inset-\[-141\.05\%_-23\.38\%\] {
    inset: -141.05% -23.38%;
  }

  .inset-\[-219\.08\%_-445\.64\%_-119\.08\%_-20\.13\%\] {
    inset: -219.08% -445.64% -119.08% -20.13%;
  }

  .inset-\[-235\.08\%_-71\.11\%\] {
    inset: -235.08% -71.11%;
  }

  .inset-\[-305\.35\%_-48\.51\%\] {
    inset: -305.35% -48.51%;
  }

  .inset-\[0\.35\%_0\.15\%_0\.1\%_0\.21\%\] {
    inset: .35% .15% .1% .21%;
  }

  .inset-\[0_-5\.14\%_-34\.32\%_-5\.14\%\] {
    inset: 0 -5.14% -34.32%;
  }

  .inset-\[0_-5\.95\%_-37\.38\%_-3\.9\%\] {
    inset: 0 -5.95% -37.38% -3.9%;
  }

  .inset-\[0_0_-0\.01\%_0\] {
    inset: 0 0 -.01%;
  }

  .inset-\[0_0_-0\.78\%_0\] {
    inset: 0 0 -.78%;
  }

  .inset-\[0_0_-1px_0\] {
    inset: 0 0 -1px;
  }

  .inset-\[0_0_47\.5\%_0\] {
    inset: 0 0 47.5%;
  }

  .inset-\[0_50\.85\%_20\.99\%_26\.21\%\] {
    inset: 0 50.85% 20.99% 26.21%;
  }

  .inset-\[0_77\.06\%_20\.99\%_0\] {
    inset: 0 77.06% 20.99% 0;
  }

  .inset-\[7\.91\%_0_4\.51\%_0\] {
    inset: 7.91% 0 4.51%;
  }

  .inset-\[8\.53\%_12\.5\%_0\.78\%_12\.5\%\] {
    inset: 8.53% 12.5% .78%;
  }

  .inset-\[9\.22\%_-25\.81\%_-7\.07\%_-0\.53\%\] {
    inset: 9.22% -25.81% -7.07% -.53%;
  }

  .inset-\[20\.83\%_0_16\.67\%_0\] {
    inset: 20.83% 0 16.67%;
  }

  .inset-\[24\.56\%_25\.15\%_20\.99\%_51\.91\%\] {
    inset: 24.56% 25.15% 20.99% 51.91%;
  }

  .inset-\[24\.78\%_0_22\.46\%_89\.5\%\] {
    inset: 24.78% 0 22.46% 89.5%;
  }

  .inset-\[24\.78\%_9\.72\%_20\.97\%_77\.27\%\] {
    inset: 24.78% 9.72% 20.97% 77.27%;
  }

  .inset-\[39\.86\%_20\.83\%_30\.97\%_20\.83\%\] {
    inset: 39.86% 20.83% 30.97%;
  }

  .inset-\[44\.62\%_2\.75\%_40\.94\%_90\.85\%\] {
    inset: 44.62% 2.75% 40.94% 90.85%;
  }

  .inset-\[88\.14\%_0_-0\.01\%_0\.05\%\] {
    inset: 88.14% 0 -.01% .05%;
  }

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

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

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

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

  .top-\[-1\.93\%\] {
    top: -1.93%;
  }

  .top-\[-14\.45px\] {
    top: -14.45px;
  }

  .top-\[-127\.35\%\] {
    top: -127.35%;
  }

  .top-\[-211\.43px\] {
    top: -211.43px;
  }

  .top-\[0\.07\%\] {
    top: .07%;
  }

  .top-\[0\.38px\] {
    top: .38px;
  }

  .top-\[0\.46px\] {
    top: .46px;
  }

  .top-\[2\.79px\] {
    top: 2.79px;
  }

  .top-\[7\.7px\] {
    top: 7.7px;
  }

  .top-\[11\.42px\] {
    top: 11.42px;
  }

  .top-\[14\.21px\] {
    top: 14.21px;
  }

  .top-\[30\.82px\] {
    top: 30.82px;
  }

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

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

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

  .top-\[59\.54px\] {
    top: 59.54px;
  }

  .top-\[63\.5px\] {
    top: 63.5px;
  }

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

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

  .top-\[95\.67px\] {
    top: 95.67px;
  }

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

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

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

  .top-\[135\.68px\] {
    top: 135.68px;
  }

  .top-\[137\.74px\] {
    top: 137.74px;
  }

  .top-\[139\.49px\] {
    top: 139.49px;
  }

  .top-\[144\.75px\] {
    top: 144.75px;
  }

  .top-\[145\.81px\] {
    top: 145.81px;
  }

  .top-\[147\.22px\] {
    top: 147.22px;
  }

  .top-\[163\.5px\] {
    top: 163.5px;
  }

  .top-\[172\.45px\] {
    top: 172.45px;
  }

  .top-\[172\.58px\] {
    top: 172.58px;
  }

  .top-\[179\.88px\] {
    top: 179.88px;
  }

  .top-\[180\.27px\] {
    top: 180.27px;
  }

  .top-\[182\.5px\] {
    top: 182.5px;
  }

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

  .top-\[187\.1px\] {
    top: 187.1px;
  }

  .top-\[191\.5px\] {
    top: 191.5px;
  }

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

  .top-\[288\.38px\] {
    top: 288.38px;
  }

  .top-\[344\.37px\] {
    top: 344.37px;
  }

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

  .top-\[367\.84px\] {
    top: 367.84px;
  }

  .top-\[373\.37px\] {
    top: 373.37px;
  }

  .top-\[380\.94px\] {
    top: 380.94px;
  }

  .top-\[388\.54px\] {
    top: 388.54px;
  }

  .top-\[396\.33px\] {
    top: 396.33px;
  }

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

  .top-\[397\.31px\] {
    top: 397.31px;
  }

  .top-\[399\.12px\] {
    top: 399.12px;
  }

  .top-\[430\.6px\] {
    top: 430.6px;
  }

  .top-\[439\.92px\] {
    top: 439.92px;
  }

  .top-\[461\.97px\] {
    top: 461.97px;
  }

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

  .top-\[476\.41px\] {
    top: 476.41px;
  }

  .top-\[530\.94px\] {
    top: 530.94px;
  }

  .top-\[625\.41px\] {
    top: 625.41px;
  }

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

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

  .top-\[calc\(50\%\+0\.5px\)\] {
    top: calc(50% + .5px);
  }

  .top-\[calc\(50\%\+4px\)\] {
    top: calc(50% + 4px);
  }

  .top-\[calc\(50\%\+21px\)\] {
    top: calc(50% + 21px);
  }

  .top-\[calc\(50\%\+50\.84px\)\] {
    top: calc(50% + 50.84px);
  }

  .top-\[calc\(50\%\+180\.94px\)\] {
    top: calc(50% + 180.94px);
  }

  .top-\[calc\(50\%\+293px\)\] {
    top: calc(50% + 293px);
  }

  .top-\[calc\(50\%-96px\)\] {
    top: calc(50% - 96px);
  }

  .top-\[calc\(50\%-180px\)\] {
    top: calc(50% - 180px);
  }

  .top-\[calc\(50\%-220\.17px\)\] {
    top: calc(50% - 220.17px);
  }

  .top-full {
    top: 100%;
  }

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

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

  .right-\[10px\] {
    right: 10px;
  }

  .right-\[14px\] {
    right: 14px;
  }

  .right-\[43px\] {
    right: 43px;
  }

  .right-\[81px\] {
    right: 81px;
  }

  .right-\[192px\] {
    right: 192px;
  }

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

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

  .-left-\[38\.71px\] {
    left: -38.71px;
  }

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

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

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

  .left-\[-1\.13\%\] {
    left: -1.13%;
  }

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

  .left-\[-7\.36\%\] {
    left: -7.36%;
  }

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

  .left-\[-31\.84px\] {
    left: -31.84px;
  }

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

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

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

  .left-\[7\.57px\] {
    left: 7.57px;
  }

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

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

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

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

  .left-\[15\.18px\] {
    left: 15.18px;
  }

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

  .left-\[26\.25px\] {
    left: 26.25px;
  }

  .left-\[26\.43px\] {
    left: 26.43px;
  }

  .left-\[29\.04px\] {
    left: 29.04px;
  }

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

  .left-\[38\.71px\] {
    left: 38.71px;
  }

  .left-\[40\.63px\] {
    left: 40.63px;
  }

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

  .left-\[51\.77px\] {
    left: 51.77px;
  }

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

  .left-\[90\.21px\] {
    left: 90.21px;
  }

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

  .left-\[95\.5px\] {
    left: 95.5px;
  }

  .left-\[114\.43px\] {
    left: 114.43px;
  }

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

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

  .left-\[163\.12px\] {
    left: 163.12px;
  }

  .left-\[168\.84px\] {
    left: 168.84px;
  }

  .left-\[216\.25px\] {
    left: 216.25px;
  }

  .left-\[226\.21px\] {
    left: 226.21px;
  }

  .left-\[226\.69px\] {
    left: 226.69px;
  }

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

  .left-\[540\.5px\] {
    left: 540.5px;
  }

  .left-\[985\.5px\] {
    left: 985.5px;
  }

  .left-\[1030\.7px\] {
    left: 1030.7px;
  }

  .left-\[1031\.76px\] {
    left: 1031.76px;
  }

  .left-\[1033\.18px\] {
    left: 1033.18px;
  }

  .left-\[1206\.9px\] {
    left: 1206.9px;
  }

  .left-\[1207\.03px\] {
    left: 1207.03px;
  }

  .left-\[1214\.73px\] {
    left: 1214.73px;
  }

  .left-\[1254\.65px\] {
    left: 1254.65px;
  }

  .left-\[1256\.71px\] {
    left: 1256.71px;
  }

  .left-\[1258\.45px\] {
    left: 1258.45px;
  }

  .left-\[1423\.99px\] {
    left: 1423.99px;
  }

  .left-\[1426\.78px\] {
    left: 1426.78px;
  }

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

  .left-\[1430\.5px\] {
    left: 1430.5px;
  }

  .left-\[1435\.32px\] {
    left: 1435.32px;
  }

  .left-\[1457\.89px\] {
    left: 1457.89px;
  }

  .left-\[1460\.68px\] {
    left: 1460.68px;
  }

  .left-\[calc\(50\%\+2\.43px\)\] {
    left: calc(50% + 2.43px);
  }

  .left-\[calc\(50\%\+15\.5px\)\] {
    left: calc(50% + 15.5px);
  }

  .left-\[calc\(50\%\+17\.5px\)\] {
    left: calc(50% + 17.5px);
  }

  .left-\[calc\(50\%\+46\.5px\)\] {
    left: calc(50% + 46.5px);
  }

  .left-\[calc\(50\%-8\.93px\)\] {
    left: calc(50% - 8.93px);
  }

  .left-\[calc\(50\%-14\.5px\)\] {
    left: calc(50% - 14.5px);
  }

  .left-\[calc\(50\%-15\.5px\)\] {
    left: calc(50% - 15.5px);
  }

  .left-\[calc\(50\%-46\.5px\)\] {
    left: calc(50% - 46.5px);
  }

  .left-\[calc\(50\%-828\.63px\)\] {
    left: calc(50% - 828.63px);
  }

  .isolate {
    isolation: isolate;
  }

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

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

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

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

  .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-auto {
    margin-inline: auto;
  }

  .ms-\[30px\] {
    margin-inline-start: 30px;
  }

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

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

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

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

  .mt-\[4\.88px\] {
    margin-top: 4.88px;
  }

  .mt-\[5\.55px\] {
    margin-top: 5.55px;
  }

  .mt-\[9\.27px\] {
    margin-top: 9.27px;
  }

  .mt-\[9\.96px\] {
    margin-top: 9.96px;
  }

  .mt-\[25\.79px\] {
    margin-top: 25.79px;
  }

  .mt-\[27\.62px\] {
    margin-top: 27.62px;
  }

  .mt-\[29\.33px\] {
    margin-top: 29.33px;
  }

  .mt-\[51\.33px\] {
    margin-top: 51.33px;
  }

  .mt-\[51\.51px\] {
    margin-top: 51.51px;
  }

  .mt-\[92\.81px\] {
    margin-top: 92.81px;
  }

  .mt-\[120\.43px\] {
    margin-top: 120.43px;
  }

  .mt-\[127\.72px\] {
    margin-top: 127.72px;
  }

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

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

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

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

  .ml-\[0\.65px\] {
    margin-left: .65px;
  }

  .ml-\[0\.74px\] {
    margin-left: .74px;
  }

  .ml-\[0\.83px\] {
    margin-left: .83px;
  }

  .ml-\[21\.73px\] {
    margin-left: 21.73px;
  }

  .ml-\[26\.23px\] {
    margin-left: 26.23px;
  }

  .ml-\[29\.87px\] {
    margin-left: 29.87px;
  }

  .ml-\[54\.98px\] {
    margin-left: 54.98px;
  }

  .ml-\[56px\] {
    margin-left: 56px;
  }

  .ml-\[62\.54px\] {
    margin-left: 62.54px;
  }

  .ml-\[298\.81px\] {
    margin-left: 298.81px;
  }

  .ml-\[315\.18px\] {
    margin-left: 315.18px;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

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

  .aspect-\[1920\/1080\] {
    aspect-ratio: 1920 / 1080;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-\[10\.816px\] {
    width: 10.816px;
    height: 10.816px;
  }

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

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

  .size-\[17\.928px\] {
    width: 17.928px;
    height: 17.928px;
  }

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

  .size-\[20\.418px\] {
    width: 20.418px;
    height: 20.418px;
  }

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

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

  .size-\[24\.34px\] {
    width: 24.34px;
    height: 24.34px;
  }

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

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

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

  .size-\[43\.463px\] {
    width: 43.463px;
    height: 43.463px;
  }

  .size-\[49\.44px\] {
    width: 49.44px;
    height: 49.44px;
  }

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

  .size-\[69\.576px\] {
    width: 69.576px;
    height: 69.576px;
  }

  .size-\[268\.96\%\] {
    width: 268.96%;
    height: 268.96%;
  }

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

  .\!h-\[54px\] {
    height: 54px !important;
  }

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

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

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

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

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

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

  .h-\[2\.955px\] {
    height: 2.955px;
  }

  .h-\[5\.862px\] {
    height: 5.862px;
  }

  .h-\[8\.24px\] {
    height: 8.24px;
  }

  .h-\[8\.536px\] {
    height: 8.536px;
  }

  .h-\[8\.687px\] {
    height: 8.687px;
  }

  .h-\[8\.698px\] {
    height: 8.698px;
  }

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

  .h-\[9\.866px\] {
    height: 9.866px;
  }

  .h-\[10\.324px\] {
    height: 10.324px;
  }

  .h-\[10\.619px\] {
    height: 10.619px;
  }

  .h-\[12\.08px\] {
    height: 12.08px;
  }

  .h-\[12\.525px\] {
    height: 12.525px;
  }

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

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

  .h-\[13\.226px\] {
    height: 13.226px;
  }

  .h-\[14\.248px\] {
    height: 14.248px;
  }

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

  .h-\[18\.554px\] {
    height: 18.554px;
  }

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

  .h-\[23\.542px\] {
    height: 23.542px;
  }

  .h-\[23\.944px\] {
    height: 23.944px;
  }

  .h-\[24\.079px\] {
    height: 24.079px;
  }

  .h-\[26\.78px\] {
    height: 26.78px;
  }

  .h-\[28\.502px\] {
    height: 28.502px;
  }

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

  .h-\[30\.812px\] {
    height: 30.812px;
  }

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

  .h-\[31\.775px\] {
    height: 31.775px;
  }

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

  .h-\[34\.032px\] {
    height: 34.032px;
  }

  .h-\[34\.85px\] {
    height: 34.85px;
  }

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

  .h-\[35\.85px\] {
    height: 35.85px;
  }

  .h-\[35\.875px\] {
    height: 35.875px;
  }

  .h-\[36\.9px\] {
    height: 36.9px;
  }

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

  .h-\[39\.225px\] {
    height: 39.225px;
  }

  .h-\[40\.474px\] {
    height: 40.474px;
  }

  .h-\[42\.237px\] {
    height: 42.237px;
  }

  .h-\[44\.765px\] {
    height: 44.765px;
  }

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

  .h-\[51\.875px\] {
    height: 51.875px;
  }

  .h-\[54\.435px\] {
    height: 54.435px;
  }

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

  .h-\[58\.425px\] {
    height: 58.425px;
  }

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

  .h-\[64\.636px\] {
    height: 64.636px;
  }

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

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

  .h-\[92\.651px\] {
    height: 92.651px;
  }

  .h-\[99\.87\%\] {
    height: 99.87%;
  }

  .h-\[109\.88\%\] {
    height: 109.88%;
  }

  .h-\[163\.746px\] {
    height: 163.746px;
  }

  .h-\[185\.622px\] {
    height: 185.622px;
  }

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

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

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

  .h-\[212\.695px\] {
    height: 212.695px;
  }

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

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

  .h-\[252\.41\%\] {
    height: 252.41%;
  }

  .h-\[253\.125px\] {
    height: 253.125px;
  }

  .h-\[273\.777px\] {
    height: 273.777px;
  }

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

  .h-\[310\.36px\] {
    height: 310.36px;
  }

  .h-\[334\.463px\] {
    height: 334.463px;
  }

  .h-\[364\.532px\] {
    height: 364.532px;
  }

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

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

  .h-\[463\.777px\] {
    height: 463.777px;
  }

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

  .h-\[526\.234px\] {
    height: 526.234px;
  }

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

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

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

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

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

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

  .h-\[1424\.801px\] {
    height: 1424.8px;
  }

  .h-\[1492\.932px\] {
    height: 1492.93px;
  }

  .h-\[1508\.294px\] {
    height: 1508.29px;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

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

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

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

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

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

  .min-h-px {
    min-height: 1px;
  }

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

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

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

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

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

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

  .w-\[2\.852px\] {
    width: 2.852px;
  }

  .w-\[2\.955px\] {
    width: 2.955px;
  }

  .w-\[4\.578px\] {
    width: 4.578px;
  }

  .w-\[5\.862px\] {
    width: 5.862px;
  }

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

  .w-\[8\.288px\] {
    width: 8.288px;
  }

  .w-\[8\.536px\] {
    width: 8.536px;
  }

  .w-\[8\.687px\] {
    width: 8.687px;
  }

  .w-\[8\.698px\] {
    width: 8.698px;
  }

  .w-\[9\.866px\] {
    width: 9.866px;
  }

  .w-\[10\.324px\] {
    width: 10.324px;
  }

  .w-\[13\.81px\] {
    width: 13.81px;
  }

  .w-\[17\.956px\] {
    width: 17.956px;
  }

  .w-\[24\.079px\] {
    width: 24.079px;
  }

  .w-\[28\.502px\] {
    width: 28.502px;
  }

  .w-\[32\.356px\] {
    width: 32.356px;
  }

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

  .w-\[39\.225px\] {
    width: 39.225px;
  }

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

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

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

  .w-\[54\.435px\] {
    width: 54.435px;
  }

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

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

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[92\.738px\] {
    width: 92.738px;
  }

  .w-\[99\.602px\] {
    width: 99.602px;
  }

  .w-\[100\.28\%\] {
    width: 100.28%;
  }

  .w-\[100\.043px\] {
    width: 100.043px;
  }

  .w-\[102\.702px\] {
    width: 102.702px;
  }

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

  .w-\[113\.3px\] {
    width: 113.3px;
  }

  .w-\[114\.245px\] {
    width: 114.245px;
  }

  .w-\[127\.18\%\] {
    width: 127.18%;
  }

  .w-\[129\.957px\] {
    width: 129.957px;
  }

  .w-\[131\.2px\] {
    width: 131.2px;
  }

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

  .w-\[132\.225px\] {
    width: 132.225px;
  }

  .w-\[132\.633px\] {
    width: 132.633px;
  }

  .w-\[133\.25px\] {
    width: 133.25px;
  }

  .w-\[133\.065px\] {
    width: 133.065px;
  }

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

  .w-\[151\.365px\] {
    width: 151.365px;
  }

  .w-\[152\.603px\] {
    width: 152.603px;
  }

  .w-\[165\.025px\] {
    width: 165.025px;
  }

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

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

  .w-\[181\.425px\] {
    width: 181.425px;
  }

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

  .w-\[191\.675px\] {
    width: 191.675px;
  }

  .w-\[216\.031px\] {
    width: 216.031px;
  }

  .w-\[219\.547px\] {
    width: 219.547px;
  }

  .w-\[252\.474px\] {
    width: 252.474px;
  }

  .w-\[292\.83\%\] {
    width: 292.83%;
  }

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

  .w-\[325\.389px\] {
    width: 325.389px;
  }

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

  .w-\[345\.032px\] {
    width: 345.032px;
  }

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

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

  .w-\[375\.331px\] {
    width: 375.331px;
  }

  .w-\[380\.163px\] {
    width: 380.163px;
  }

  .w-\[390\.262px\] {
    width: 390.262px;
  }

  .w-\[391\.006px\] {
    width: 391.006px;
  }

  .w-\[393\.415px\] {
    width: 393.415px;
  }

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

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

  .w-\[432\.124px\] {
    width: 432.124px;
  }

  .w-\[433\.393px\] {
    width: 433.393px;
  }

  .w-\[433\.415px\] {
    width: 433.415px;
  }

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

  .w-\[441\.87px\] {
    width: 441.87px;
  }

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

  .w-\[487\.19px\] {
    width: 487.19px;
  }

  .w-\[565\.17px\] {
    width: 565.17px;
  }

  .w-\[576\.599px\] {
    width: 576.599px;
  }

  .w-\[639\.849px\] {
    width: 639.849px;
  }

  .w-\[703\.111px\] {
    width: 703.111px;
  }

  .w-\[1030\.627px\] {
    width: 1030.63px;
  }

  .w-\[1283\.404px\] {
    width: 1283.4px;
  }

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

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

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

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

  .w-\[1941\.901px\] {
    width: 1941.9px;
  }

  .w-\[2136\.94px\] {
    width: 2136.94px;
  }

  .w-full {
    width: 100%;
  }

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

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

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

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

  .max-w-\[565\.17px\] {
    max-width: 565.17px;
  }

  .max-w-\[576\.599px\] {
    max-width: 576.599px;
  }

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

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

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

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

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

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

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

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

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

  .max-w-\[1433\.451px\] {
    max-width: 1433.45px;
  }

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

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

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

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

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

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

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

  .min-w-full {
    min-width: 100%;
  }

  .min-w-px {
    min-width: 1px;
  }

  .flex-none {
    flex: none;
  }

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

  .grow {
    flex-grow: 1;
  }

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

  .-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-x-\[-200\%\] {
    --tw-translate-x: -200%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[15\%\] {
    --tw-translate-x: 15%;
    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);
  }

  .translate-y-\[20\%\] {
    --tw-translate-y: 20%;
    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-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

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

  .rotate-0 {
    rotate: none;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-\[0\.957deg\] {
    rotate: .957deg;
  }

  .rotate-\[26\.514deg\] {
    rotate: 26.514deg;
  }

  .rotate-\[61\.563deg\] {
    rotate: 61.563deg;
  }

  .rotate-\[124\.671deg\] {
    rotate: 124.671deg;
  }

  .rotate-\[125\.275deg\] {
    rotate: 125.275deg;
  }

  .rotate-\[180deg\] {
    rotate: 180deg;
  }

  .rotate-\[246\.851deg\] {
    rotate: 246.851deg;
  }

  .rotate-\[270\.957deg\] {
    rotate: 270.957deg;
  }

  .rotate-\[270deg\] {
    rotate: 270deg;
  }

  .rotate-\[296\.514deg\] {
    rotate: 296.514deg;
  }

  .rotate-\[331\.563deg\] {
    rotate: 331.563deg;
  }

  .rotate-\[336\.851deg\] {
    rotate: 336.851deg;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .list-decimal {
    list-style-type: decimal;
  }

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

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

  .grid-cols-\[max-content\] {
    grid-template-columns: max-content;
  }

  .grid-rows-\[max-content\] {
    grid-template-rows: max-content;
  }

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

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

  .place-items-start {
    place-items: start;
  }

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

  .content-stretch {
    align-content: stretch;
  }

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

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

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

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

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

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

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[8px\] {
    gap: 8px;
  }

  .gap-\[9px\] {
    gap: 9px;
  }

  .gap-\[16px\] {
    gap: 16px;
  }

  .gap-\[24px\] {
    gap: 24px;
  }

  .gap-\[26px\] {
    gap: 26px;
  }

  .gap-\[29px_40px\] {
    gap: 29px 40px;
  }

  .gap-\[32px\] {
    gap: 32px;
  }

  .gap-\[150px\] {
    gap: 150px;
  }

  .gap-\[223px\] {
    gap: 223px;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

  .rounded-tl-\[8px\] {
    border-top-left-radius: 8px;
  }

  .rounded-tr-\[8px\] {
    border-top-right-radius: 8px;
  }

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

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

  .border-\[0px_0px_1px\] {
    border-style: var(--tw-border-style);
    border-width: 0 0 1px;
  }

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

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#d9dbe9\] {
    border-color: #d9dbe9;
  }

  .border-\[\#f1f2f9\] {
    border-color: #f1f2f9;
  }

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

  .border-transparent {
    border-color: #0000;
  }

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

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

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

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

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

  .bg-\[\#601feb\]\/90 {
    background-color: oklab(48.8859% .0703861 -.255934 / .9);
  }

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

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

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

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

  .bg-\[\#B6E802\], .bg-\[\#b6e802\] {
    background-color: #b6e802;
  }

  .bg-\[\#b6e802\]\/90 {
    background-color: oklab(86.4297% -.119465 .177655 / .9);
  }

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

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

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

  .bg-\[rgb\(255\,255\,255\)\] {
    background-color: #fff;
  }

  .bg-\[rgba\(255\,255\,255\,0\)\] {
    background-color: #fff0;
  }

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

  .bg-black\/20 {
    background-color: #0003;
  }

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

  .bg-black\/80 {
    background-color: #000c;
  }

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

  .bg-black\/95 {
    background-color: #000000f2;
  }

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

  .bg-transparent {
    background-color: #0000;
  }

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

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

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

  .bg-white\/30 {
    background-color: #ffffff4d;
  }

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

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

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

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

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

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

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

  .from-\[\#8c4fff\]\/25 {
    --tw-gradient-from: oklab(59.6117% .0973085 -.224444 / .25);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#8c4fff\]\/50 {
    --tw-gradient-from: oklab(59.6117% .0973085 -.224444 / .5);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#d4ff00\]\/25 {
    --tw-gradient-from: oklab(93.6036% -.11678 .192517 / .25);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#d4ff00\]\/50 {
    --tw-gradient-from: oklab(93.6036% -.11678 .192517 / .5);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#ffffff\] {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[rgba\(255\,255\,255\,0\.5\)\] {
    --tw-gradient-from: #ffffff80;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .from-white\/20 {
    --tw-gradient-from: #fff3;
    --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-white\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .from-white\/40 {
    --tw-gradient-from: #fff6;
    --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-white\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .from-white\/50 {
    --tw-gradient-from: #ffffff80;
    --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-white\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .from-white\/60 {
    --tw-gradient-from: #fff9;
    --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-white\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .from-white\/70 {
    --tw-gradient-from: #ffffffb3;
    --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-white\/70 {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .via-\[\#8c4fff\]\/55 {
    --tw-gradient-via: oklab(59.6117% .0973085 -.224444 / .55);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#601feb\]\/10 {
    --tw-gradient-via: oklab(48.8859% .0703861 -.255934 / .1);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#601feb\]\/12 {
    --tw-gradient-via: oklab(48.8859% .0703861 -.255934 / .12);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#601feb\]\/25 {
    --tw-gradient-via: oklab(48.8859% .0703861 -.255934 / .25);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#b6e802\]\/12 {
    --tw-gradient-via: oklab(86.4297% -.119465 .177655 / .12);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#b6e802\]\/25 {
    --tw-gradient-via: oklab(86.4297% -.119465 .177655 / .25);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#d4ff00\]\/10 {
    --tw-gradient-via: oklab(93.6036% -.11678 .192517 / .1);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#d4ff00\]\/55 {
    --tw-gradient-via: oklab(93.6036% -.11678 .192517 / .55);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#f4f4f4\] {
    --tw-gradient-via: #f4f4f4;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-white\/8 {
    --tw-gradient-via: #ffffff14;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

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

  .via-white\/15 {
    --tw-gradient-via: #ffffff26;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

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

  .via-white\/20 {
    --tw-gradient-via: #fff3;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

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

  .via-white\/35 {
    --tw-gradient-via: #ffffff59;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

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

  .via-white\/40 {
    --tw-gradient-via: #fff6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

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

  .via-white\/45 {
    --tw-gradient-via: #ffffff73;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

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

  .via-white\/55 {
    --tw-gradient-via: #ffffff8c;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

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

  .via-white\/60 {
    --tw-gradient-via: #fff9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

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

  .via-\[27\.205\%\] {
    --tw-gradient-via-position: 27.205%;
  }

  .to-\[\#7a7a7a\] {
    --tw-gradient-to: #7a7a7a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[rgba\(84\,84\,84\,0\.5\)\] {
    --tw-gradient-to: #54545480;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .to-white\/20 {
    --tw-gradient-to: #fff3;
    --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)) {
    .to-white\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .to-white\/25 {
    --tw-gradient-to: #ffffff40;
    --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)) {
    .to-white\/25 {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .to-white\/30 {
    --tw-gradient-to: #ffffff4d;
    --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)) {
    .to-white\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .bg-clip-text {
    background-clip: text;
  }

  .mask-intersect {
    mask-composite: intersect;
  }

  .mask-alpha {
    mask-mode: alpha;
  }

  .mask-size-\[151\.405px_142\.255px\] {
    mask-size: 151.405px 142.255px;
  }

  .mask-no-clip {
    mask-clip: no-clip;
  }

  .mask-position-\[17\.419px_12\.716px\] {
    mask-position: 17.419px 12.716px;
  }

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

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

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

  .p-\[7px\] {
    padding: 7px;
  }

  .p-\[8px\] {
    padding: 8px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

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

  .\!px-\[24px\] {
    padding-inline: 24px !important;
  }

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

  .px-\[24px\] {
    padding-inline: 24px;
  }

  .px-\[32px\] {
    padding-inline: 32px;
  }

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

  .\!py-\[23px\] {
    padding-block: 23px !important;
  }

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

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

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

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

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

  .py-\[10px\] {
    padding-block: 10px;
  }

  .py-\[18px\] {
    padding-block: 18px;
  }

  .py-\[23px\] {
    padding-block: 23px;
  }

  .py-\[26px\] {
    padding-block: 26px;
  }

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

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

  .pt-\[60px\] {
    padding-top: 60px;
  }

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

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

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

  .font-\[\'Schibsted_Grotesk\'\,sans-serif\] {
    font-family: Schibsted Grotesk, sans-serif;
  }

  .font-\[\'Schibsted_Grotesk\:Bold\'\,sans-serif\] {
    font-family: Schibsted Grotesk\:Bold, sans-serif;
  }

  .font-\[\'Schibsted_Grotesk\:Medium\'\,sans-serif\] {
    font-family: Schibsted Grotesk\:Medium, sans-serif;
  }

  .font-\[\'Schibsted_Grotesk\:Regular\'\,sans-serif\] {
    font-family: Schibsted Grotesk\:Regular, sans-serif;
  }

  .font-\[\'Schibsted_Grotesk\:SemiBold\'\,sans-serif\] {
    font-family: Schibsted Grotesk\:SemiBold, sans-serif;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.09\] {
    --tw-leading: 1.09;
    line-height: 1.09;
  }

  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }

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

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

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

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

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

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

  .tracking-\[-0\.4px\] {
    --tw-tracking: -.4px;
    letter-spacing: -.4px;
  }

  .tracking-\[-0\.32px\] {
    --tw-tracking: -.32px;
    letter-spacing: -.32px;
  }

  .tracking-\[-0\.36px\] {
    --tw-tracking: -.36px;
    letter-spacing: -.36px;
  }

  .tracking-\[-1\.2px\] {
    --tw-tracking: -1.2px;
    letter-spacing: -1.2px;
  }

  .tracking-\[-1px\] {
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }

  .tracking-\[-2\.4px\] {
    --tw-tracking: -2.4px;
    letter-spacing: -2.4px;
  }

  .tracking-\[-3\.36px\] {
    --tw-tracking: -3.36px;
    letter-spacing: -3.36px;
  }

  .tracking-\[0\.2px\] {
    --tw-tracking: .2px;
    letter-spacing: .2px;
  }

  .tracking-\[0\.25px\] {
    --tw-tracking: .25px;
    letter-spacing: .25px;
  }

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

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

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

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

  .text-\[\#601FEB\] {
    color: #601feb;
  }

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

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

  .text-\[\#B6E802\], .text-\[\#b6e802\] {
    color: #b6e802;
  }

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

  .text-\[rgb\(0\,0\,0\)\] {
    color: #000;
  }

  .text-\[rgba\(0\,0\,0\,0\.7\)\] {
    color: #000000b3;
  }

  .text-\[rgba\(0\,0\,0\,0\.8\)\] {
    color: #000c;
  }

  .text-\[rgba\(255\,255\,255\,0\.6\)\] {
    color: #fff9;
  }

  .text-\[rgba\(255\,255\,255\,0\.7\)\] {
    color: #ffffffb3;
  }

  .text-\[rgba\(255\,255\,255\,0\.65\)\] {
    color: #ffffffa6;
  }

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

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

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

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

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

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

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

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

  .capitalize {
    text-transform: capitalize;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .opacity-10 {
    opacity: .1;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[0\.18\] {
    opacity: .18;
  }

  .opacity-\[0\.85\] {
    opacity: .85;
  }

  .shadow-\[0px_0\.5px_1px_0px_rgba\(25\,33\,61\,0\.07\)\] {
    --tw-shadow: 0px .5px 1px 0px var(--tw-shadow-color, #19213d12);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_1px_4px_0px_rgba\(25\,33\,61\,0\.06\)\] {
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #19213d0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_2px_6px_0px_rgba\(74\,58\,255\,0\.1\)\] {
    --tw-shadow: 0px 2px 6px 0px var(--tw-shadow-color, #4a3aff1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_4px_0px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0px 4px 4px 0px 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);
  }

  .shadow-\[0px_5px_15px_0px_rgba\(25\,33\,61\,0\.06\)\] {
    --tw-shadow: 0px 5px 15px 0px var(--tw-shadow-color, #19213d0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0px_-1px_1px_0px_rgba\(0\,0\,0\,0\.12\)\,inset_0px_1px_1\.5px_0px_rgba\(255\,255\,255\,0\.25\)\] {
    --tw-shadow: inset 0px -1px 1px 0px var(--tw-shadow-color, #0000001f), inset 0px 1px 1.5px 0px var(--tw-shadow-color, #ffffff40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-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, );
  }

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

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

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

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

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

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

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

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

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

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-800 {
    --tw-duration: .8s;
    transition-duration: .8s;
  }

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

  .will-change-contents {
    will-change: contents;
  }

  .will-change-transform {
    will-change: transform;
  }

  .\[grid-area\:1_\/_1\] {
    grid-area: 1 / 1;
  }

  @media (hover: hover) {
    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:translate-x-\[200\%\]:is(:where(.group):hover *) {
      --tw-translate-x: 200%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:-translate-y-1:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

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

  @media (hover: hover) {
    .group-hover\:from-\[\#8c4fff\]\/70:is(:where(.group):hover *) {
      --tw-gradient-from: oklab(59.6117% .0973085 -.224444 / .7);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }

  @media (hover: hover) {
    .group-hover\:from-\[\#d4ff00\]\/70:is(:where(.group):hover *) {
      --tw-gradient-from: oklab(93.6036% -.11678 .192517 / .7);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }

  @media (hover: hover) {
    .group-hover\:from-white\/60:is(:where(.group):hover *) {
      --tw-gradient-from: #fff9;
      --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)) {
      .group-hover\:from-white\/60:is(:where(.group):hover *) {
        --tw-gradient-from: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:from-white\/80:is(:where(.group):hover *) {
      --tw-gradient-from: #fffc;
      --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)) {
      .group-hover\:from-white\/80:is(:where(.group):hover *) {
        --tw-gradient-from: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:from-white\/85:is(:where(.group):hover *) {
      --tw-gradient-from: #ffffffd9;
      --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)) {
      .group-hover\:from-white\/85:is(:where(.group):hover *) {
        --tw-gradient-from: color-mix(in oklab, var(--color-white) 85%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:from-white\/90:is(:where(.group):hover *) {
      --tw-gradient-from: #ffffffe6;
      --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)) {
      .group-hover\:from-white\/90:is(:where(.group):hover *) {
        --tw-gradient-from: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:via-\[\#601feb\]\/40:is(:where(.group):hover *) {
      --tw-gradient-via: oklab(48.8859% .0703861 -.255934 / .4);
      --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);
    }
  }

  @media (hover: hover) {
    .group-hover\:via-\[\#b6e802\]\/40:is(:where(.group):hover *) {
      --tw-gradient-via: oklab(86.4297% -.119465 .177655 / .4);
      --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);
    }
  }

  @media (hover: hover) {
    .group-hover\:via-white\/30:is(:where(.group):hover *) {
      --tw-gradient-via: #ffffff4d;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:via-white\/30:is(:where(.group):hover *) {
        --tw-gradient-via: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:via-white\/35:is(:where(.group):hover *) {
      --tw-gradient-via: #ffffff59;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:via-white\/35:is(:where(.group):hover *) {
        --tw-gradient-via: color-mix(in oklab, var(--color-white) 35%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:via-white\/40:is(:where(.group):hover *) {
      --tw-gradient-via: #fff6;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:via-white\/40:is(:where(.group):hover *) {
        --tw-gradient-via: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:to-white\/40:is(:where(.group):hover *) {
      --tw-gradient-to: #fff6;
      --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)) {
      .group-hover\:to-white\/40:is(:where(.group):hover *) {
        --tw-gradient-to: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:to-white\/45:is(:where(.group):hover *) {
      --tw-gradient-to: #ffffff73;
      --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)) {
      .group-hover\:to-white\/45:is(:where(.group):hover *) {
        --tw-gradient-to: color-mix(in oklab, var(--color-white) 45%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:to-white\/50:is(:where(.group):hover *) {
      --tw-gradient-to: #ffffff80;
      --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)) {
      .group-hover\:to-white\/50:is(:where(.group):hover *) {
        --tw-gradient-to: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:stroke-\[\#601FEB\]:is(:where(.group):hover *) {
      stroke: #601feb;
    }
  }

  @media (hover: hover) {
    .group-hover\:stroke-\[2\.5\]:is(:where(.group):hover *) {
      stroke-width: 2.5px;
    }
  }

  @media (hover: hover) {
    .group-hover\:stroke-\[2\]:is(:where(.group):hover *) {
      stroke-width: 2px;
    }
  }

  @media (hover: hover) {
    .group-hover\:drop-shadow-\[0_0_4px_rgba\(96\,31\,235\,0\.6\)\]:is(:where(.group):hover *) {
      --tw-drop-shadow-size: drop-shadow(0 0 4px var(--tw-drop-shadow-color, #601feb99));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  @media (hover: hover) {
    .group-hover\:drop-shadow-\[0_0_4px_rgba\(182\,232\,2\,0\.6\)\]:is(:where(.group):hover *) {
      --tw-drop-shadow-size: drop-shadow(0 0 4px var(--tw-drop-shadow-color, #b6e80299));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  @media (hover: hover) {
    .group-hover\:drop-shadow-\[0_0_4px_rgba\(255\,255\,255\,0\.6\)\]:is(:where(.group):hover *) {
      --tw-drop-shadow-size: drop-shadow(0 0 4px var(--tw-drop-shadow-color, #fff9));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  @media (hover: hover) {
    .group-hover\:drop-shadow-\[0_0_6px_rgba\(96\,31\,235\,0\.8\)\]:is(:where(.group):hover *) {
      --tw-drop-shadow-size: drop-shadow(0 0 6px var(--tw-drop-shadow-color, #601febcc));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  @media (hover: hover) {
    .group-hover\:drop-shadow-\[0_0_6px_rgba\(182\,232\,2\,0\.8\)\]:is(:where(.group):hover *) {
      --tw-drop-shadow-size: drop-shadow(0 0 6px var(--tw-drop-shadow-color, #b6e802cc));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  @media (hover: hover) {
    .group-hover\:drop-shadow-\[0_0_6px_rgba\(255\,255\,255\,0\.8\)\]:is(:where(.group):hover *) {
      --tw-drop-shadow-size: drop-shadow(0 0 6px var(--tw-drop-shadow-color, #fffc));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  @media (hover: hover) {
    .group-hover\:drop-shadow-\[0_4px_16px_rgba\(96\,31\,235\,0\.3\)\]:is(:where(.group):hover *) {
      --tw-drop-shadow-size: drop-shadow(0 4px 16px var(--tw-drop-shadow-color, #601feb4d));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  @media (hover: hover) {
    .group-hover\:drop-shadow-\[0_8px_32px_rgba\(96\,31\,235\,0\.4\)\]:is(:where(.group):hover *) {
      --tw-drop-shadow-size: drop-shadow(0 8px 32px var(--tw-drop-shadow-color, #601feb66));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  .placeholder\:text-\[rgba\(0\,0\,0\,0\.5\)\]::placeholder {
    color: #00000080;
  }

  .placeholder\:opacity-65::placeholder {
    opacity: .65;
  }

  @media (hover: hover) {
    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-2:hover {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

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

  @media (hover: hover) {
    .hover\:scale-\[1\.03\]:hover {
      scale: 1.03;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#601feb\]:hover {
      border-color: #601feb;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#b6e802\]:hover {
      border-color: #b6e802;
    }
  }

  @media (hover: hover) {
    .hover\:border-white:hover {
      border-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#B6E802\]\/30:hover {
      background-color: oklab(86.4297% -.119465 .177655 / .3);
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/50:hover {
      background-color: #ffffff80;
    }

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

  @media (hover: hover) {
    .hover\:text-\[\#b6e802\]:hover {
      color: #b6e802;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0px_0px_27\.3px_0px_\#658100\]:hover {
      --tw-shadow: 0px 0px 27.3px 0px var(--tw-shadow-color, #658100);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0px_0px_27\.3px_0px_rgba\(96\,31\,235\,0\.8\)\]:hover {
      --tw-shadow: 0px 0px 27.3px 0px var(--tw-shadow-color, #601febcc);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0px_0px_27\.3px_0px_rgba\(255\,255\,255\,0\.8\)\]:hover {
      --tw-shadow: 0px 0px 27.3px 0px var(--tw-shadow-color, #fffc);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[\#B6E802\]\/50:focus {
    --tw-ring-color: oklab(86.4297% -.119465 .177655 / .5);
  }

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

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

  @media (width >= 40rem) {
    .sm\:-mt-16 {
      margin-top: calc(var(--spacing) * -16);
    }
  }

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

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

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

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

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

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

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

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

  @media (width >= 40rem) {
    .sm\:h-\[38px\] {
      height: 38px;
    }
  }

  @media (width >= 40rem) {
    .sm\:h-\[72px\] {
      height: 72px;
    }
  }

  @media (width >= 40rem) {
    .sm\:h-\[257px\] {
      height: 257px;
    }
  }

  @media (width >= 40rem) {
    .sm\:h-\[260px\] {
      height: 260px;
    }
  }

  @media (width >= 40rem) {
    .sm\:h-\[900px\] {
      height: 900px;
    }
  }

  @media (width >= 40rem) {
    .sm\:min-h-\[700px\] {
      min-height: 700px;
    }
  }

  @media (width >= 40rem) {
    .sm\:min-h-\[800px\] {
      min-height: 800px;
    }
  }

  @media (width >= 40rem) {
    .sm\:min-h-\[900px\] {
      min-height: 900px;
    }
  }

  @media (width >= 40rem) {
    .sm\:min-h-\[1200px\] {
      min-height: 1200px;
    }
  }

  @media (width >= 40rem) {
    .sm\:min-h-\[1400px\] {
      min-height: 1400px;
    }
  }

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

  @media (width >= 40rem) {
    .sm\:w-\[85\%\] {
      width: 85%;
    }
  }

  @media (width >= 40rem) {
    .sm\:w-\[100px\] {
      width: 100px;
    }
  }

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

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

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

  @media (width >= 40rem) {
    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }

  @media (width >= 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

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

  @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\:gap-\[8px\] {
      gap: 8px;
    }
  }

  @media (width >= 40rem) {
    .sm\:gap-\[16px\] {
      gap: 16px;
    }
  }

  @media (width >= 40rem) {
    .sm\:gap-\[24px\] {
      gap: 24px;
    }
  }

  @media (width >= 40rem) {
    .sm\:gap-\[26px\] {
      gap: 26px;
    }
  }

  @media (width >= 40rem) {
    .sm\:border-4 {
      border-style: var(--tw-border-style);
      border-width: 4px;
    }
  }

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

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

  @media (width >= 40rem) {
    .sm\:px-\[32px\] {
      padding-inline: 32px;
    }
  }

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

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

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

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

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

  @media (width >= 40rem) {
    .sm\:py-\[15px\] {
      padding-block: 15px;
    }
  }

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

  @media (width >= 40rem) {
    .sm\:pt-\[35\.78px\] {
      padding-top: 35.78px;
    }
  }

  @media (width >= 40rem) {
    .sm\:pt-\[70px\] {
      padding-top: 70px;
    }
  }

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

  @media (width >= 40rem) {
    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (width >= 40rem) {
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (width >= 40rem) {
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (width >= 40rem) {
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (width >= 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (width >= 40rem) {
    .sm\:text-\[20px\] {
      font-size: 20px;
    }
  }

  @media (width >= 40rem) {
    .sm\:tracking-\[-2px\] {
      --tw-tracking: -2px;
      letter-spacing: -2px;
    }
  }

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

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

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

  @media (width >= 48rem) {
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (width >= 48rem) {
    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (width >= 48rem) {
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (width >= 64rem) {
    .lg\:absolute {
      position: absolute;
    }
  }

  @media (width >= 64rem) {
    .lg\:inset-\[-22\.23\%_66\.35\%_-21\.39\%_-20\.29\%\] {
      inset: -22.23% 66.35% -21.39% -20.29%;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[93px\] {
      top: 93px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[121px\] {
      top: 121px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[123px\] {
      top: 123px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[135px\] {
      top: 135px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[138\.96px\] {
      top: 138.96px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[224\.84px\] {
      top: 224.84px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[246\.12px\] {
      top: 246.12px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[303\.5px\] {
      top: 303.5px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[317px\] {
      top: 317px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[320px\] {
      top: 320px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[331\.48px\] {
      top: 331.48px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[332px\] {
      top: 332px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[344px\] {
      top: 344px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[475\.91px\] {
      top: 475.91px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[624\.19px\] {
      top: 624.19px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[799px\] {
      top: 799px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[869px\] {
      top: 869px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[986px\] {
      top: 986px;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[calc\(50\%-60px\)\] {
      top: calc(50% - 60px);
    }
  }

  @media (width >= 64rem) {
    .lg\:top-\[calc\(50\%-220\.17px\)\] {
      top: calc(50% - 220.17px);
    }
  }

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

  @media (width >= 64rem) {
    .lg\:left-1\/2 {
      left: 50%;
    }
  }

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

  @media (width >= 64rem) {
    .lg\:-mt-32 {
      margin-top: calc(var(--spacing) * -32);
    }
  }

  @media (width >= 64rem) {
    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }

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

  @media (width >= 64rem) {
    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }

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

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

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

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

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

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

  @media (width >= 64rem) {
    .lg\:h-\[45px\] {
      height: 45px;
    }
  }

  @media (width >= 64rem) {
    .lg\:h-\[275px\] {
      height: 275px;
    }
  }

  @media (width >= 64rem) {
    .lg\:h-\[1050px\] {
      height: 1050px;
    }
  }

  @media (width >= 64rem) {
    .lg\:min-h-\[550px\] {
      min-height: 550px;
    }
  }

  @media (width >= 64rem) {
    .lg\:min-h-\[785\.455px\] {
      min-height: 785.455px;
    }
  }

  @media (width >= 64rem) {
    .lg\:min-h-\[939px\] {
      min-height: 939px;
    }
  }

  @media (width >= 64rem) {
    .lg\:min-h-\[1050px\] {
      min-height: 1050px;
    }
  }

  @media (width >= 64rem) {
    .lg\:min-h-\[1080px\] {
      min-height: 1080px;
    }
  }

  @media (width >= 64rem) {
    .lg\:min-h-\[1100px\] {
      min-height: 1100px;
    }
  }

  @media (width >= 64rem) {
    .lg\:min-h-\[1150px\] {
      min-height: 1150px;
    }
  }

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

  @media (width >= 64rem) {
    .lg\:w-\[120px\] {
      width: 120px;
    }
  }

  @media (width >= 64rem) {
    .lg\:w-\[631\.74px\] {
      width: 631.74px;
    }
  }

  @media (width >= 64rem) {
    .lg\:w-\[1166\.232px\] {
      width: 1166.23px;
    }
  }

  @media (width >= 64rem) {
    .lg\:w-\[1382px\] {
      width: 1382px;
    }
  }

  @media (width >= 64rem) {
    .lg\:w-\[1920px\] {
      width: 1920px;
    }
  }

  @media (width >= 64rem) {
    .lg\:max-w-\[1400px\] {
      max-width: 1400px;
    }
  }

  @media (width >= 64rem) {
    .lg\:translate-x-\[-50\%\] {
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (width >= 64rem) {
    .lg\:translate-y-\[-50\%\] {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @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-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (width >= 64rem) {
    .lg\:justify-center {
      justify-content: center;
    }
  }

  @media (width >= 64rem) {
    .lg\:justify-start {
      justify-content: flex-start;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[24px\] {
      gap: 24px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[25px\] {
      gap: 25px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[34px\] {
      gap: 34px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[42px\] {
      gap: 42px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[52\.275px\] {
      gap: 52.275px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[72px\] {
      gap: 72px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-\[223px\] {
      gap: 223px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-x-\[40px\] {
      column-gap: 40px;
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-y-\[40px\] {
      row-gap: 40px;
    }
  }

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

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

  @media (width >= 64rem) {
    .lg\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
  }

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

  @media (width >= 64rem) {
    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
  }

  @media (width >= 64rem) {
    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
  }

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

  @media (width >= 64rem) {
    .lg\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }
  }

  @media (width >= 64rem) {
    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }

  @media (width >= 64rem) {
    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (width >= 64rem) {
    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (width >= 64rem) {
    .lg\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }

  @media (width >= 64rem) {
    .lg\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (width >= 64rem) {
    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (width >= 64rem) {
    .lg\:text-\[18px\] {
      font-size: 18px;
    }
  }

  @media (width >= 64rem) {
    .lg\:text-\[20px\] {
      font-size: 20px;
    }
  }

  @media (width >= 64rem) {
    .lg\:tracking-\[-3\.36px\] {
      --tw-tracking: -3.36px;
      letter-spacing: -3.36px;
    }
  }

  @media (width >= 64rem) {
    .lg\:opacity-100 {
      opacity: 1;
    }
  }

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

  @media (width >= 80rem) {
    .xl\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }
  }

  @media (width >= 80rem) {
    .xl\:text-\[56px\] {
      font-size: 56px;
    }
  }

  @media (width >= 80rem) {
    .xl\:text-\[90px\] {
      font-size: 90px;
    }
  }
}

: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);
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  width: 100%;
  max-width: 100vw;
  position: relative;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

body > * {
  max-width: 100vw;
  overflow-x: hidden;
}

@keyframes float-slow {
  0%, 100% {
    transform: translate3d(0, 0, 0)rotate(0);
  }

  25% {
    transform: translate3d(10px, -10px, 0)rotate(2deg);
  }

  50% {
    transform: translate3d(-5px, 15px, 0)rotate(-1deg);
  }

  75% {
    transform: translate3d(15px, 5px, 0)rotate(1deg);
  }
}

@keyframes float-medium {
  0%, 100% {
    transform: translate3d(0, 0, 0)rotate(0);
  }

  33% {
    transform: translate3d(-15px, 10px, 0)rotate(-2deg);
  }

  66% {
    transform: translate3d(10px, -15px, 0)rotate(2deg);
  }
}

@keyframes float-fast {
  0%, 100% {
    transform: translate3d(0, 0, 0)rotate(0);
  }

  50% {
    transform: translate3d(20px, -20px, 0)rotate(3deg);
  }
}

.animate-float-slow {
  will-change: transform;
  animation: 20s ease-in-out infinite float-slow;
  transform: translateZ(0);
}

.animate-float-medium {
  will-change: transform;
  animation: 15s ease-in-out infinite float-medium;
  transform: translateZ(0);
}

.animate-float-fast {
  will-change: transform;
  animation: 10s ease-in-out infinite float-fast;
  transform: translateZ(0);
}

@keyframes scroll-right {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes scroll-left {
  0% {
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

.animate-scroll-right {
  will-change: transform;
  animation: 60s linear infinite scroll-right;
  transform: translateZ(0);
}

.animate-scroll-left {
  will-change: transform;
  animation: 60s linear infinite scroll-left;
  transform: translateZ(0);
}

.gpu-accelerated {
  will-change: transform;
  transform: translateZ(0);
}

.card-hover-effect {
  will-change: transform;
  transition: transform .3s ease-out, box-shadow .3s ease-out;
}

.card-hover-effect:hover {
  transform: translate3d(0, -8px, 0)scale(1.02);
}

@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-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-tracking {
  syntax: "*";
  inherits: false
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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