/*! tailwindcss v4.1.18 | 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: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-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-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}
@font-face {
  font-family: IBMPlexMono;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.shopify.com/static/fonts/ibmplexmono/IBMPlexMono-Light.woff2)
    format("woff2");
}
@font-face {
  font-family: IBMPlexMono;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/IBMPlexMono--regular.woff2)
    format("woff2");
}
@font-face {
  font-family: IBMPlexMono;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/IBMPlexMono--medium.woff2)
    format("woff2");
}
@font-face {
  font-family: IBMPlexMono;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/IBMPlexMono--semibold.woff2)
    format("woff2");
}
@font-face {
  font-family: PolySans;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/PolySans-Neutral.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: PolySans;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/PolySans-Median.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: PolySans;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/PolySans-MedianItalic.woff2)
    format("woff2");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: PolySans;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/PolySans-Bulky.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: DrukCondSuper;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/DrukCondSuper--black.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: DrukTextHeavy;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/DrukTextHeavy--bold.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: FT88;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/FT88--regular.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Roslindale;
  src: url(https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/editions-winter-2023/Roslindale/Roslindale-DisplayCondensedMedium.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Trap;
  src: url(https://cdn.shopify.com/static/fonts/Trap--regular.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Trap;
  src: url(https://cdn.shopify.com/static/fonts/Trap--medium.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Trap;
  src: url(https://cdn.shopify.com/static/fonts/Trap--bold.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Trap;
  src: url(https://cdn.shopify.com/static/fonts/Trap--extrabold.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: FeatureDisplay;
  src: url(https://cdn.shopify.com/static/fonts/capital/bfcm/FeatureDisplay-Regular.otf)
    format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: FeatureDisplay;
  src: url(https://cdn.shopify.com/static/fonts/capital/bfcm/FeatureDisplay-Medium.otf)
    format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: FeatureDisplay;
  src: url(https://cdn.shopify.com/static/fonts/capital/bfcm/FeatureDisplay-Bold.otf)
    format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: GoodSans;
  src: local(GoodSans),
    url(https://cdn.shopify.com/static/fonts/GoodSans-Bold.woff2)
      format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  letter-spacing: -8px;
}
@font-face {
  font-family: GoodSans;
  src: local(GoodSans),
    url(https://cdn.shopify.com/static/fonts/GoodSans-Medium.woff2)
      format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
}
@font-face {
  font-family: GoodSans;
  src: local(GoodSans),
    url(https://cdn.shopify.com/static/fonts/GoodSansText-Regular.woff)
      format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
}
@font-face {
  font-family: PathwayGothicOne;
  src: local(PathwayGothicOne),
    url(https://cdn.shopify.com/static/fonts/business-name-generator/PathwayGothicOne-Regular.ttf)
      format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
}
@font-face {
  font-family: GraphikCondensed;
  src: url(https://cdn.shopify.com/b/shopify-brochure2-assets/1e1e522754b7b4e412753c8178f27b64.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
}
@font-face {
  font-family: GTSuperDisplay;
  src: url(https://cdn.shopify.com/static/fonts/GT-Super-Display-Light.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: GTSuperDisplay;
  src: url(https://cdn.shopify.com/static/fonts/GT-Super-Display-Regular.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: GTSuperDisplay;
  src: url(https://cdn.shopify.com/static/fonts/GT-Super-Display-Medium.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: GTSuperTextBook;
  src: url(https://cdn.shopify.com/static/fonts/GT-Super-Text-Book.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: GTSuperText;
  src: url(https://cdn.shopify.com/static/fonts/GT-Super-Text-Regular.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: GTSuperText;
  src: url(https://cdn.shopify.com/static/fonts/GT-Super-Text-Medium.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: NaturalMarkerItalic;
  src: url(https://cdn.shopify.com/static/fonts/NaturalMarker-Italic.woff2)
    format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: NaturalMarker;
  src: url(https://cdn.shopify.com/static/fonts/NaturalMarker.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Saans;
  src: url(https://cdn.shopify.com/static/fonts/saans/Saans-Light.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Saans;
  src: url(https://cdn.shopify.com/static/fonts/saans/Saans-Regular.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Saans;
  src: url(https://cdn.shopify.com/static/fonts/saans/Saans-Medium.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: GaramondNovaProCondensedLight;
  src: url(https://cdn.shopify.com/static/fonts/GaramondNovaProCondensedLight.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: GaramondNovaProCondensedLightItalic;
  src: url(https://cdn.shopify.com/static/fonts/GaramondNovaProCondensedLightItalic.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: GTAmericaMono;
  src: url(https://cdn.shopify.com/static/fonts/GT-America-Mono-Regular.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Inter-Variable;
  src: url(https://cdn.shopify.com/b/shopify-brochure2-assets/5949cd393a8375a896fd0a9b74307666.woff2)
    format("woff2");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: ShopifySans;
  src: url(https://cdn.shopify.com/static/fonts/ShopifySans--light.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: ShopifySans;
  src: url(https://cdn.shopify.com/static/fonts/ShopifySans--regular.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: ShopifySans;
  src: url(https://cdn.shopify.com/static/fonts/ShopifySans--medium.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: ShopifySans;
  src: url(https://cdn.shopify.com/static/fonts/ShopifySans--bold.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: ShopifySans;
  src: url(https://cdn.shopify.com/static/fonts/ShopifySans--extrabold.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: ShopifySans;
  src: url(https://cdn.shopify.com/static/fonts/ShopifySans--black.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
body {
  font-feature-settings: "ss03";
}
@supports (font-variant-ligatures: discretionary-ligatures) {
  body:not:lang(ja) {
    font-variant-ligatures: discretionary-ligatures;
  }
}
@font-face {
  font-family: Inter-Variable;
  src: url(https://cdn.shopify.com/b/shopify-brochure2-assets/5949cd393a8375a896fd0a9b74307666.woff2)
    format("woff2");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: NeueHaasGrotesk;
  src: url(https://cdn.shopify.com/b/shopify-brochure2-assets/8e7a81acb91d51d6051bfb7f97e8ecaa.woff2)
      format("woff2"),
    url(https://cdn.shopify.com/b/shopify-brochure2-assets/1cbd239d733557437a427162aff52be8.woff)
      format("woff"),
    url(https://cdn.shopify.com/b/shopify-brochure2-assets/90d64aa1ddad076d7d69e1dc1414321a.ttf)
      format("ttf");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: NeueHaasGrotesk;
  src: url(https://cdn.shopify.com/b/shopify-brochure2-assets/5ed4b67d15b44e848aaae29d2e30ec03.woff2)
      format("woff2"),
    url(https://cdn.shopify.com/b/shopify-brochure2-assets/ab4d5f1126ba42a1ffaed42b4b444684.woff)
      format("woff"),
    url(https://cdn.shopify.com/b/shopify-brochure2-assets/a2768e9bf57f40ef4203c4c686fb5c6e.ttf)
      format("ttf");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: NeueHaasGrotesk;
  src: url(https://cdn.shopify.com/b/shopify-brochure2-assets/85640034fdc1068cdb17d5e74ab9876d.woff2)
      format("woff2"),
    url(https://cdn.shopify.com/b/shopify-brochure2-assets/234d2b025158bb5d34932312dbe25a75.woff)
      format("woff"),
    url(https://cdn.shopify.com/b/shopify-brochure2-assets/487c38363a740f737e9e2ac142166b79.ttf)
      format("ttf");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Noto Sans JP;
  src: url(https://cdn.shopify.com/static/fonts/NotoSansJP-Light.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Noto Sans JP;
  src: url(https://cdn.shopify.com/static/fonts/NotoSansJP-Regular.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Noto Sans JP;
  src: url(https://cdn.shopify.com/static/fonts/NotoSansJP-Medium.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Noto Sans JP;
  src: url(https://cdn.shopify.com/static/fonts/NotoSansJP-Bold.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Noto Sans JP;
  src: url(https://cdn.shopify.com/static/fonts/NotoSansJP-ExtraBold.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: Noto Sans JP;
  src: url(https://cdn.shopify.com/static/fonts/NotoSansJP-Black.woff2)
    format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@layer theme {
  :root,
  :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: 1rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: 1.25rem;
    --text-base: 1rem;
    --text-base--line-height: 1.5rem;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.75rem;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.75rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 2.25rem;
    --font-weight-normal: 400;
    --font-weight-medium: 450;
    --font-weight-semibold: 600;
    --font-weight-bold: 550;
    --font-weight-extrabold: 650;
    --font-weight-black: 750;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-mono-font-family: var(--font-mono);
    --gutter: 1rem;
    --margin: 1rem;
    --font-size-button-lg: 1rem;
    --letter-spacing-button-lg: 0;
    --line-height-button-lg: 1.5rem;
    --font-size-button-sm: 1rem;
    --letter-spacing-button-sm: 0;
    --line-height-button-sm: 1.5rem;
    --font-size-t8: 0.875rem;
    --font-weight-t8: 450;
    --line-height-t8: 1.1375rem;
    --letter-spacing-t8: 0;
    --font-size-t7: 1rem;
    --font-weight-t7: 450;
    --line-height-t7: 1.3rem;
    --letter-spacing-t7: -0.05em;
    --font-size-t6: 1.125rem;
    --font-weight-t6: 420;
    --line-height-t6: 1.4625rem;
    --letter-spacing-t6: 0;
    --font-size-t5: 1.375rem;
    --font-weight-t5: 400;
    --line-height-t5: 1.625rem;
    --letter-spacing-t5: -0.005em;
    --font-size-t4: 1.625rem;
    --font-weight-t4: 330;
    --line-height-t4: 1.8525rem;
    --letter-spacing-t4: 0;
    --font-size-t3: 1.875rem;
    --font-weight-t3: 330;
    --line-height-t3: 2.1375rem;
    --letter-spacing-t3: 0;
    --font-size-t2: 2.25rem;
    --font-weight-t2: 330;
    --line-height-t2: 2.52rem;
    --letter-spacing-t2: 0;
    --font-size-t1: 2.75rem;
    --font-weight-t1: 330;
    --line-height-t1: 2.97rem;
    --letter-spacing-t1: -0.005em;
    --font-size-dsp: 3.5rem;
    --font-weight-dsp: 330;
    --line-height-dsp: 3.78rem;
    --letter-spacing-dsp: -0.01em;
    --font-size-body-lg: 1.125rem;
    --line-height-body-lg: 1.575rem;
    --font-weight-body-lg: 400;
    --letter-spacing-body-lg: 0;
    --font-size-body-base: 1rem;
    --line-height-body-base: 1.4rem;
    --font-weight-body-base: 420;
    --letter-spacing-body-base: -0.006em;
    --font-size-body-sm: 0.875rem;
    --line-height-body-sm: 1.1375rem;
    --font-weight-body-sm: 420;
    --letter-spacing-body-sm: 0;
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 2.5rem;
    --space-3xl: 4rem;
    --space-4xl: 5rem;
    --space-5xl: 8rem;
    --header-height: 4.5rem;
    --hero-top: var(--header-height);
    --color-shade-10: #f4f4f5;
    --color-shade-20: #e4e4e7;
    --color-shade-30: #d4d4d8;
    --color-shade-40: #a1a1aa;
    --color-shade-50: #71717a;
    --color-shade-60: #52525b;
    --color-shade-70: #3f3f46;
    --color-shade-90: #18181b;
    --color-shade-100: #000;
    --color-rich-black: #02090a;
    --color-link-dark: #9797a2;
    --color-link-dark-hover: #d4d4d8;
    --color-link-dark-active: #a1a1aa;
    --color-link-dark-focus: #fff;
    --color-link-dark-disabled: #71717a;
    --color-pistachio-10: #d4f9e0;
    --color-aloe-10: #c1fbd4;
    --font-neuehaas: NeueHaasGrotesk, Helvetica, Arial, sans-serif;
  }
}
@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%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: Inter-Variable, Helvetica, Arial, sans-serif;
    line-height: 1.5;
  }
  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;
    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: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 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;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
  *,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
  }
  select:disabled {
    opacity: 0.7;
  }
  html {
    scroll-padding: calc(var(--spacing) * 24);
    scroll-behavior: smooth;
  }
  :lang(ja)[data-content-lang="ja"],
  :lang(zh)[data-content-lang="zh"] {
    word-break: break-all;
  }
  :lang(ja)[data-content-lang="en"],
  :lang(zh)[data-content-lang="en"] {
    word-break: normal;
  }
  :lang(ko) {
    word-break: keep-all;
  }
  section {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  div[data-mode="dark"] input:-webkit-autofill {
    -webkit-background-clip: text;
  }
  div[data-mode="dark"] input:-webkit-autofill:hover {
    -webkit-background-clip: text;
  }
  div[data-mode="dark"] input:-webkit-autofill:focus {
    -webkit-background-clip: text;
  }
  div[data-mode="dark"] input:-webkit-autofill:active {
    -webkit-background-clip: text;
  }
  [data-mode="light"] input:-webkit-autofill {
    -webkit-background-clip: text;
  }
  [data-mode="light"] input:-webkit-autofill:hover {
    -webkit-background-clip: text;
  }
  [data-mode="light"] input:-webkit-autofill:focus {
    -webkit-background-clip: text;
  }
  [data-mode="light"] input:-webkit-autofill:active {
    -webkit-background-clip: text;
  }
  button:not(:disabled),
  [role="button"]:not(:disabled) {
    cursor: pointer;
  }
  :root {
    --font-size-button-lg: 1rem;
    --letter-spacing-button-lg: 0;
    --line-height-button-lg: 1.5rem;
    --font-size-button-sm: 1rem;
    --letter-spacing-button-sm: 0;
    --line-height-button-sm: 1.5rem;
    --heading-weight: 400;
    --body-weight: 500;
    --font-size-b6: 0.75rem;
    --line-height-b6: 1.125rem;
    --font-weight-b6: var(--body-weight);
    --letter-spacing-b6: 0.02em;
    --font-size-b5: 0.75rem;
    --line-height-b5: 1.125rem;
    --font-weight-b5: var(--body-weight);
    --letter-spacing-b5: 0.015em;
    --font-size-b4: 0.875rem;
    --line-height-b4: 1.094rem;
    --font-weight-b4: var(--body-weight);
    --letter-spacing-b4: 0.04em;
    --font-size-b3: 1rem;
    --line-height-b3: 1.3rem;
    --font-weight-b3: var(--body-weight);
    --letter-spacing-b3: 0.015em;
    --font-size-b2: 1.125rem;
    --line-height-b2: 1.4625rem;
    --font-weight-b2: var(--body-weight);
    --letter-spacing-b2: 0.015em;
    --font-size-b1: 1.25rem;
    --line-height-b1: 1.625rem;
    --font-weight-b1: var(--body-weight);
    --letter-spacing-b1: 0.015em;
    --font-size-t7: 1rem;
    --font-weight-t7: var(--heading-weight);
    --line-height-t7: 1.3rem;
    --letter-spacing-t7: 0.015em;
    --font-size-t6: 1.25rem;
    --font-weight-t6: var(--heading-weight);
    --line-height-t6: 1.5rem;
    --letter-spacing-t6: 0.02em;
    --font-size-t5: 1.5rem;
    --font-weight-t5: var(--heading-weight);
    --line-height-t5: 1.5rem;
    --letter-spacing-t5: 0.02em;
    --font-size-t4: 1.875rem;
    --font-weight-t4: var(--heading-weight);
    --line-height-t4: 2.14rem;
    --letter-spacing-t4: 0;
    --font-size-t3: 2.5rem;
    --font-weight-t3: var(--heading-weight);
    --line-height-t3: 2.5rem;
    --letter-spacing-t3: 0;
    --font-size-t2: 3rem;
    --font-weight-t2: var(--heading-weight);
    --line-height-t2: 3rem;
    --letter-spacing-t2: 0;
    --font-size-t1: 3.75rem;
    --font-weight-t1: var(--heading-weight);
    --line-height-t1: 3.6rem;
    --letter-spacing-t1: 0;
    --font-size-dsp: var(--font-size-t1);
    --font-weight-dsp: var(--heading-weight);
    --line-height-dsp: var(--font-size-t1);
    --letter-spacing-dsp: var(--letter-spacing-t1);
    --font-size-body-sm: var(--font-size-b4);
    --line-height-body-sm: var(--line-height-b4);
    --font-weight-body-sm: var(--font-weight-b4);
    --letter-spacing-body-sm: var(--letter-spacing-b4);
    --font-size-body-base: var(--font-size-b2);
    --line-height-body-base: var(--line-height-b2);
    --font-weight-body-md: var(--font-weight-b2);
    --letter-spacing-body-base: var(--letter-spacing-b2);
    --font-size-body-lg: var(--font-size-b1);
    --line-height-body-lg: var(--line-height-b1);
    --font-weight-body-lg: var(--font-weight-b1);
    --letter-spacing-body-lg: var(--letter-spacing-b1);
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 2.5rem;
    --space-3xl: 4rem;
    --space-4xl: 5rem;
    --space-5xl: 8rem;
    --header-height: 4.5rem;
    --hero-top: var(--header-height);
  }
  :root :lang(ko),
  :root :lang(zh) {
    --line-height-dsp: 1.1;
  }
  body {
    background-color: var(--color-black);
  }
  .with-blurred-ellipse {
    position: relative;
  }
  .with-blurred-ellipse > * {
    z-index: 10;
  }
  .with-blurred-ellipse:before {
    z-index: 0;
    border-radius: 3.40282e38px;
    width: 100%;
    height: 40%;
    position: absolute;
  }
  @media (min-width: 900px) {
    .with-blurred-ellipse:before {
      width: 50%;
    }
  }
  .with-blurred-ellipse:before {
    background-image: radial-gradient(#0c3c3180, #0000 60%, #0000);
  }
  .richtext strong {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
  }
  ::view-transition-new(*) {
    animation-duration: 0.5s;
  }
  ::view-transition-old(*) {
    animation-duration: 0.5s;
  }
  .debug-screen-size {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-orange-500);
  }
  @media (min-width: 640px) {
    .debug-screen-size {
      border-color: var(--color-yellow-500);
    }
  }
  @media (min-width: 900px) {
    .debug-screen-size {
      border-color: var(--color-green-500);
    }
  }
  @media (min-width: 1200px) {
    .debug-screen-size {
      border-color: var(--color-blue-500);
    }
  }
  @media (min-width: 1600px) {
    .debug-screen-size {
      border-color: var(--color-purple-500);
    }
  }
  body {
    font-family: var(--font-neuehaas);
  }
}
@layer components {
  .no-skip-ink {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
  }
  strong,
  b {
    font-weight: 550;
  }
  .richtext h1:not(.no-richtext h1),
  .richtext .text-t1:not(.no-richtext .text-t1) {
    margin-bottom: var(--space-sm);
    margin-top: var(--space-lg);
    font-size: var(--font-size-t1);
    line-height: var(--line-height-t1);
    letter-spacing: var(--letter-spacing-t1);
    font-weight: var(--font-weight-t1);
  }
  .richtext h2:not(.no-richtext h2),
  .richtext .text-t2:not(.no-richtext .text-t2) {
    margin-bottom: var(--space-sm);
    margin-top: var(--space-lg);
    font-size: var(--font-size-t2);
    line-height: var(--line-height-t2);
    letter-spacing: var(--letter-spacing-t2);
    font-weight: var(--font-weight-t2);
  }
  .richtext h3:not(.no-richtext h3),
  .richtext .text-t3:not(.no-richtext .text-t3) {
    margin-bottom: 0.5rem;
    margin-top: var(--space-lg);
    font-size: var(--font-size-t3);
    line-height: var(--line-height-t3);
    letter-spacing: var(--letter-spacing-t3);
    font-weight: var(--font-weight-t3);
  }
  .richtext h4:not(.no-richtext h4),
  .richtext .text-t4:not(.no-richtext .text-t4) {
    margin-bottom: 0.5rem;
    margin-top: var(--space-lg);
    font-size: var(--font-size-t4);
    line-height: var(--line-height-t4);
    letter-spacing: var(--letter-spacing-t4);
    font-weight: var(--font-weight-t4);
  }
  .richtext h5:not(.no-richtext h5),
  .richtext .text-t5:not(.no-richtext .text-t5) {
    margin-bottom: 0.5rem;
    margin-top: var(--space-lg);
    font-size: var(--font-size-t5);
    line-height: var(--line-height-t5);
    letter-spacing: var(--letter-spacing-t5);
    font-weight: var(--font-weight-t5);
  }
  .richtext h6:not(.no-richtext h6),
  .richtext .text-t6:not(.no-richtext .text-t6) {
    margin-bottom: 0.5rem;
    margin-top: var(--space-lg);
    font-size: var(--font-size-t6);
    line-height: var(--line-height-t6);
    letter-spacing: var(--letter-spacing-t6);
    font-weight: var(--font-weight-t6);
  }
  .richtext .text-t7:not(.no-richtext .text-t7) {
    margin-bottom: 0.5rem;
    margin-top: var(--space-md);
    font-size: var(--font-size-t7);
    line-height: var(--line-height-t7);
    letter-spacing: var(--letter-spacing-t7);
    font-weight: var(--font-weight-t7);
  }
  .richtext .text-t8:not(.no-richtext .text-t8) {
    margin-bottom: 0.5rem;
    margin-top: var(--space-md);
    font-size: var(--font-size-t8);
    line-height: var(--line-height-t8);
    letter-spacing: var(--letter-spacing-t8);
    font-weight: var(--font-weight-t8);
  }
  .richtext p:not(.no-richtext p) {
    margin-bottom: var(--space-sm);
  }
  .richtext .text-body-sm:not(.no-richtext .text-body-sm) {
    margin-bottom: 0.5rem;
  }
  .richtext ul:not(.no-richtext ul) {
    list-style-type: disc;
  }
  .richtext ol:not(.no-richtext ol) {
    list-style-type: decimal;
  }
  .richtext ul:not(.no-richtext ul),
  .richtext ol:not(.no-richtext ol) {
    margin-left: 0.5rem;
    margin-bottom: var(--space-sm);
    padding-left: 1.25rem;
  }
  .richtext div:not(.no-richtext) li {
    margin-bottom: var(--space-sm);
  }
  .richtext div:not(.no-richtext) li:last-child {
    margin-bottom: 0;
  }
  .richtext dt {
    font-weight: 550;
  }
  .richtext dd {
    margin-inline-start: 40px;
  }
  .richtext .margin-0 {
    margin: 0;
  }
  div.richtext > :not(.no-richtext):first-child {
    margin-top: 0;
  }
  div.richtext > :not(.no-richtext):last-child {
    margin-bottom: 0;
  }
  .richtext a:not(.no-richtext a),
  .link {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    outline-color: #751be9;
    font-weight: 550;
    text-decoration-line: underline;
  }
  .richtext a:not(.no-richtext a):hover,
  .link:hover,
  .richtext a:not(.no-richtext a):active,
  .link:active {
    text-decoration-line: none;
  }
  a.arrow-animation,
  span.arrow-animation,
  .arrow-animation > a {
    position: relative;
  }
  a.arrow-animation:hover:after,
  span.arrow-animation:hover:after,
  .arrow-animation > a:hover:after {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 1;
  }
  a.arrow-animation:after,
  span.arrow-animation:after,
  .arrow-animation > a:after {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0;
    position: absolute;
  }
  @media (prefers-reduced-motion: reduce) {
    a.arrow-animation:after,
    span.arrow-animation:after,
    .arrow-animation > a:after {
      transition-property: none;
    }
  }
  a.arrow-animation:after,
  span.arrow-animation:after,
  .arrow-animation > a:after {
    content: "";
    background-color: currentColor;
    width: 1em;
    height: 1em;
    margin-left: 0.25em;
    transition: opacity 0.12s, transform 0.3s cubic-bezier(0.66, 0, 0.34, 1);
    bottom: 0.2em;
    -webkit-mask: url(https://cdn.shopify.com/shopifycloud/brochure2/staging/assets/link-arrow.e34cea4d.svg)
      50% / cover no-repeat;
    mask: url(https://cdn.shopify.com/shopifycloud/brochure2/staging/assets/link-arrow.e34cea4d.svg)
      50% / cover no-repeat;
  }
  :root {
    --grid__devMode-4: repeating-linear-gradient(
      to right,
      #0000 -1rem,
      #0000 0%,
      #ff450033 0%,
      #ff450033 calc(25% - 0.75rem)
    );
    --grid__devMode-8: repeating-linear-gradient(
      to right,
      #0000 -1rem,
      #0000 0%,
      #ff450033 0%,
      #ff450033 calc(12.5% - 0.875rem)
    );
    --grid__devMode-12-md: repeating-linear-gradient(
      to right,
      #0000 -1rem,
      #0000 0%,
      #ff450033 0%,
      #ff450033 calc(8.3% - 0.9rem)
    );
    --grid__devMode-12-lg: repeating-linear-gradient(
      to right,
      #0000 -1.5rem,
      #0000 0%,
      #ff450033 0%,
      #ff450033 calc(8.3% - 1.35rem)
    );
  }
  .card {
    will-change: transform;
    transition: transform 0.7s ease-in-out, opacity 0.2s;
    transform: perspective(50px) translateZ(-20px);
  }
  .card-left {
    transform: perspective(50px) translate3d(-50%, 0, -10px);
  }
  .card-right {
    transform: perspective(50px) translate3d(50%, 0, -10px);
  }
  .card-hero {
    transform: perspective(50px) translate(0);
  }
  .card-overlay {
    opacity: 0.6;
    transition: opacity 0.7s;
  }
  .card-hero .card-overlay {
    opacity: 0;
  }
  .card-local-and-global .glow-0,
  .card-local-and-global .glow-1,
  .card-local-and-global .glow-2,
  .card-local-and-global .glow-3,
  .card-local-and-global .glow-4,
  .card-local-and-global .glow-5,
  .card-local-and-global .glow-6,
  .card-local-and-global .glow-7 {
    display: none;
  }
  @media screen and (max-width: 499px) {
    .card-local-and-global .glow-5,
    .card-local-and-global .glow-6,
    .card-local-and-global .glow-7 {
      display: block;
    }
  }
  @media screen and (min-width: 500px) and (max-width: 899px) {
    .card-local-and-global .glow-3,
    .card-local-and-global .glow-4 {
      display: block;
    }
  }
  @media screen and (min-width: 900px) {
    .card-local-and-global .glow-0,
    .card-local-and-global .glow-1,
    .card-local-and-global .glow-2 {
      display: block;
    }
  }
  .local-and-global-map {
    width: 146%;
    top: 19rem;
    right: -6rem;
  }
  @media screen and (min-width: 430px) and (max-width: 499px) {
    .local-and-global-map {
      width: 134%;
      top: 18rem;
      right: -6rem;
    }
  }
  @media screen and (min-width: 500px) and (max-width: 639px) {
    .local-and-global-map {
      width: 110%;
      top: 18rem;
      right: -2rem;
    }
  }
  @media screen and (min-width: 640px) and (max-width: 759px) {
    .local-and-global-map {
      width: 98%;
      top: 23rem;
      right: 0;
    }
    .local-and-global-checkout-window {
      margin-left: auto;
      margin-right: auto;
    }
  }
  @media screen and (min-width: 760px) and (max-width: 899px) {
    .local-and-global-map {
      width: 86%;
      top: 22rem;
      right: 2rem;
    }
    .local-and-global-checkout-window {
      margin-left: auto;
      margin-right: auto;
    }
  }
  @media screen and (min-width: 900px) and (max-width: 1039px) {
    .local-and-global-map {
      width: 70%;
      top: 2rem;
      right: -10.2rem;
    }
    .local-and-global-checkout-window {
      margin-left: auto;
      margin-right: 3%;
    }
  }
  @media screen and (min-width: 1040px) and (max-width: 1199px) {
    .local-and-global-map {
      width: 70%;
      top: 0;
      right: -10rem;
    }
    .local-and-global-checkout-window {
      margin-left: auto;
      margin-right: auto;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .local-and-global-map {
      width: 62%;
      top: 2rem;
      right: -10rem;
    }
  }
  @media screen and (min-width: 1440px) and (max-width: 1599px) {
    .local-and-global-map {
      width: 66%;
      top: -1rem;
      right: -12rem;
    }
  }
  @media screen and (min-width: 1600px) {
    .local-and-global-map {
      width: 64%;
      top: -1rem;
      right: -12rem;
    }
  }
  .flags-carousel {
    -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000);
    mask-image: linear-gradient(90deg, #0000, #000, #0000);
    -webkit-mask-source-type: alpha;
    mask-mode: alpha;
  }
  @media screen and (min-width: 640px) {
    .flags-carousel {
      -webkit-mask-image: linear-gradient(#0000, #000, #0000);
      mask-image: linear-gradient(#0000, #000, #0000);
    }
  }
  @media screen and (min-width: 900px) {
    .flag-item-transition {
      will-change: transform, color;
      transition-property: transform, color;
      transition-duration: 0.3s;
      transition-timing-function: ease-in-out;
      transform: translateZ(0);
    }
    .flag-item-transition:hover {
      transform: scale(1.25) translateZ(0);
    }
  }
  .flag-pulse-animation {
    position: relative;
  }
  .flag-pulse-animation:before,
  .flag-pulse-animation:after {
    content: "";
    border-radius: 0.75rem;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .flag-pulse-animation:after {
    background-color: #224749;
  }
  .flag-pulse-animation:before {
    opacity: 0.4;
    background-color: #fff;
    animation: 1.7s ease-out infinite pulse;
  }
  @keyframes pulse {
    50%,
    to {
      opacity: 0;
      transform: scale(1.4);
    }
  }
  .richtext a:not(.no-richtext a),
  .link {
    font-weight: inherit;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .\!pointer-events-none {
    pointer-events: none !important;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-px {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .-top-16 {
    top: calc(var(--spacing) * -16);
  }
  .-top-20 {
    top: calc(var(--spacing) * -20);
  }
  .-top-global-header {
    top: calc(var(--header-height) * -1);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-\[-1px\] {
    top: -1px;
  }
  .top-\[-2px\] {
    top: -2px;
  }
  .top-\[-5px\] {
    top: -5px;
  }
  .top-\[-10vw\] {
    top: -10vw;
  }
  .top-\[-25\%\] {
    top: -25%;
  }
  .top-\[-52vw\] {
    top: -52vw;
  }
  .top-\[-100vh\] {
    top: -100vh;
  }
  .top-\[-175\%\] {
    top: -175%;
  }
  .top-\[2\.2rem\] {
    top: 2.2rem;
  }
  .top-\[2cqw\] {
    top: 2cqw;
  }
  .top-\[4cqw\] {
    top: 4cqw;
  }
  .top-\[8cqw\] {
    top: 8cqw;
  }
  .top-\[12\%\] {
    top: 12%;
  }
  .top-\[12cqw\] {
    top: 12cqw;
  }
  .top-\[13\%\] {
    top: 13%;
  }
  .top-\[14cqw\] {
    top: 14cqw;
  }
  .top-\[17cqw\] {
    top: 17cqw;
  }
  .top-\[18cqw\] {
    top: 18cqw;
  }
  .top-\[32cqw\] {
    top: 32cqw;
  }
  .top-\[34cqw\] {
    top: 34cqw;
  }
  .top-\[40\%\] {
    top: 40%;
  }
  .top-\[41px\] {
    top: 41px;
  }
  .top-\[45\%\] {
    top: 45%;
  }
  .top-\[46px\] {
    top: 46px;
  }
  .top-\[48\%\] {
    top: 48%;
  }
  .top-\[60cqw\] {
    top: 60cqw;
  }
  .top-\[80cqw\] {
    top: 80cqw;
  }
  .top-\[146cqw\] {
    top: 146cqw;
  }
  .top-auto {
    top: auto;
  }
  .top-full {
    top: 100%;
  }
  .top-global-header {
    top: var(--header-height);
  }
  .top-md {
    top: var(--space-md);
  }
  .-right-\[var\(--margin\)\] {
    right: calc(var(--margin) * -1);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-7 {
    right: calc(var(--spacing) * 7);
  }
  .right-\[-40\%\] {
    right: -40%;
  }
  .right-\[13px\] {
    right: 13px;
  }
  .right-\[calc\(100\%-106px\)\] {
    right: calc(100% - 106px);
  }
  .right-full {
    right: 100%;
  }
  .right-margin {
    right: var(--margin);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-\[25\%\] {
    bottom: 25%;
  }
  .bottom-\[52vw\] {
    bottom: 52vw;
  }
  .bottom-\[80px\] {
    bottom: 80px;
  }
  .bottom-\[calc\(100\%\+5em\)\] {
    bottom: calc(100% + 5em);
  }
  .bottom-\[calc\(100\%-17px\)\] {
    bottom: calc(100% - 17px);
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-\[4cqw\] {
    left: -4cqw;
  }
  .-left-\[6cqw\] {
    left: -6cqw;
  }
  .-left-\[var\(--margin\)\] {
    left: calc(var(--margin) * -1);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-6 {
    left: calc(var(--spacing) * 6);
  }
  .left-8 {
    left: calc(var(--spacing) * 8);
  }
  .left-\[-5px\] {
    left: -5px;
  }
  .left-\[-25\%\] {
    left: -25%;
  }
  .left-\[-39vw\] {
    left: -39vw;
  }
  .left-\[-50\%\] {
    left: -50%;
  }
  .left-\[-66vw\] {
    left: -66vw;
  }
  .left-\[-70\%\] {
    left: -70%;
  }
  .left-\[4cqw\] {
    left: 4cqw;
  }
  .left-\[6cqw\] {
    left: 6cqw;
  }
  .left-\[16cqw\] {
    left: 16cqw;
  }
  .left-\[20cqw\] {
    left: 20cqw;
  }
  .left-\[32cqw\] {
    left: 32cqw;
  }
  .left-\[35\%\] {
    left: 35%;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .left-\[52cqw\] {
    left: 52cqw;
  }
  .left-\[58\%\] {
    left: 58%;
  }
  .left-\[70cqw\] {
    left: 70cqw;
  }
  .left-\[78cqw\] {
    left: 78cqw;
  }
  .left-full {
    left: 100%;
  }
  .left-margin {
    left: var(--margin);
  }
  .isolate {
    isolation: isolate;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[21\] {
    z-index: 21;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .z-modal {
    z-index: 100;
  }
  .-order-1 {
    order: -1;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-\[0\] {
    order: 0;
  }
  .order-\[1\] {
    order: 1;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-7 {
    grid-column: span 7 / span 7;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-9 {
    grid-column: span 9 / span 9;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-11 {
    grid-column: span 11 / span 11;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .row-start-\[span_2\] {
    grid-row-start: span 2;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 320px) {
    .container {
      max-width: 320px;
    }
  }
  @media (min-width: 640px) {
    .container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }
  @media (min-width: 900px) {
    .container {
      max-width: 900px;
    }
  }
  @media (min-width: 1080px) {
    .container {
      max-width: 1080px;
    }
  }
  @media (min-width: 1090px) {
    .container {
      max-width: 1090px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      max-width: 1200px;
    }
  }
  @media (min-width: 1600px) {
    .container {
      max-width: 1600px;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-6 {
    margin: calc(var(--spacing) * 6);
  }
  .m-auto {
    margin: auto;
  }
  .container {
    margin-left: var(--margin);
    margin-right: var(--margin);
    width: auto;
    max-width: none;
  }
  @media (min-width: 1600px) {
    .container {
      width: 100%;
      max-width: calc(1600px - (var(--margin) * 2));
      margin-inline: auto;
    }
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-\[6px\] {
    margin-inline: 6px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-margin {
    margin-inline: var(--margin);
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2xl {
    margin-top: var(--space-2xl);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-\[-10px\] {
    margin-top: -10px;
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-\[8px\] {
    margin-top: 8px;
  }
  .mt-\[13px\] {
    margin-top: 13px;
  }
  .mt-\[256px\] {
    margin-top: 256px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-md {
    margin-top: var(--space-md);
  }
  .mt-sm {
    margin-top: var(--space-sm);
  }
  .mt-xl {
    margin-top: var(--space-xl);
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-7 {
    margin-right: calc(var(--spacing) * 7);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-12 {
    margin-right: calc(var(--spacing) * 12);
  }
  .mr-\[-15px\] {
    margin-right: -15px;
  }
  .mr-\[5px\] {
    margin-right: 5px;
  }
  .-mb-0\.5 {
    margin-bottom: calc(var(--spacing) * -0.5);
  }
  .-mb-\[2000px\] {
    margin-bottom: -2000px;
  }
  .-mb-global-header {
    margin-bottom: calc(var(--header-height) * -1);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2xl {
    margin-bottom: var(--space-2xl);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-\[5cqh\] {
    margin-bottom: 5cqh;
  }
  .mb-\[20px\] {
    margin-bottom: 20px;
  }
  .mb-lg {
    margin-bottom: var(--space-lg);
  }
  .mb-md {
    margin-bottom: var(--space-md);
  }
  .mb-px {
    margin-bottom: 1px;
  }
  .mb-sm {
    margin-bottom: var(--space-sm);
  }
  .mb-xl {
    margin-bottom: var(--space-xl);
  }
  .mb-xs {
    margin-bottom: var(--space-xs);
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .-ml-\[var\(--margin\)\] {
    margin-left: calc(var(--margin) * -1);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .ml-\[-6px\] {
    margin-left: -6px;
  }
  .ml-\[0\.5ch\] {
    margin-left: 0.5ch;
  }
  .ml-\[calc\(-1_\*_var\(--margin\)\)\] {
    margin-left: calc(-1 * var(--margin));
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[1\.049\] {
    aspect-ratio: 1.049;
  }
  .aspect-\[1\.706\] {
    aspect-ratio: 1.706;
  }
  .aspect-\[3\.333\] {
    aspect-ratio: 3.333;
  }
  .aspect-\[26\/17\] {
    aspect-ratio: 26/17;
  }
  .aspect-\[165\/217\] {
    aspect-ratio: 165/217;
  }
  .aspect-\[208\/117\] {
    aspect-ratio: 208/117;
  }
  .aspect-\[281\/375\] {
    aspect-ratio: 281/375;
  }
  .aspect-\[283\/274\] {
    aspect-ratio: 283/274;
  }
  .aspect-\[412\/163\] {
    aspect-ratio: 412/163;
  }
  .aspect-\[600\/389\] {
    aspect-ratio: 600/389;
  }
  .aspect-\[624\/674\] {
    aspect-ratio: 624/674;
  }
  .aspect-\[764\/655\] {
    aspect-ratio: 764/655;
  }
  .aspect-\[800\/625\] {
    aspect-ratio: 800/625;
  }
  .aspect-\[2074\/1333\] {
    aspect-ratio: 2074/1333;
  }
  .aspect-square {
    aspect-ratio: 1;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1\/4 {
    height: 25%;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\/3 {
    height: 66.6667%;
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5xl {
    height: var(--space-5xl);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-100 {
    height: 25rem;
  }
  .h-\[1\.1rem\] {
    height: 1.1rem;
  }
  .h-\[1em\] {
    height: 1em;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[10cqw\] {
    height: 10cqw;
  }
  .h-\[11px\] {
    height: 11px;
  }
  .h-\[12cqw\] {
    height: 12cqw;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[20\%\] {
    height: 20%;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[22cqw\] {
    height: 22cqw;
  }
  .h-\[30\%\] {
    height: 30%;
  }
  .h-\[30cqw\] {
    height: 30cqw;
  }
  .h-\[32cqw\] {
    height: 32cqw;
  }
  .h-\[40\%\] {
    height: 40%;
  }
  .h-\[41cqw\] {
    height: 41cqw;
  }
  .h-\[42cqw\] {
    height: 42cqw;
  }
  .h-\[44cqw\] {
    height: 44cqw;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[70cqw\] {
    height: 70cqw;
  }
  .h-\[75cqw\] {
    height: 75cqw;
  }
  .h-\[76px\] {
    height: 76px;
  }
  .h-\[84cqw\] {
    height: 84cqw;
  }
  .h-\[107px\] {
    height: 107px;
  }
  .h-\[109px\] {
    height: 109px;
  }
  .h-\[128px\] {
    height: 128px;
  }
  .h-\[172px\] {
    height: 172px;
  }
  .h-\[196px\] {
    height: 196px;
  }
  .h-\[217px\] {
    height: 217px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[220vw\] {
    height: 220vw;
  }
  .h-\[262px\] {
    height: 262px;
  }
  .h-\[300\%\] {
    height: 300%;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-global-header {
    height: var(--header-height);
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-368 {
    max-height: calc(var(--spacing) * 368);
  }
  .max-h-480 {
    max-height: calc(var(--spacing) * 480);
  }
  .max-h-\[33\.3\%\] {
    max-height: 33.3%;
  }
  .max-h-\[47cqw\] {
    max-height: 47cqw;
  }
  .max-h-\[66vh\] {
    max-height: 66vh;
  }
  .max-h-\[10000px\] {
    max-height: 10000px;
  }
  .max-h-\[calc\(100vh-72px\)\] {
    max-height: calc(100vh - 72px);
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }
  .min-h-\[160px\] {
    min-height: 160px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\/3 {
    width: 66.6667%;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-3\/5 {
    width: 60%;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-7\/12 {
    width: 58.3333%;
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-\[1\.125rem\] {
    width: 1.125rem;
  }
  .w-\[1em\] {
    width: 1em;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[6px\] {
    width: 6px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[11px\] {
    width: 11px;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[18cqw\] {
    width: 18cqw;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[20cqw\] {
    width: 20cqw;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[36cqw\] {
    width: 36cqw;
  }
  .w-\[38cqw\] {
    width: 38cqw;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[46cqw\] {
    width: 46cqw;
  }
  .w-\[46px\] {
    width: 46px;
  }
  .w-\[50px\] {
    width: 50px;
  }
  .w-\[52cqw\] {
    width: 52cqw;
  }
  .w-\[55cqw\] {
    width: 55cqw;
  }
  .w-\[63px\] {
    width: 63px;
  }
  .w-\[65cqw\] {
    width: 65cqw;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[72cqw\] {
    width: 72cqw;
  }
  .w-\[83cqw\] {
    width: 83cqw;
  }
  .w-\[84cqw\] {
    width: 84cqw;
  }
  .w-\[90\%\] {
    width: 90%;
  }
  .w-\[92\%\] {
    width: 92%;
  }
  .w-\[98px\] {
    width: 98px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[118px\] {
    width: 118px;
  }
  .w-\[125\%\] {
    width: 125%;
  }
  .w-\[136px\] {
    width: 136px;
  }
  .w-\[153vw\] {
    width: 153vw;
  }
  .w-\[165px\] {
    width: 165px;
  }
  .w-\[190px\] {
    width: 190px;
  }
  .w-\[200\%\] {
    width: 200%;
  }
  .w-\[280\%\] {
    width: 280%;
  }
  .w-\[288px\] {
    width: 288px;
  }
  .w-\[312px\] {
    width: 312px;
  }
  .w-\[412px\] {
    width: 412px;
  }
  .w-\[580px\] {
    width: 580px;
  }
  .w-\[657px\] {
    width: 657px;
  }
  .w-\[1950px\] {
    width: 1950px;
  }
  .w-\[calc\(50\%-1\.5rem\)\] {
    width: calc(50% - 1.5rem);
  }
  .w-\[calc\(50\%-1rem\)\] {
    width: calc(50% - 1rem);
  }
  .w-\[calc\(100\%\+\(var\(--margin\)\*2\)\)\] {
    width: calc(100% + (var(--margin) * 2));
  }
  .w-\[calc\(100\%_\+_2_\*_var\(--margin\)\)\] {
    width: calc(100% + 2 * var(--margin));
  }
  .w-\[initial\] {
    width: initial;
  }
  .w-\[max-content\] {
    width: max-content;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-\[21em\] {
    max-width: 21em;
  }
  .max-w-\[33rem\] {
    max-width: 33rem;
  }
  .max-w-\[35em\] {
    max-width: 35em;
  }
  .max-w-\[47cqw\] {
    max-width: 47cqw;
  }
  .max-w-\[65ch\] {
    max-width: 65ch;
  }
  .max-w-\[66\.6\%\] {
    max-width: 66.6%;
  }
  .max-w-\[70ch\] {
    max-width: 70ch;
  }
  .max-w-\[212px\] {
    max-width: 212px;
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[283px\] {
    max-width: 283px;
  }
  .max-w-\[356px\] {
    max-width: 356px;
  }
  .max-w-\[380px\] {
    max-width: 380px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-screen-lg {
    max-width: 1200px;
  }
  .max-w-screen-xl {
    max-width: 1600px;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-max {
    min-width: max-content;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow,
  .grow {
    flex-grow: 1;
  }
  .basis-4\/5 {
    flex-basis: 80%;
  }
  .origin-\[50\%_0\%\] {
    transform-origin: 50% 0;
  }
  .origin-\[60\%_28\%\] {
    transform-origin: 60% 28%;
  }
  .origin-bottom-left {
    transform-origin: 0 100%;
  }
  .origin-center {
    transform-origin: 50%;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[3px\] {
    --tw-translate-x: -3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/2 {
    --tw-translate-x: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-16 {
    --tw-translate-x: calc(var(--spacing) * 16);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-\.5em\] {
    --tw-translate-x: -0.5em;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-50px\] {
    --tw-translate-x: -50px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-60\%\] {
    --tw-translate-x: -60%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[7\%\] {
    --tw-translate-x: 7%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[32\%\] {
    --tw-translate-x: 32%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[135\%\] {
    --tw-translate-x: 135%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-100 {
    --tw-translate-y: -25rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[\.5px\] {
    --tw-translate-y: -0.5px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[10px\] {
    --tw-translate-y: -10px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[30px\] {
    --tw-translate-y: -30px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-global-header {
    --tw-translate-y: calc(var(--header-height) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/3 {
    --tw-translate-y: calc(1 / 3 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-10 {
    --tw-translate-y: calc(var(--spacing) * 10);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-100 {
    --tw-translate-y: 25rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-40\%\] {
    --tw-translate-y: -40%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-200\%\] {
    --tw-translate-y: -200%;
    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);
  }
  .translate-y-\[30px\] {
    --tw-translate-y: 30px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-global-header {
    --tw-translate-y: var(--header-height);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    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-160 {
    --tw-scale-x: 1.6;
    --tw-scale-y: 1.6;
    --tw-scale-z: 1.6;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-180 {
    --tw-scale-x: 1.8;
    --tw-scale-y: 1.8;
    --tw-scale-z: 1.8;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-200 {
    --tw-scale-x: 2;
    --tw-scale-y: 2;
    --tw-scale-z: 2;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-\[-100\] {
    --tw-scale-x: -100;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-\[2\.5\] {
    --tw-scale-x: 2.5;
    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);
  }
  .scale-y-\[5\] {
    --tw-scale-y: 5;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[1\.1\] {
    scale: 1.1;
  }
  .scale-\[1\.5\] {
    scale: 1.5;
  }
  .scale-\[1\] {
    scale: 1;
  }
  .scale-\[3\] {
    scale: 3;
  }
  .\[--tw-scale-x\:0\.6\] {
    --tw-scale-x: 0.6;
  }
  .\[--tw-scale-y\:0\.6\] {
    --tw-scale-y: 0.6;
  }
  .-rotate-45 {
    rotate: -45deg;
  }
  .-rotate-\[4deg\] {
    rotate: -4deg;
  }
  .-rotate-\[30deg\] {
    rotate: -30deg;
  }
  .-rotate-\[135deg\] {
    rotate: -135deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-\[-45deg\] {
    rotate: -45deg;
  }
  .rotate-\[53deg\] {
    rotate: 53deg;
  }
  .rotate-\[135deg\] {
    rotate: 135deg;
  }
  .\[transform\:_translateZ\(0px\)\] {
    transform: translateZ(0);
  }
  .\[transform\:scaleX\(var\(--tw-scale-x\)\)_scaleY\(var\(--tw-scale-y\)\)\] {
    transform: scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .\[transform\:translateZ\(0\)\] {
    transform: translateZ(0);
  }
  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
      var(--tw-skew-x) var(--tw-skew-y);
  }
  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y)
      var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .animate-\[factoid-fade-in_0\.5s_0\.5s_ease-in-out_forwards\] {
    animation: 0.5s ease-in-out 0.5s forwards factoid-fade-in;
  }
  .animate-fade-in-200ms-linear {
    animation: 0.2s linear forwards fade-in;
  }
  .animate-shimmer {
    animation: 2s 0.75s shimmer;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-center {
    scroll-snap-align: center;
  }
  .columns-1 {
    columns: 1;
  }
  .columns-2 {
    columns: 2;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[20px_1fr\] {
    grid-template-columns: 20px 1fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .grid-rows-\[auto_104vw\] {
    grid-template-rows: auto 104vw;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-\[13px\] {
    gap: 13px;
  }
  .gap-md {
    gap: var(--space-md);
  }
  .gap-sm {
    gap: var(--space-sm);
  }
  :where(.space-y-lg > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--space-lg) * var(--tw-space-y-reverse));
    margin-block-end: calc(
      var(--space-lg) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * 0.5);
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-x-\[4px\] {
    column-gap: 4px;
  }
  .gap-x-\[8px\] {
    column-gap: 8px;
  }
  .gap-x-gutter {
    column-gap: var(--gutter);
  }
  .gap-x-lg {
    column-gap: var(--space-lg);
  }
  .gap-x-md {
    column-gap: var(--space-md);
  }
  .gap-x-sm {
    column-gap: var(--space-sm);
  }
  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 3) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where(.space-x-\[var\(--margin\)\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--margin) * var(--tw-space-x-reverse));
    margin-inline-end: calc(
      var(--margin) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  .gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2xl {
    row-gap: var(--space-2xl);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-7 {
    row-gap: calc(var(--spacing) * 7);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .gap-y-14 {
    row-gap: calc(var(--spacing) * 14);
  }
  .gap-y-\[2px\] {
    row-gap: 2px;
  }
  .gap-y-\[68px\] {
    row-gap: 68px;
  }
  .gap-y-lg {
    row-gap: var(--space-lg);
  }
  .gap-y-md {
    row-gap: var(--space-md);
  }
  .gap-y-sm {
    row-gap: var(--space-sm);
  }
  .gap-y-xl {
    row-gap: var(--space-xl);
  }
  .self-center {
    align-self: center;
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-4xl {
    border-radius: 2rem;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[100\%\] {
    border-radius: 100%;
  }
  .rounded-\[340px\] {
    border-radius: 340px;
  }
  .rounded-\[405px\] {
    border-radius: 405px;
  }
  .rounded-button {
    border-radius: 9999px;
  }
  .rounded-[0.7rem] {
    border-radius: 3.40282e38px;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-t-4xl {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }
  .rounded-t-\[9px\] {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
  }
  .rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .rounded-tl-2xl {
    border-top-left-radius: var(--radius-2xl);
  }
  .rounded-tl-\[9px\] {
    border-top-left-radius: 9px;
  }
  .rounded-tl-\[20px\] {
    border-top-left-radius: 20px;
  }
  .rounded-tr-2xl {
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-b-4xl {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-br-2xl {
    border-bottom-right-radius: var(--radius-2xl);
  }
  .rounded-bl-2xl {
    border-bottom-left-radius: var(--radius-2xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 0.5px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-\[1\.13px\] {
    border-style: var(--tw-border-style);
    border-width: 1.13px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-t-\[\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0.5px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-8 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 8px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-\[1px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\[\#1A292C\] {
    border-color: #1a292c;
  }
  .border-\[\#121C1E\] {
    border-color: #121c1e;
  }
  .border-\[\#133B32\] {
    border-color: #133b32;
  }
  .border-\[\#11352D\] {
    border-color: #11352d;
  }
  .border-\[\#D4D4D8\] {
    border-color: #d4d4d8;
  }
  .border-\[\#ebebeb\] {
    border-color: #ebebeb;
  }
  .border-\[rgba\(255\,255\,255\,0\.1\)\] {
    border-color: #ffffff1a;
  }
  .border-\[rgba\(255\,255\,255\,0\.3\)\] {
    border-color: #ffffff4d;
  }
  .border-avocado {
    border-color: #36f4a4;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-black\/20 {
    border-color: #0003;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/20 {
      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .border-button-dark-primary-border {
    border-color: #0000;
  }
  .border-button-dark-secondary-border {
    border-color: #fff;
  }
  .border-button-light-primary-border {
    border-color: #0000;
  }
  .border-button-light-secondary-border {
    border-color: #000;
  }
  .border-current {
    border-color: currentColor;
  }
  .border-hairline-green {
    border-color: #1e2c31;
  }
  .border-shade-20 {
    border-color: var(--color-shade-20);
  }
  .border-shade-30 {
    border-color: var(--color-shade-30);
  }
  .border-shade-70 {
    border-color: var(--color-shade-70);
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/20 {
    border-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .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-\[\#5a31f4\] {
    background-color: #5a31f4;
  }
  .bg-\[\#020A08\] {
    background-color: #020a08;
  }
  .bg-\[\#30DEEE\] {
    background-color: #30deee;
  }
  .bg-\[\#30DEEE\]\/\[\.4\] {
    background-color: #30deee66;
  }
  .bg-\[\#02090a\] {
    background-color: #02090a;
  }
  .bg-\[\#010624\] {
    background-color: #010624;
  }
  .bg-\[\#020712\] {
    background-color: #020712;
  }
  .bg-\[\#060607\] {
    background-color: #060607;
  }
  .bg-\[\#072720\] {
    background-color: #072720;
  }
  .bg-\[\#093329\] {
    background-color: #093329;
  }
  .bg-\[\#102620\] {
    background-color: #102620;
  }
  .bg-\[\#f2f2f0\] {
    background-color: #f2f2f0;
  }
  .bg-\[rgba\(16\,16\,16\,0\.70\)\] {
    background-color: #101010b3;
  }
  .bg-\[rgba\(255\,255\,255\,0\.1\)\] {
    background-color: #ffffff1a;
  }
  .bg-\[rgba\(255\,255\,255\,0\.15\)\] {
    background-color: #ffffff26;
  }
  .bg-aloe-10 {
    background-color: var(--color-aloe-10);
  }
  .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-button-dark-primary-bg {
    background-color: #fff;
  }
  .bg-button-dark-secondary-bg {
    background-color: #0000;
  }
  .bg-button-light-primary-bg {
    background-color: #000;
  }
  .bg-button-light-secondary-bg {
    background-color: #0000;
  }
  .bg-coal-black {
    background-color: #02090a;
  }
  .bg-coal-black\/90 {
    background-color: #02090ae6;
  }
  .bg-deep-green {
    background-color: #061a1c;
  }
  .bg-deep-green\/20 {
    background-color: #061a1c33;
  }
  .bg-deep-navy {
    background-color: #000a1e;
  }
  .bg-deep-pine {
    background-color: #041e18;
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-input-dark-bg {
    background-color: #ffffff26;
  }
  .bg-input-light-bg {
    background-color: #fff;
  }
  .bg-medium-green {
    background-color: #072720;
  }
  .bg-rich-black {
    background-color: var(--color-rich-black);
  }
  .bg-section-dark-bg {
    background-color: #02090a;
  }
  .bg-section-light-bg {
    background-color: #fff;
  }
  .bg-shade-10 {
    background-color: var(--color-shade-10);
  }
  .bg-shade-60 {
    background-color: var(--color-shade-60);
  }
  .bg-shade-90 {
    background-color: var(--color-shade-90);
  }
  .bg-tag-shade {
    background-color: #1b1b1f;
  }
  .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\/15 {
    background-color: #ffffff26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 15%,
        transparent
      );
    }
  }
  .bg-white\/20 {
    background-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 20%,
        transparent
      );
    }
  }
  .bg-white\/25 {
    background-color: #ffffff40;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/25 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 25%,
        transparent
      );
    }
  }
  .bg-white\/50 {
    background-color: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/50 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 50%,
        transparent
      );
    }
  }
  .bg-zinc-900 {
    background-color: var(--color-zinc-900);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(0deg\,\#061518_20\%\,\#0a2c30\)\] {
    background-image: linear-gradient(#0a2c30, #061518 80%);
  }
  .bg-\[linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.10\)_0\%\,rgba\(0\,0\,0\,0\.10\)_100\%\)\] {
    background-image: linear-gradient(#0000001a, #0000001a);
  }
  .bg-\[linear-gradient\(180deg\,\#6b26ff_0\%\,\#5126ff_100\%\)\] {
    background-image: linear-gradient(#6b26ff, #5126ff);
  }
  .bg-\[linear-gradient\(180deg\,\#30deee_0\%\,\#30c0ee_100\%\)\] {
    background-image: linear-gradient(#30deee, #30c0ee);
  }
  .bg-\[radial-gradient\(\#1c4e50\,\#133032_34\%\,\#091a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(
      #1c4e50,
      #133032 34%,
      #091a1c 70%,
      #061a1c
    );
  }
  .bg-\[radial-gradient\(\#1f4c4f\,\#0e2929_44\%\,\#061a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(
      #1f4c4f,
      #0e2929 44%,
      #061a1c 70%,
      #061a1c
    );
  }
  .bg-\[radial-gradient\(\#2a4344\,rgb\(6_26_28\)_70\%\,\#061a1c\)\] {
    background-image: radial-gradient(#2a4344, #061a1c 70%, #061a1c);
  }
  .bg-\[radial-gradient\(\#3E4646\,\#0f3335_40\%\,\#061a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(#3e4646, #0f3335 40%, #061a1c, #061a1c);
  }
  .bg-\[radial-gradient\(\#157076\,transparent_65\%\,transparent\)\] {
    background-image: radial-gradient(#157076, #0000 65%, #0000);
  }
  .bg-\[radial-gradient\(\#235357\,\#0e2929_44\%\,\#061a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(
      #235357,
      #0e2929 44%,
      #061a1c 70%,
      #061a1c
    );
  }
  .bg-\[radial-gradient\(\#286567\,\#0f3335_44\%\,\#061a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(
      #286567,
      #0f3335 44%,
      #061a1c 70%,
      #061a1c
    );
  }
  .bg-\[radial-gradient\(rgba\(18\,96\,255\,0\.35\)\,transparent_50\%\,transparent\)\] {
    background-image: radial-gradient(#1260ff59, #0000 50%, #0000);
  }
  .bg-\[radial-gradient\(rgba\(21\,112\,118\,0\.4\)\,rgb\(6_26_28\)_75\%\,\#061a1c\)\] {
    background-image: radial-gradient(#15707666, #061a1c 75%, #061a1c);
  }
  .bg-\[radial-gradient\(rgba\(21\,112\,118\,0\.6\)\,rgb\(6_26_28\)_75\%\,\#061a1c\)\] {
    background-image: radial-gradient(#15707699, #061a1c 75%, #061a1c);
  }
  .bg-\[url\(https\:\/\/cdn\.shopify\.com\/b\/shopify-brochure2-assets\/0f8fae1a1bacf6cf241646d36692a5bf\.svg\)\] {
    background-image: url(https://cdn.shopify.com/b/shopify-brochure2-assets/0f8fae1a1bacf6cf241646d36692a5bf.svg);
  }
  .bg-\[url\(https\:\/\/cdn\.shopify\.com\/b\/shopify-brochure2-assets\/f5743094d0fdacdec259319b02956a72\.png\)\] {
    background-image: url(https://cdn.shopify.com/b/shopify-brochure2-assets/f5743094d0fdacdec259319b02956a72.png);
  }
  .bg-ab-control {
    background-image: linear-gradient(126.17deg, #5fd5b6 32.74%, #865cff);
  }
  .bg-ab-control-animated {
    background-image: linear-gradient(
      135deg,
      #71717a 25%,
      #5fd5b6 40%,
      #2b61a8 60%,
      #71717a 75%
    );
  }
  .bg-app-gradient {
    background-image: linear-gradient(
      145deg,
      #000a1e 57%,
      #000a1ee6 77%,
      #000a1e00
    );
  }
  .bg-card-gradient {
    background-image: linear-gradient(#0a2c30, #061518 80%);
  }
  .bg-conversion-gradient {
    background-image: linear-gradient(
        #02080880,
        #0000 20%,
        #0000 90%,
        #02080880
      ),
      radial-gradient(at 87% 84%, #020808e6 0, #0000 50%),
      radial-gradient(at 10% 8%, #020808e6 0, #0000 50%),
      radial-gradient(at 65% 36%, #3f3f4b80 0, #0000 50%),
      radial-gradient(at 38% 61%, #3f3f4b80 0, #0000 50%),
      radial-gradient(at 99% 36%, #3f3f4b80 0, #0000 50%),
      radial-gradient(at 0 62%, #3f3f4b80 0, #0000 50%),
      linear-gradient(#09090a, #09090a);
  }
  .bg-devCard {
    background-image: linear-gradient(170deg, #000, #0000 65%, #0000);
  }
  .bg-local-global-card-button {
    background-image: linear-gradient(#244749, #182e2f);
  }
  .from-deep-navy {
    --tw-gradient-from: #000a1e;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .mask-image-\[radial-gradient\(white\,black\)\] {
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000);
  }
  .bg-\[length\:500\%\] {
    background-size: 500%;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }
  .bg-center {
    background-position: 50%;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .bg-repeat {
    background-repeat: repeat;
  }
  .fill-black {
    fill: var(--color-black);
  }
  .fill-current {
    fill: currentColor;
  }
  .fill-none {
    fill: none;
  }
  .fill-white {
    fill: var(--color-white);
  }
  .stroke-white {
    stroke: var(--color-white);
  }
  .stroke-2 {
    stroke-width: 2px;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-\[5px\] {
    padding: 5px;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-lg {
    padding: var(--space-lg);
  }
  .p-xl {
    padding: var(--space-xl);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-button-px {
    padding-inline: 1.25rem;
  }
  .px-gutter {
    padding-inline: var(--gutter);
  }
  .px-lg {
    padding-inline: var(--space-lg);
  }
  .px-margin {
    padding-inline: var(--margin);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-3xl {
    padding-block: var(--space-3xl);
  }
  .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-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-button-py {
    padding-block: 0.5rem;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2xl {
    padding-top: var(--space-2xl);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3xl {
    padding-top: var(--space-3xl);
  }
  .pt-4xl {
    padding-top: var(--space-4xl);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-\[20px\] {
    padding-top: 20px;
  }
  .pt-\[76px\] {
    padding-top: 76px;
  }
  .pt-\[90px\] {
    padding-top: 90px;
  }
  .pt-hero-top {
    padding-top: var(--hero-top);
  }
  .pt-lg {
    padding-top: var(--space-lg);
  }
  .pt-md {
    padding-top: var(--space-md);
  }
  .pt-sm {
    padding-top: var(--space-sm);
  }
  .pt-xl {
    padding-top: var(--space-xl);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-\[13px\] {
    padding-right: 13px;
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-2xl {
    padding-bottom: var(--space-2xl);
  }
  .pb-3xl {
    padding-bottom: var(--space-3xl);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-4xl {
    padding-bottom: var(--space-4xl);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }
  .pb-\[2px\] {
    padding-bottom: 2px;
  }
  .pb-\[3px\] {
    padding-bottom: 3px;
  }
  .pb-\[10px\] {
    padding-bottom: 10px;
  }
  .pb-global-header {
    padding-bottom: var(--header-height);
  }
  .pb-lg {
    padding-bottom: var(--space-lg);
  }
  .pb-md {
    padding-bottom: var(--space-md);
  }
  .pb-xl {
    padding-bottom: var(--space-xl);
  }
  .pb-xs {
    padding-bottom: var(--space-xs);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-\[1em\] {
    padding-left: 1em;
  }
  .pl-\[13px\] {
    padding-left: 13px;
  }
  .pl-\[40px\] {
    padding-left: 40px;
  }
  .pl-\[var\(--margin\)\] {
    padding-left: var(--margin);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .font-button-font {
    font-family: Inter-Variable, Helvetica, Arial, sans-serif;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: Inter-Variable, Helvetica, Arial, sans-serif;
  }
  .\!text-b3 {
    font-size: var(--font-size-b3) !important;
    line-height: var(--tw-leading, var(--line-height-b3)) !important;
    letter-spacing: var(--tw-tracking, var(--letter-spacing-b3)) !important;
    font-weight: var(--tw-font-weight, var(--font-weight-b3)) !important;
  }
  .text-b4 {
    font-size: var(--font-size-b4);
    line-height: var(--tw-leading, var(--line-height-b4));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-b4));
    font-weight: var(--tw-font-weight, var(--font-weight-b4));
  }
  .text-b6 {
    font-size: var(--font-size-b6);
    line-height: var(--tw-leading, var(--line-height-b6));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-b6));
    font-weight: var(--tw-font-weight, var(--font-weight-b6));
  }
  .text-body-base {
    font-size: var(--font-size-body-base);
    line-height: var(--tw-leading, var(--line-height-body-base));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-body-base));
    font-weight: var(--tw-font-weight, var(--font-weight-body-base));
  }
  .text-body-lg {
    font-size: var(--font-size-body-lg);
    line-height: var(--tw-leading, var(--line-height-body-lg));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-body-lg));
    font-weight: var(--tw-font-weight, var(--font-weight-body-lg));
  }
  .text-body-sm {
    font-size: var(--font-size-body-sm);
    line-height: var(--tw-leading, var(--line-height-body-sm));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-body-sm));
    font-weight: var(--tw-font-weight, var(--font-weight-body-sm));
  }
  .text-dsp {
    font-size: var(--font-size-dsp);
    line-height: var(--tw-leading, var(--line-height-dsp));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-dsp));
    font-weight: var(--tw-font-weight, var(--font-weight-dsp));
  }
  .text-t1 {
    font-size: var(--font-size-t1);
    line-height: var(--tw-leading, var(--line-height-t1));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-t1));
    font-weight: var(--tw-font-weight, var(--font-weight-t1));
  }
  .text-t2 {
    font-size: var(--font-size-t2);
    line-height: var(--tw-leading, var(--line-height-t2));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-t2));
    font-weight: var(--tw-font-weight, var(--font-weight-t2));
  }
  .text-t3 {
    font-size: var(--font-size-t3);
    line-height: var(--tw-leading, var(--line-height-t3));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-t3));
    font-weight: var(--tw-font-weight, var(--font-weight-t3));
  }
  .text-t4 {
    font-size: var(--font-size-t4);
    line-height: var(--tw-leading, var(--line-height-t4));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-t4));
    font-weight: var(--tw-font-weight, var(--font-weight-t4));
  }
  .text-t5 {
    font-size: var(--font-size-t5);
    line-height: var(--tw-leading, var(--line-height-t5));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-t5));
    font-weight: var(--tw-font-weight, var(--font-weight-t5));
  }
  .text-t6 {
    font-size: var(--font-size-t6);
    line-height: var(--tw-leading, var(--line-height-t6));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-t6));
    font-weight: var(--tw-font-weight, var(--font-weight-t6));
  }
  .text-t7 {
    font-size: var(--font-size-t7);
    line-height: var(--tw-leading, var(--line-height-t7));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-t7));
    font-weight: var(--tw-font-weight, var(--font-weight-t7));
  }
  .text-t8 {
    font-size: var(--font-size-t8);
    line-height: var(--tw-leading, var(--line-height-t8));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-t8));
    font-weight: var(--tw-font-weight, var(--font-weight-t8));
  }
  .text-button-lg-size {
    font-size: var(--font-size-button-lg);
    line-height: var(--tw-leading, var(--line-height-button-lg));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-button-lg));
  }
  .text-button-size {
    font-size: var(--font-size-button-sm);
    line-height: var(--tw-leading, var(--line-height-button-sm));
    letter-spacing: var(--tw-tracking, var(--letter-spacing-button-sm));
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
  .text-\[1\.1428571429em\] {
    font-size: 1.14286em;
  }
  .text-\[2\.2cqw\] {
    font-size: 2.2cqw;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[13cqw\] {
    font-size: 13cqw;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-\[0\] {
    --tw-leading: 0;
    line-height: 0;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.5em\] {
    --tw-leading: 1.5em;
    line-height: 1.5em;
  }
  .leading-\[3rem\] {
    --tw-leading: 3rem;
    line-height: 3rem;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[inherit\] {
    --tw-leading: inherit;
    line-height: inherit;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .font-\[330\] {
    --tw-font-weight: 330;
    font-weight: 330;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-button-weight {
    --tw-font-weight: 550;
    font-weight: 550;
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .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-semi-medium {
    --tw-font-weight: 420;
    font-weight: 420;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\!tracking-button-tracking {
    --tw-tracking: 0 !important;
    letter-spacing: 0 !important;
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[\.72px\] {
    --tw-tracking: 0.72px;
    letter-spacing: 0.72px;
  }
  .tracking-\[0\.02em\] {
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
  }
  .tracking-button-tracking {
    --tw-tracking: 0;
    letter-spacing: 0;
  }
  .tracking-ff-tight {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .hyphens-manual {
    -webkit-hyphens: manual;
    hyphens: manual;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\[\#36F4A4\] {
    color: #36f4a4;
  }
  .text-\[\#008060\] {
    color: #008060;
  }
  .text-\[\#18181b\] {
    color: #18181b;
  }
  .text-\[\#71717a\] {
    color: #71717a;
  }
  .text-\[\#303030\] {
    color: #303030;
  }
  .text-\[\#E0E0E0\] {
    color: #e0e0e0;
  }
  .text-\[\#a1a1aa\] {
    color: #a1a1aa;
  }
  .text-avocado {
    color: #36f4a4;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-button-dark-primary-text {
    color: #000;
  }
  .text-button-dark-secondary-text,
  .text-button-light-primary-text {
    color: #fff;
  }
  .text-button-light-secondary-text {
    color: #000;
  }
  .text-cyan {
    color: #30deee;
  }
  .text-eyebrow-dark-text {
    color: #fff;
  }
  .text-eyebrow-light-text {
    color: #000;
  }
  .text-gray-a {
    color: #9dabad;
  }
  .text-gray-b {
    color: #99b3ad;
  }
  .text-gray-c {
    color: #9797a2;
  }
  .text-gray-d {
    color: #bdbdca;
  }
  .text-inherit {
    color: inherit;
  }
  .text-input-dark-disabled-text {
    color: #71717a;
  }
  .text-input-dark-label-text {
    color: #ffffffb3;
  }
  .text-input-dark-text {
    color: #fff;
  }
  .text-input-light-disabled-text {
    color: #a1a1aa;
  }
  .text-input-light-label-text {
    color: #0009;
  }
  .text-input-light-text {
    color: #000;
  }
  .text-link-dark {
    color: var(--color-link-dark);
  }
  .text-link-light {
    color: #000;
  }
  .text-section-dark-text {
    color: #fff;
  }
  .text-section-light-text {
    color: #000;
  }
  .text-shade-30 {
    color: var(--color-shade-30);
  }
  .text-shade-40 {
    color: var(--color-shade-40);
  }
  .text-shade-50 {
    color: var(--color-shade-50);
  }
  .text-shade-60 {
    color: var(--color-shade-60);
  }
  .text-shade-70 {
    color: var(--color-shade-70);
  }
  .text-shade-90 {
    color: var(--color-shade-90);
  }
  .text-shade-100 {
    color: var(--color-shade-100);
  }
  .text-state-error-dark {
    color: #ee0004;
  }
  .text-state-error-light {
    color: #ff6669;
  }
  .text-state-success-dark {
    color: #15883b;
  }
  .text-state-success-light {
    color: #7aeb9f;
  }
  .text-state-warning-dark {
    color: #e89900;
  }
  .text-state-warning-light {
    color: #f1be09;
  }
  .text-transparent {
    color: #0000;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/70 {
    color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-zinc-400 {
    color: var(--color-zinc-400);
  }
  .text-zinc-600 {
    color: var(--color-zinc-600);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-20 {
    opacity: 0.2;
  }
  .opacity-25 {
    opacity: 0.25;
  }
  .opacity-30 {
    opacity: 0.3;
  }
  .opacity-40 {
    opacity: 0.4;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .opacity-80 {
    opacity: 0.8;
  }
  .opacity-90 {
    opacity: 0.9;
  }
  .opacity-100 {
    opacity: 1;
  }
  .mix-blend-darken {
    mix-blend-mode: darken;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_-8px_rgba\(0\,0\,0\,0\.28\)\,0_8px_16px_-4px_rgba\(0\,0\,0\,0\.05\)\,0_3px_6px_0_rgba\(0\,0\,0\,0\.05\)\,0_2px_4px_0_rgba\(0\,0\,0\,0\.05\)\,0_1px_2px_0_rgba\(0\,0\,0\,0\.05\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 8px 24px -8px var(--tw-shadow-color, #00000047),
      0 8px 16px -4px var(--tw-shadow-color, #0000000d),
      0 3px 6px 0 var(--tw-shadow-color, #0000000d),
      0 2px 4px 0 var(--tw-shadow-color, #0000000d),
      0 1px 2px 0 var(--tw-shadow-color, #0000000d),
      0 0 0 1px var(--tw-shadow-color, #0000000f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_16px_24px_0_\#070d17\] {
    --tw-shadow: 0 16px 24px 0 var(--tw-shadow-color, #070d17);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_16px_24px_rgba\(7\,_13\,_23\,_0\.1\)\] {
    --tw-shadow: 0 16px 24px var(--tw-shadow-color, #070d171a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-card {
    --tw-shadow: 0px 8px 8px 0px var(--tw-shadow-color, #0000001a),
      0px 4px 4px 0px var(--tw-shadow-color, #0000001a),
      0px 2px 2px 0px var(--tw-shadow-color, #0000001a),
      0px 0px 0px 1px var(--tw-shadow-color, #0000001a),
      0px 1px 0px 0px var(--tw-shadow-color, #ffffff08) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-cutting-edge-video {
    --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, #ffffff08) inset,
      0px 0px 0px 1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-dark {
    --tw-shadow: 0px 8px 48px var(--tw-shadow-color, #18181b3d),
      0px 4px 8px var(--tw-shadow-color, #18181b29),
      0px 0px 2px var(--tw-shadow-color, #ffffff85);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-dev-image-container {
    --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, #40474d66) inset,
      0px 1px 0px 0px var(--tw-shadow-color, #ffffff14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-dev-label-container {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #ffffff0d),
      0px 1px 0px 0px var(--tw-shadow-color, #ffffff0a) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-light {
    --tw-shadow: 0px 8px 48px var(--tw-shadow-color, #18181b14),
      0px 4px 8px var(--tw-shadow-color, #18181b0a),
      0px 0px 2px var(--tw-shadow-color, #18181b40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-local-global-card-button {
    --tw-shadow: 0px 0.929px 0px 0px var(--tw-shadow-color, #ffffff08) inset,
      0px 0px 0px 0.929px var(--tw-shadow-color, #0000001a),
      0px 1.858px 1.858px 0px var(--tw-shadow-color, #0000001a),
      0px 3.717px 3.717px 0px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),
      0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-medium-green-card {
    --tw-shadow: 0px 20px 60px 0px var(--tw-shadow-color, #0518130d),
      0px 1px 0px 0px var(--tw-shadow-color, #133b32) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-soft-2xl {
    --tw-shadow: 0px 8px 48px var(--tw-shadow-color, #00000014),
      0px 4px 8px var(--tw-shadow-color, #00000014),
      0px 0px 1px var(--tw-shadow-color, #0006);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-soft-dark-2xl {
    --tw-shadow: 0px 8px 48px var(--tw-shadow-color, #0f1214),
      0px 4px 8px var(--tw-shadow-color, #42474c0f),
      0px 0px 1px var(--tw-shadow-color, #000000e6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-black\/20 {
    --tw-ring-color: #0003;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .ring-button-dark-primary-border,
  .ring-button-light-primary-border {
    --tw-ring-color: transparent;
  }
  .ring-button-light-secondary-border {
    --tw-ring-color: #000;
  }
  .ring-current {
    --tw-ring-color: currentcolor;
  }
  .ring-input-dark-disabled-border {
    --tw-ring-color: #ffffff1a;
  }
  .ring-input-light-disabled-border {
    --tw-ring-color: #d4d4d8;
  }
  .ring-state-error-dark {
    --tw-ring-color: #ee0004;
  }
  .ring-state-error-light {
    --tw-ring-color: #ff6669;
  }
  .ring-state-success-dark {
    --tw-ring-color: #15883b;
  }
  .ring-state-success-light {
    --tw-ring-color: #7aeb9f;
  }
  .ring-state-warning-dark {
    --tw-ring-color: #e89900;
  }
  .ring-state-warning-light {
    --tw-ring-color: #f1be09;
  }
  .ring-white\/20 {
    --tw-ring-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .ring-white\/50 {
    --tw-ring-color: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .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 {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
      var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
      var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
      var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
      var(--tw-backdrop-sepia);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,
      filter, -webkit-backdrop-filter, backdrop-filter, display,
      content-visibility, overlay, pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[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\,box-shadow\] {
    transition-property: transform, box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[translate\,clip-path\] {
    transition-property: translate, clip-path;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[translate\] {
    transition-property: translate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-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-opacity-transform {
    transition-property: opacity, transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .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));
  }
  .delay-100 {
    transition-delay: 0.1s;
  }
  .delay-200 {
    transition-delay: 0.2s;
  }
  .delay-500 {
    transition-delay: 0.5s;
  }
  .delay-\[0ms\,200ms\] {
    transition-delay: 0s, 0.2s;
  }
  .delay-\[2s\] {
    transition-delay: 2s;
  }
  .delay-\[100ms\] {
    transition-delay: 0.1s;
  }
  .duration-150 {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .duration-500 {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .duration-700 {
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
  }
  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }
  .duration-\[0\.1s\] {
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
  }
  .duration-\[0\.2s\] {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-\[0\.45s\] {
    --tw-duration: 0.45s;
    transition-duration: 0.45s;
  }
  .duration-\[277ms\] {
    --tw-duration: 0.277s;
    transition-duration: 0.277s;
  }
  .duration-\[350ms\] {
    --tw-duration: 0.35s;
    transition-duration: 0.35s;
  }
  .duration-\[452ms\] {
    --tw-duration: 0.452s;
    transition-duration: 0.452s;
  }
  .duration-\[500ms\] {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .ease-\[cubic-bezier\(0\.25\,0\.46\,0\.45\,0\.94\)\] {
    --tw-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .ease-\[cubic-bezier\(0\.26\,1\.00\,0\.48\,1\.00\)\] {
    --tw-ease: cubic-bezier(0.26, 1, 0.48, 1);
    transition-timing-function: cubic-bezier(0.26, 1, 0.48, 1);
  }
  .ease-\[cubic-bezier\(0\.87\,0\,0\.13\,1\)\] {
    --tw-ease: cubic-bezier(0.87, 0, 0.13, 1);
    transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
  }
  .ease-heading-transition-ease {
    --tw-ease: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-\[opacity\,translate\] {
    will-change: opacity, translate;
  }
  .will-change-\[opacity\] {
    will-change: opacity;
  }
  .will-change-\[translate\] {
    will-change: translate;
  }
  .will-change-auto {
    will-change: auto;
  }
  .will-change-transform {
    will-change: transform;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[clip-path\:inset\(0_0_0_0\)\] {
    clip-path: inset(0);
  }
  .\[clip-path\:inset\(0_94px_0_0\)\] {
    clip-path: inset(0 94px 0 0);
  }
  .\[container\:card\/inline-size\] {
    container: card/inline-size;
  }
  .\[grid-area\:aside\] {
    grid-area: aside;
  }
  .\[grid-area\:belt\] {
    grid-area: belt;
  }
  .\[grid-area\:items\] {
    grid-area: items;
  }
  .\[mask\:linear-gradient\(transparent\,transparent\)_padding-box_intersect\,linear-gradient\(white\,white\)_border-box_intersect\] {
    -webkit-mask: linear-gradient(#0000, #0000) padding-box,
      linear-gradient(#fff, #fff);
    -webkit-mask-composite: source-in, source-in;
    mask: linear-gradient(#0000, #0000) padding-box intersect,
      linear-gradient(#fff, #fff) intersect;
  }
  .\[text-shadow\:0px_2px_6\.7px_rgba\(0\,0\,0\,0\.4\)\] {
    text-shadow: 0 2px 6.7px #0006;
  }
  .\[transition\:max-height_400ms_ease\,opacity_300ms_ease-in\] {
    transition: max-height 0.4s, opacity 0.3s ease-in;
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  .reverse {
    animation-direction: reverse;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
    opacity: 0;
  }
  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }
  @media (hover: hover) {
    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-\[50px\]:is(:where(.group):hover *) {
      --tw-translate-x: 50px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:fill-white:is(:where(.group):hover *) {
      fill: var(--color-white);
    }
    .group-hover\:stroke-white:is(:where(.group):hover *) {
      stroke: var(--color-white);
    }
    .group-hover\:text-black:is(:where(.group):hover *) {
      color: var(--color-black);
    }
    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white);
    }
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }
    .group-hover\:opacity-60:is(:where(.group):hover *) {
      opacity: 0.6;
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
    .group-hover\:shadow-globe-factoid:is(:where(.group):hover *) {
      --tw-shadow: 0px 0px 10px 0px var(--tw-shadow-color, #36f4a4);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .group-hover\:\[animation-play-state\:paused\]:is(:where(.group):hover *) {
      animation-play-state: paused;
    }
    .group-hover\/hydrogen\:translate-y-\[-10\%\]:is(
        :where(.group\/hydrogen):hover *
      ) {
      --tw-translate-y: -10%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/hydrogen\:translate-y-\[10\%\]:is(
        :where(.group\/hydrogen):hover *
      ) {
      --tw-translate-y: 10%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/hydrogen\:opacity-40:is(:where(.group\/hydrogen):hover *) {
      opacity: 0.4;
    }
  }
  .group-focus\:fill-white:is(:where(.group):focus *) {
    fill: var(--color-white);
  }
  .group-focus\:text-white:is(:where(.group):focus *) {
    color: var(--color-white);
  }
  .group-has-\[input\:focus\]\:max-h-\[100px\]:is(
      :where(.group):has(:is(input:focus)) *
    ) {
    max-height: 100px;
  }
  .group-has-\[input\:focus\]\:\[transition\:max-height_1s_ease\,opacity_300ms_ease-out\]:is(
      :where(.group):has(:is(input:focus)) *
    ) {
    transition: max-height 1s, opacity 0.3s ease-out;
  }
  .group-has-\[input\:focus-within\]\:opacity-100:is(
      :where(.group):has(:is(input:focus-within)) *
    ) {
    opacity: 1;
  }
  .peer-placeholder-shown\:top-8:is(:where(.peer):placeholder-shown ~ *) {
    top: calc(var(--spacing) * 8);
  }
  .peer-placeholder-shown\:top-\[2\.2rem\]:is(
      :where(.peer):placeholder-shown ~ *
    ) {
    top: 2.2rem;
  }
  .peer-placeholder-shown\:-translate-y-4:is(
      :where(.peer):placeholder-shown ~ *
    ) {
    --tw-translate-y: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .peer-placeholder-shown\:scale-100:is(:where(.peer):placeholder-shown ~ *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .peer-placeholder-shown\:text-input-dark-disabled-text:is(
      :where(.peer):placeholder-shown ~ *
    ) {
    color: #71717a;
  }
  .peer-placeholder-shown\:text-input-dark-text:is(
      :where(.peer):placeholder-shown ~ *
    ) {
    color: #fff;
  }
  .peer-placeholder-shown\:text-input-light-disabled-text:is(
      :where(.peer):placeholder-shown ~ *
    ) {
    color: #a1a1aa;
  }
  .peer-placeholder-shown\:text-input-light-text:is(
      :where(.peer):placeholder-shown ~ *
    ) {
    color: #000;
  }
  .peer-focus\:-translate-y-full:is(:where(.peer):focus ~ *) {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .peer-focus\:scale-75:is(:where(.peer):focus ~ *) {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .peer-focus\:text-input-dark-label-text:is(:where(.peer):focus ~ *) {
    color: #ffffffb3;
  }
  .peer-focus\:text-input-light-label-text:is(:where(.peer):focus ~ *) {
    color: #0009;
  }
  .placeholder\:text-transparent::placeholder {
    color: #0000;
  }
  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:-inset-5:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -5);
  }
  .before\:-inset-px:before {
    content: var(--tw-content);
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
  }
  .before\:inset-x-0:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }
  .before\:-top-10:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -10);
  }
  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
  .before\:top-1:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 1);
  }
  .before\:top-3:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 3);
  }
  .before\:top-\[-1px\]:before {
    content: var(--tw-content);
    top: -1px;
  }
  .before\:top-\[25\%\]:before {
    content: var(--tw-content);
    top: 25%;
  }
  .before\:top-\[26\%\]:before {
    content: var(--tw-content);
    top: 26%;
  }
  .before\:right-\[-9\%\]:before {
    content: var(--tw-content);
    right: -9%;
  }
  .before\:right-\[20\%\]:before {
    content: var(--tw-content);
    right: 20%;
  }
  .before\:right-full:before {
    content: var(--tw-content);
    right: 100%;
  }
  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }
  .before\:-left-\[0\.3em\]:before {
    content: var(--tw-content);
    left: -0.3em;
  }
  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .before\:left-1\.5:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1.5);
  }
  .before\:left-\[-12\.5\%\]:before {
    content: var(--tw-content);
    left: -12.5%;
  }
  .before\:left-\[3px\]:before {
    content: var(--tw-content);
    left: 3px;
  }
  .before\:z-0:before {
    content: var(--tw-content);
    z-index: 0;
  }
  .before\:z-10:before {
    content: var(--tw-content);
    z-index: 10;
  }
  .before\:z-20:before {
    content: var(--tw-content);
    z-index: 20;
  }
  .before\:z-100:before {
    content: var(--tw-content);
    z-index: 100;
  }
  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }
  .before\:flex:before {
    content: var(--tw-content);
    display: flex;
  }
  .before\:grid:before {
    content: var(--tw-content);
    display: grid;
  }
  .before\:hidden:before {
    content: var(--tw-content);
    display: none;
  }
  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }
  .before\:h-0\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
  }
  .before\:h-1\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1.5);
  }
  .before\:h-1\/2:before {
    content: var(--tw-content);
    height: 50%;
  }
  .before\:h-4xl:before {
    content: var(--tw-content);
    height: var(--space-4xl);
  }
  .before\:h-6:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 6);
  }
  .before\:h-10:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 10);
  }
  .before\:h-12:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 12);
  }
  .before\:h-\[305px\]:before {
    content: var(--tw-content);
    height: 305px;
  }
  .before\:h-\[calc\(100\%\+1px\)\]:before {
    content: var(--tw-content);
    height: calc(100% + 1px);
  }
  .before\:h-\[calc\(100\%\+12px\)\]:before {
    content: var(--tw-content);
    height: calc(100% + 12px);
  }
  .before\:h-full:before {
    content: var(--tw-content);
    height: 100%;
  }
  .before\:h-global-header-with-border:before {
    content: var(--tw-content);
    height: calc(var(--header-height) + 1px);
  }
  .before\:w-1\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1.5);
  }
  .before\:w-\[18px\]:before {
    content: var(--tw-content);
    width: 18px;
  }
  .before\:w-\[100vw\]:before {
    content: var(--tw-content);
    width: 100vw;
  }
  .before\:w-\[407px\]:before {
    content: var(--tw-content);
    width: 407px;
  }
  .before\:w-\[calc\(100\%\+4rem\)\]:before {
    content: var(--tw-content);
    width: calc(100% + 4rem);
  }
  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }
  .before\:w-px:before {
    content: var(--tw-content);
    width: 1px;
  }
  .before\:origin-top-left:before {
    content: var(--tw-content);
    transform-origin: 0 0;
  }
  .before\:-translate-x-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:-translate-x-8:before {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:-translate-y-12:before {
    content: var(--tw-content);
    --tw-translate-y: calc(var(--spacing) * -12);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:translate-y-full:before {
    content: var(--tw-content);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:translate-y-global-header:before {
    content: var(--tw-content);
    --tw-translate-y: var(--header-height);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:scale-\[1\.5\]:before {
    content: var(--tw-content);
    scale: 1.5;
  }
  .before\:rotate-45:before {
    content: var(--tw-content);
    rotate: 45deg;
  }
  .before\:rotate-\[-20deg\]:before {
    content: var(--tw-content);
    rotate: -20deg;
  }
  .before\:rotate-\[168\.698deg\]:before {
    content: var(--tw-content);
    rotate: 168.698deg;
  }
  .before\:place-items-center:before {
    content: var(--tw-content);
    place-items: center;
  }
  .before\:items-start:before {
    content: var(--tw-content);
    align-items: flex-start;
  }
  .before\:justify-center:before {
    content: var(--tw-content);
    justify-content: center;
  }
  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }
  .before\:border-y:before {
    content: var(--tw-content);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .before\:border-t:before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .before\:border-b:before {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .before\:border-black\/20:before {
    content: var(--tw-content);
    border-color: #0003;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-black\/20:before {
      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .before\:border-white\/20:before {
    content: var(--tw-content);
    border-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-white\/20:before {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .before\:bg-\[\#1C2C30\]:before {
    content: var(--tw-content);
    background-color: #1c2c30;
  }
  .before\:bg-\[\#051517\]:before {
    content: var(--tw-content);
    background-color: #051517;
  }
  .before\:bg-\[\#a1a1aa\]:before {
    content: var(--tw-content);
    background-color: #a1a1aa;
  }
  .before\:bg-\[\#d4d4d8\]:before {
    content: var(--tw-content);
    background-color: #d4d4d8;
  }
  .before\:bg-\[\#f4f4f5\]:before {
    content: var(--tw-content);
    background-color: #f4f4f5;
  }
  .before\:bg-\[\#fafafa\]:before {
    content: var(--tw-content);
    background-color: #fafafa;
  }
  .before\:bg-pistachio-10:before {
    content: var(--tw-content);
    background-color: var(--color-pistachio-10);
  }
  .before\:bg-gradient-to-b:before {
    content: var(--tw-content);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .before\:bg-gradient-to-br:before {
    content: var(--tw-content);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .before\:bg-\[linear-gradient\(90deg\,\#11352d_0\%\,\#36f4a4_50\%\,\#11352d_100\%\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg, #11352d, #36f4a4, #11352d);
  }
  .before\:bg-\[linear-gradient\(180deg\,\#02090A_0px\,transparent_40px\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(#02090a 0, #0000 40px);
  }
  .before\:bg-\[linear-gradient\(180deg\,\#fff_0px\,transparent_40px\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(#fff 0, #0000 40px);
  }
  .before\:bg-card-gradient:before {
    content: var(--tw-content);
    background-image: linear-gradient(#0a2c30, #061518 80%);
  }
  .before\:from-\[\#9A5BFD\]:before {
    content: var(--tw-content);
    --tw-gradient-from: #9a5bfd;
    --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)
    );
  }
  .before\:from-transparent:before {
    content: var(--tw-content);
    --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)
    );
  }
  .before\:via-transparent:before {
    content: var(--tw-content);
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .before\:via-40\%:before {
    content: var(--tw-content);
    --tw-gradient-via-position: 40%;
  }
  .before\:to-black:before {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-black);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .before\:to-transparent:before {
    content: var(--tw-content);
    --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)
    );
  }
  .before\:to-white:before {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0;
  }
  .before\:opacity-40:before {
    content: var(--tw-content);
    opacity: 0.4;
  }
  .before\:opacity-50:before {
    content: var(--tw-content);
    opacity: 0.5;
  }
  .before\:opacity-100:before {
    content: var(--tw-content);
    opacity: 1;
  }
  .before\:shadow-xl:before {
    content: var(--tw-content);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .before\:ring-2:before {
    content: var(--tw-content);
    --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);
  }
  .before\:ring-black:before {
    content: var(--tw-content);
    --tw-ring-color: var(--color-black);
  }
  .before\:ring-white:before {
    content: var(--tw-content);
    --tw-ring-color: var(--color-white);
  }
  .before\:transition-opacity:before {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:transition-transform:before {
    content: var(--tw-content);
    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));
  }
  .before\:delay-\[350ms\]:before {
    content: var(--tw-content);
    transition-delay: 0.35s;
  }
  .before\:duration-200:before {
    content: var(--tw-content);
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .before\:duration-300:before {
    content: var(--tw-content);
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .before\:duration-500:before {
    content: var(--tw-content);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .before\:content-\[\"\"\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .before\:content-\[\"TwoColumn\.Col1\"\]:before {
    --tw-content: "TwoColumn.Col1";
    content: var(--tw-content);
  }
  .before\:content-\[\"TwoColumn\.Col2\"\]:before {
    --tw-content: "TwoColumn.Col2";
    content: var(--tw-content);
  }
  .before\:content-\[\"topSpacing\"\]:before {
    --tw-content: "topSpacing";
    content: var(--tw-content);
  }
  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .before\:content-\[\'“\'\]:before {
    --tw-content: "“";
    content: var(--tw-content);
  }
  .peer-checked\:before\:translate-x-1:is(:where(.peer):checked ~ *):before {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .peer-checked\:before\:rotate-45:is(:where(.peer):checked ~ *):before {
    content: var(--tw-content);
    rotate: 45deg;
  }
  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:relative:after {
    content: var(--tw-content);
    position: relative;
  }
  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
  .after\:inset-x-0:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }
  .after\:top-0:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
  .after\:top-1:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 1);
  }
  .after\:top-\[-1px\]:after {
    content: var(--tw-content);
    top: -1px;
  }
  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }
  .after\:bottom-\[-1px\]:after {
    content: var(--tw-content);
    bottom: -1px;
  }
  .after\:bottom-\[-7\.5\%\]:after {
    content: var(--tw-content);
    bottom: -7.5%;
  }
  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .after\:left-full:after {
    content: var(--tw-content);
    left: 100%;
  }
  .after\:z-0:after {
    content: var(--tw-content);
    z-index: 0;
  }
  .after\:z-10:after {
    content: var(--tw-content);
    z-index: 10;
  }
  .after\:mt-auto:after {
    content: var(--tw-content);
    margin-top: auto;
  }
  .after\:box-content:after {
    content: var(--tw-content);
    box-sizing: content-box;
  }
  .after\:block:after {
    content: var(--tw-content);
    display: block;
  }
  .after\:flex:after {
    content: var(--tw-content);
    display: flex;
  }
  .after\:hidden:after {
    content: var(--tw-content);
    display: none;
  }
  .after\:aspect-square:after {
    content: var(--tw-content);
    aspect-ratio: 1;
  }
  .after\:h-0\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
  }
  .after\:h-3:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 3);
  }
  .after\:h-3xl:after {
    content: var(--tw-content);
    height: var(--space-3xl);
  }
  .after\:h-4xl:after {
    content: var(--tw-content);
    height: var(--space-4xl);
  }
  .after\:h-8:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 8);
  }
  .after\:h-\[3px\]:after {
    content: var(--tw-content);
    height: 3px;
  }
  .after\:h-\[305px\]:after {
    content: var(--tw-content);
    height: 305px;
  }
  .after\:h-\[calc\(100\%\+1px\)\]:after {
    content: var(--tw-content);
    height: calc(100% + 1px);
  }
  .after\:h-full:after {
    content: var(--tw-content);
    height: 100%;
  }
  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }
  .after\:w-3:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 3);
  }
  .after\:w-\[18px\]:after {
    content: var(--tw-content);
    width: 18px;
  }
  .after\:w-\[100vw\]:after {
    content: var(--tw-content);
    width: 100vw;
  }
  .after\:w-\[407px\]:after {
    content: var(--tw-content);
    width: 407px;
  }
  .after\:w-\[calc\(\(25\%\+64px\)\*2\)\]:after {
    content: var(--tw-content);
    width: calc(50% + 128px);
  }
  .after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
  }
  .after\:origin-bottom-left:after {
    content: var(--tw-content);
    transform-origin: 0 100%;
  }
  .after\:origin-left:after {
    content: var(--tw-content);
    transform-origin: 0;
  }
  .after\:scale-0:after {
    content: var(--tw-content);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .after\:scale-100:after {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .after\:items-end:after {
    content: var(--tw-content);
    align-items: flex-end;
  }
  .after\:justify-center:after {
    content: var(--tw-content);
    justify-content: center;
  }
  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }
  .after\:rounded-t-5xl:after {
    content: var(--tw-content);
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
  }
  .after\:border-t:after {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .after\:border-b:after {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .after\:border-black\/20:after {
    content: var(--tw-content);
    border-color: #0003;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:border-black\/20:after {
      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .after\:border-white\/20:after {
    content: var(--tw-content);
    border-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:border-white\/20:after {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .after\:bg-\[\#1C2C30\]:after {
    content: var(--tw-content);
    background-color: #1c2c30;
  }
  .after\:bg-\[\#121C1E\]:after {
    content: var(--tw-content);
    background-color: #121c1e;
  }
  .after\:bg-\[\#d4d4d8\]:after {
    content: var(--tw-content);
    background-color: #d4d4d8;
  }
  .after\:bg-\[\#f0f0f0\]\/30:after {
    content: var(--tw-content);
    background-color: #f0f0f04d;
  }
  .after\:bg-\[\#f4f4f5\]:after {
    content: var(--tw-content);
    background-color: #f4f4f5;
  }
  .after\:bg-black:after {
    content: var(--tw-content);
    background-color: var(--color-black);
  }
  .after\:bg-coal-black:after {
    content: var(--tw-content);
    background-color: #02090a;
  }
  .after\:bg-pistachio-10:after {
    content: var(--tw-content);
    background-color: var(--color-pistachio-10);
  }
  .after\:bg-rich-black:after {
    content: var(--tw-content);
    background-color: var(--color-rich-black);
  }
  .after\:bg-white:after {
    content: var(--tw-content);
    background-color: var(--color-white);
  }
  .after\:bg-gradient-to-b:after {
    content: var(--tw-content);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .after\:bg-gradient-to-tl:after {
    content: var(--tw-content);
    --tw-gradient-position: to top left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .after\:from-\[\#9A5BFD\]:after {
    content: var(--tw-content);
    --tw-gradient-from: #9a5bfd;
    --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)
    );
  }
  .after\:from-\[rgba\(24\,89\,74\,\.6\)\]:after {
    content: var(--tw-content);
    --tw-gradient-from: #18594a99;
    --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)
    );
  }
  .after\:from-black:after {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-black);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .after\:from-white:after {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .after\:via-transparent:after {
    content: var(--tw-content);
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .after\:via-40\%:after {
    content: var(--tw-content);
    --tw-gradient-via-position: 40%;
  }
  .after\:to-transparent:after {
    content: var(--tw-content);
    --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)
    );
  }
  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }
  .after\:opacity-40:after {
    content: var(--tw-content);
    opacity: 0.4;
  }
  .after\:opacity-50:after {
    content: var(--tw-content);
    opacity: 0.5;
  }
  .after\:opacity-100:after {
    content: var(--tw-content);
    opacity: 1;
  }
  .after\:shadow-hero-ab-card-edge:after {
    content: var(--tw-content);
    --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, #272c3166) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .after\:transition-colors:after {
    content: var(--tw-content);
    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));
  }
  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .after\:transition-transform:after {
    content: var(--tw-content);
    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));
  }
  .after\:delay-0:after {
    content: var(--tw-content);
    transition-delay: 0s;
  }
  .after\:delay-\[350ms\]:after {
    content: var(--tw-content);
    transition-delay: 0.35s;
  }
  .after\:duration-200:after {
    content: var(--tw-content);
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .after\:duration-300:after {
    content: var(--tw-content);
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .after\:duration-500:after {
    content: var(--tw-content);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .after\:duration-\[350ms\]:after {
    content: var(--tw-content);
    --tw-duration: 0.35s;
    transition-duration: 0.35s;
  }
  .after\:content-\[\"bottomSpacing\"\]:after {
    --tw-content: "bottomSpacing";
    content: var(--tw-content);
  }
  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .after\:content-\[\'”\'\]:after {
    --tw-content: "”";
    content: var(--tw-content);
  }
  @supports not (container-type: scroll-state) {
    .not-supports-\[container-type\:scroll-state\]\:after\:opacity-100:after {
      content: var(--tw-content);
      opacity: 1;
    }
  }
  .peer-checked\:after\:translate-x-1:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .peer-checked\:after\:-rotate-45:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    rotate: -45deg;
  }
  .first\:mt-3:first-child {
    margin-top: calc(var(--spacing) * 3);
  }
  .first\:mt-4:first-child {
    margin-top: calc(var(--spacing) * 4);
  }
  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }
  .first\:before\:top-1\.5:first-child:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 1.5);
  }
  .last\:-mb-1\.5:last-child {
    margin-bottom: calc(var(--spacing) * -1.5);
  }
  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .last\:before\:hidden:last-child:before {
    content: var(--tw-content);
    display: none;
  }
  :where(.default\:ring-input-dark-border) {
    --tw-ring-color: #fff3;
  }
  :where(.default\:ring-input-light-border) {
    --tw-ring-color: #d4d4d8;
  }
  .focus-within\:border-white:focus-within {
    border-color: var(--color-white);
  }
  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }
  .focus-within\:shadow-\[rgba\(255\,255\,255\,\.3\)_0px_0px_14px_3px\]:focus-within {
    --tw-shadow-color: #ffffff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:shadow-\[rgba\(255\,255\,255\,\.3\)_0px_0px_14px_3px\]:focus-within {
      --tw-shadow-color: color-mix(
        in oklab,
        #ffffff4d 0px 0px 14px 3px var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .focus-within\:\!ring-white\/50:focus-within {
    --tw-ring-color: #ffffff80 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:\!ring-white\/50:focus-within {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-white) 50%,
        transparent
      ) !important;
    }
  }
  .focus-within\:ring-input-dark-active-border:focus-within {
    --tw-ring-color: #fffc;
  }
  .focus-within\:ring-state-focus:focus-within {
    --tw-ring-color: #751be9;
  }
  .focus-within\:outline-0:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  .focus-within\:before\:opacity-95:focus-within:before {
    content: var(--tw-content);
    opacity: 0.95;
  }
  @media (hover: hover) {
    .hover\:z-40:hover {
      z-index: 40;
    }
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:border-\[rgba\(255\,255\,255\,0\.5\)\]:hover {
      border-color: #ffffff80;
    }
    .hover\:border-black:hover {
      border-color: var(--color-black);
    }
    .hover\:border-button-dark-primary-border-hover:hover {
      border-color: #0000;
    }
    .hover\:border-button-dark-secondary-border-hover:hover {
      border-color: #d4d4d8;
    }
    .hover\:border-button-light-primary-border-hover:hover {
      border-color: #0000;
    }
    .hover\:border-button-light-secondary-border-hover:hover {
      border-color: #3f3f46;
    }
    .hover\:border-shade-60:hover {
      border-color: var(--color-shade-60);
    }
    .hover\:border-white:hover {
      border-color: var(--color-white);
    }
    .hover\:bg-\[\#4A659A\]:hover {
      background-color: #4a659a;
    }
    .hover\:bg-\[\#030A19\]:hover {
      background-color: #030a19;
    }
    .hover\:bg-\[\#F1F1F1\]:hover {
      background-color: #f1f1f1;
    }
    .hover\:bg-button-dark-primary-bg-hover:hover {
      background-color: #d4d4d8;
    }
    .hover\:bg-button-dark-secondary-bg-hover:hover {
      background-color: #0000;
    }
    .hover\:bg-button-light-primary-bg-hover:hover {
      background-color: #3f3f46;
    }
    .hover\:bg-button-light-secondary-bg-hover:hover {
      background-color: #0000;
    }
    .hover\:bg-shade-30:hover {
      background-color: var(--color-shade-30);
    }
    .hover\:bg-shade-70:hover {
      background-color: var(--color-shade-70);
    }
    .hover\:bg-transparent:hover {
      background-color: #0000;
    }
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
    .hover\:fill-shade-30:hover {
      fill: var(--color-shade-30);
    }
    .hover\:fill-shade-70:hover {
      fill: var(--color-shade-70);
    }
    .hover\:text-black:hover {
      color: var(--color-black);
    }
    .hover\:text-button-dark-primary-text-hover:hover {
      color: #000;
    }
    .hover\:text-button-dark-secondary-text-hover:hover,
    .hover\:text-button-light-primary-text-hover:hover {
      color: #fff;
    }
    .hover\:text-link-dark-hover:hover {
      color: var(--color-link-dark-hover);
    }
    .hover\:text-link-light-hover:hover {
      color: #3f3f46;
    }
    .hover\:text-transparent:hover {
      color: #0000;
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:opacity-70:hover {
      opacity: 0.7;
    }
    .hover\:opacity-100:hover {
      opacity: 1;
    }
    .hover\:shadow-\[0_0_24px_\#6b26ff\]:hover {
      --tw-shadow: 0 0 24px var(--tw-shadow-color, #6b26ff);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-\[0_0_24px_0_\#30deee\]:hover {
      --tw-shadow: 0 0 24px 0 var(--tw-shadow-color, #30deee);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-0:hover {
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(0px + 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);
    }
    .hover\:ring-1:hover {
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(1px + var(--tw-ring-offset-width))
        var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-\[rgba\(255\,255\,255\,\.3\)_0px_0px_14px_3px\]:hover {
      --tw-shadow-color: #ffffff4d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[rgba\(255\,255\,255\,\.3\)_0px_0px_14px_3px\]:hover {
        --tw-shadow-color: color-mix(
          in oklab,
          #ffffff4d 0px 0px 14px 3px var(--tw-shadow-alpha),
          transparent
        );
      }
    }
    .hover\:ring-button-dark-primary-border-hover:hover {
      --tw-ring-color: transparent;
    }
    .hover\:ring-button-dark-secondary-border-hover:hover {
      --tw-ring-color: #d4d4d8;
    }
    .hover\:ring-button-light-primary-border-hover:hover {
      --tw-ring-color: transparent;
    }
    .hover\:ring-button-light-secondary-border-hover:hover {
      --tw-ring-color: #3f3f46;
    }
    .hover\:ring-input-dark-disabled-border:hover {
      --tw-ring-color: #ffffff1a;
    }
    .hover\:ring-input-dark-hover-border:hover {
      --tw-ring-color: #ffffff80;
    }
    .hover\:ring-input-light-border-hover:hover {
      --tw-ring-color: #71717a;
    }
    .hover\:ring-input-light-disabled-border:hover {
      --tw-ring-color: #d4d4d8;
    }
    .hover\:before\:pointer-events-auto:hover:before {
      content: var(--tw-content);
      pointer-events: auto;
    }
    .hover\:before\:bg-\[\#008060\]:hover:before {
      content: var(--tw-content);
      background-color: #008060;
    }
    .hover\:before\:bg-white:hover:before {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
    .hover\:before\:opacity-95:hover:before {
      content: var(--tw-content);
      opacity: 0.95;
    }
    .hover\:after\:bg-\[\#36F4A4\]:hover:after {
      content: var(--tw-content);
      background-color: #36f4a4;
    }
    .hover\:after\:bg-\[\#008060\]:hover:after {
      content: var(--tw-content);
      background-color: #008060;
    }
    .focus-within\:hover\:ring-input-dark-active-border:focus-within:hover {
      --tw-ring-color: #fffc;
    }
    .hover\:focus-within\:ring-state-focus:hover:focus-within {
      --tw-ring-color: #751be9;
    }
  }
  .focus\:translate-y-0:focus {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .focus\:border-black:focus {
    border-color: var(--color-black);
  }
  .focus\:border-button-dark-primary-border-focus:focus {
    border-color: #0000;
  }
  .focus\:border-button-dark-secondary-border-focus:focus {
    border-color: #fff;
  }
  .focus\:border-button-light-primary-border-focus:focus {
    border-color: #0000;
  }
  .focus\:border-button-light-secondary-border-focus:focus {
    border-color: #000;
  }
  .focus\:border-shade-60:focus {
    border-color: var(--color-shade-60);
  }
  .focus\:border-white:focus {
    border-color: var(--color-white);
  }
  .focus\:bg-\[\#030A19\]:focus {
    background-color: #030a19;
  }
  .focus\:bg-\[\#F1F1F1\]:focus {
    background-color: #f1f1f1;
  }
  .focus\:bg-button-dark-primary-bg-focus:focus {
    background-color: #fff;
  }
  .focus\:bg-button-dark-secondary-bg-focus:focus {
    background-color: #0000;
  }
  .focus\:bg-button-light-primary-bg-focus:focus {
    background-color: #000;
  }
  .focus\:bg-button-light-secondary-bg-focus:focus,
  .focus\:bg-transparent:focus {
    background-color: #0000;
  }
  .focus\:text-black:focus {
    color: var(--color-black);
  }
  .focus\:text-button-dark-primary-text-focus:focus {
    color: #000;
  }
  .focus\:text-button-dark-secondary-text-focus:focus,
  .focus\:text-button-light-primary-text-focus:focus {
    color: #fff;
  }
  .focus\:text-link-dark-focus:focus {
    color: var(--color-link-dark-focus);
  }
  .focus\:text-link-light-focus:focus {
    color: #000;
  }
  .focus\:text-white:focus {
    color: var(--color-white);
  }
  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(0px + 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-button-dark-primary-border-focus:focus {
    --tw-ring-color: transparent;
  }
  .focus\:ring-button-dark-secondary-border-focus:focus {
    --tw-ring-color: #fff;
  }
  .focus\:ring-button-light-primary-border-focus:focus {
    --tw-ring-color: transparent;
  }
  .focus\:ring-button-light-secondary-border-focus:focus {
    --tw-ring-color: #000;
  }
  .focus\:outline-state-focus:focus {
    outline-color: #751be9;
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:stroke-white:focus-visible {
    stroke: var(--color-white);
  }
  .focus-visible\:text-transparent:focus-visible {
    color: #0000;
  }
  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-offset-\[-3px\]:focus-visible {
    outline-offset: -3px;
  }
  .focus-visible\:outline-state-focus:focus-visible {
    outline-color: #751be9;
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
  .active\:border-button-dark-primary-border-active:active {
    border-color: #0000;
  }
  .active\:border-button-dark-secondary-border-active:active {
    border-color: #a1a1aa;
  }
  .active\:border-button-light-primary-border-active:active {
    border-color: #0000;
  }
  .active\:border-button-light-secondary-border-active:active {
    border-color: #71717a;
  }
  .active\:bg-button-dark-primary-bg-active:active {
    background-color: #a1a1aa;
  }
  .active\:bg-button-dark-secondary-bg-active:active {
    background-color: #0000;
  }
  .active\:bg-button-light-primary-bg-active:active {
    background-color: #71717a;
  }
  .active\:bg-button-light-secondary-bg-active:active {
    background-color: #0000;
  }
  .active\:bg-shade-50:active {
    background-color: var(--color-shade-50);
  }
  .active\:text-button-dark-primary-text-active:active {
    color: #000;
  }
  .active\:text-button-dark-secondary-text-active:active,
  .active\:text-button-light-primary-text-active:active {
    color: #fff;
  }
  .active\:text-link-dark-active:active {
    color: var(--color-link-dark-active);
  }
  .active\:text-link-light-active:active {
    color: #71717a;
  }
  .active\:ring:active {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .active\:ring-button-dark-primary-border-active:active {
    --tw-ring-color: transparent;
  }
  .active\:ring-button-dark-secondary-border-active:active {
    --tw-ring-color: #a1a1aa;
  }
  .active\:ring-button-light-secondary-border-active:active {
    --tw-ring-color: #71717a;
  }
  .disabled\:border-button-dark-primary-border-disabled:disabled {
    border-color: #0000;
  }
  .disabled\:border-button-dark-secondary-border-disabled:disabled {
    border-color: #71717a;
  }
  .disabled\:border-button-light-primary-border-disabled:disabled {
    border-color: #0000;
  }
  .disabled\:border-button-light-secondary-border-disabled:disabled {
    border-color: #d4d4d8;
  }
  .disabled\:bg-button-dark-primary-bg-disabled:disabled {
    background-color: #52525b;
  }
  .disabled\:bg-button-dark-secondary-bg-disabled:disabled {
    background-color: #0000;
  }
  .disabled\:bg-button-light-primary-bg-disabled:disabled {
    background-color: #d4d4d8;
  }
  .disabled\:bg-button-light-secondary-bg-disabled:disabled {
    background-color: #0000;
  }
  .disabled\:bg-shade-30:disabled {
    background-color: var(--color-shade-30);
  }
  .disabled\:bg-shade-70:disabled {
    background-color: var(--color-shade-70);
  }
  .disabled\:text-button-dark-primary-text-disabled:disabled,
  .disabled\:text-button-dark-secondary-text-disabled:disabled {
    color: #71717a;
  }
  .disabled\:text-button-light-primary-text-disabled:disabled {
    color: #a1a1aa;
  }
  .disabled\:text-link-dark-disabled:disabled {
    color: var(--color-link-dark-disabled);
  }
  .disabled\:text-link-light-disabled:disabled {
    color: #a1a1aa;
  }
  .disabled\:ring-button-dark-primary-border-disabled:disabled {
    --tw-ring-color: transparent;
  }
  .disabled\:ring-button-dark-secondary-border-disabled:disabled {
    --tw-ring-color: #71717a;
  }
  .disabled\:ring-button-light-primary-border-disabled:disabled {
    --tw-ring-color: transparent;
  }
  .disabled\:ring-button-light-secondary-border-disabled:disabled {
    --tw-ring-color: #d4d4d8;
  }
  @supports (container-type: scroll-state) {
    .supports-\[container-type\:scroll-state\]\:\[container-type\:scroll-state\] {
      container-type: scroll-state;
    }
    .supports-\[container-type\:scroll-state\]\:\[container-name\:bk-header\] {
      container-name: bk-header;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:hidden {
      display: none;
    }
    .motion-safe\:h-20 {
      height: calc(var(--spacing) * 20);
    }
    .motion-safe\:translate-y-0 {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .motion-safe\:translate-y-4 {
      --tw-translate-y: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .motion-safe\:translate-y-10 {
      --tw-translate-y: calc(var(--spacing) * 10);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .motion-safe\:animate-logo-group-marquee {
      animation: 60s linear infinite logo-group-marquee;
    }
    .motion-safe\:animate-logo-group-marquee-reverse {
      animation: 60s linear infinite logo-group-marquee-reverse;
    }
    .motion-safe\:animate-scroll-x {
      animation: 240s linear infinite scroll-x;
    }
    .motion-safe\:overflow-hidden {
      overflow: hidden;
    }
    .motion-safe\:opacity-0 {
      opacity: 0;
    }
    .motion-safe\:opacity-100 {
      opacity: 1;
    }
    @media (hover: hover) {
      :is(.motion-safe\:hover\:\*\:animation-pause:hover > *) {
        animation-play-state: paused;
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:not-sr-only {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible;
    }
    .motion-reduce\:hidden {
      display: none;
    }
    .motion-reduce\:h-full {
      height: 100%;
    }
    .motion-reduce\:w-1\/4 {
      width: 25%;
    }
    .motion-reduce\:w-full {
      width: 100%;
    }
    .motion-reduce\:flex-wrap {
      flex-wrap: wrap;
    }
    .motion-reduce\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }
    :where(.motion-reduce\:space-x-0 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(
        calc(var(--spacing) * 0) * var(--tw-space-x-reverse)
      );
      margin-inline-end: calc(
        calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))
      );
    }
    .motion-reduce\:opacity-0 {
      opacity: 0;
    }
    .motion-reduce\:opacity-100 {
      opacity: 1;
    }
    .motion-reduce\:transition-none {
      transition-property: none;
    }
    .motion-reduce\:\[transition-delay\:0s\] {
      transition-delay: 0s;
    }
    .motion-reduce\:duration-0 {
      --tw-duration: 0s;
      transition-duration: 0s;
    }
  }
  .after\:motion-reduce\:transition-none:after {
    content: var(--tw-content);
  }
  @media (prefers-reduced-motion: reduce) {
    .after\:motion-reduce\:transition-none:after {
      transition-property: none;
    }
  }
  @media not all and (min-width: 1200px) {
    .max-lg\:pointer-events-none {
      pointer-events: none;
    }
    .max-lg\:absolute {
      position: absolute;
    }
    .max-lg\:fixed {
      position: fixed;
    }
    .max-lg\:relative {
      position: relative;
    }
    .max-lg\:inset-x-margin {
      inset-inline: var(--margin);
    }
    .max-lg\:top-full {
      top: 100%;
    }
    .max-lg\:top-global-header {
      top: var(--header-height);
    }
    .max-lg\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }
    .max-lg\:left-0 {
      left: calc(var(--spacing) * 0);
    }
    .max-lg\:z-10 {
      z-index: 10;
    }
    .max-lg\:mr-0 {
      margin-right: calc(var(--spacing) * 0);
    }
    .max-lg\:mr-auto {
      margin-right: auto;
    }
    .max-lg\:hidden {
      display: none;
    }
    .max-lg\:h-\[calc\(100vh-var\(--spacing-global-header\)\)\] {
      height: calc(100vh - var(--spacing-global-header));
    }
    .max-lg\:h-full {
      height: 100%;
    }
    .max-lg\:max-h-\[calc\(100dvh-var\(--spacing\)\*56\)\] {
      max-height: calc(100dvh - var(--spacing) * 56);
    }
    .max-lg\:w-1\/2 {
      width: 50%;
    }
    .max-lg\:w-auto {
      width: auto;
    }
    .max-lg\:w-full {
      width: 100%;
    }
    .max-lg\:translate-x-16 {
      --tw-translate-x: calc(var(--spacing) * 16);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-lg\:flex-col {
      flex-direction: column;
    }
    .max-lg\:justify-between {
      justify-content: space-between;
    }
    .max-lg\:justify-center {
      justify-content: center;
    }
    .max-lg\:gap-3\.5 {
      gap: calc(var(--spacing) * 3.5);
    }
    .max-lg\:gap-x-3\.5 {
      column-gap: calc(var(--spacing) * 3.5);
    }
    .max-lg\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
    .max-lg\:gap-y-10 {
      row-gap: calc(var(--spacing) * 10);
    }
    .max-lg\:overflow-clip {
      overflow: clip;
    }
    .max-lg\:overflow-y-auto {
      overflow-y: auto;
    }
    .max-lg\:overflow-y-scroll {
      overflow-y: scroll;
    }
    .max-lg\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
    .max-lg\:rounded-lg {
      border-radius: var(--radius-lg);
    }
    .max-lg\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
    .max-lg\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .max-lg\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .max-lg\:border-none {
      --tw-border-style: none;
      border-style: none;
    }
    .max-lg\:border-\[\#19272A\] {
      border-color: #19272a;
    }
    .max-lg\:border-\[\#f4f4f5\] {
      border-color: #f4f4f5;
    }
    .max-lg\:bg-\[\#0e0e10\] {
      background-color: #0e0e10;
    }
    .max-lg\:bg-\[\#fafafa\] {
      background-color: #fafafa;
    }
    .max-lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .max-lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .max-lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .max-lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .max-lg\:px-margin {
      padding-inline: var(--margin);
    }
    .max-lg\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }
    .max-lg\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .max-lg\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .max-lg\:pt-7 {
      padding-top: calc(var(--spacing) * 7);
    }
    .max-lg\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }
    .max-lg\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }
    .max-lg\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .max-lg\:text-center {
      text-align: center;
    }
    .max-lg\:text-body-lg {
      font-size: var(--font-size-body-lg);
      line-height: var(--tw-leading, var(--line-height-body-lg));
      letter-spacing: var(--tw-tracking, var(--letter-spacing-body-lg));
      font-weight: var(--tw-font-weight, var(--font-weight-body-lg));
    }
    .max-lg\:text-body-sm {
      font-size: var(--font-size-body-sm);
      line-height: var(--tw-leading, var(--line-height-body-sm));
      letter-spacing: var(--tw-tracking, var(--letter-spacing-body-sm));
      font-weight: var(--tw-font-weight, var(--font-weight-body-sm));
    }
    .max-lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .max-lg\:leading-4 {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
    .max-lg\:font-\[330\] {
      --tw-font-weight: 330;
      font-weight: 330;
    }
    .max-lg\:font-bold {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .max-lg\:font-normal {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    .max-lg\:uppercase {
      text-transform: uppercase;
    }
    .max-lg\:opacity-0 {
      opacity: 0;
    }
    .max-lg\:shadow-\[0_8px_48px_0_rgba\(24\,24\,27\,0\.24\)\,_0_4px_8px_0_rgba\(24\,24\,27\,0\.16\)\] {
      --tw-shadow: 0 8px 48px 0 var(--tw-shadow-color, #18181b3d),
        0 4px 8px 0 var(--tw-shadow-color, #18181b29);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .max-lg\:shadow-light {
      --tw-shadow: 0px 8px 48px var(--tw-shadow-color, #18181b14),
        0px 4px 8px var(--tw-shadow-color, #18181b0a),
        0px 0px 2px var(--tw-shadow-color, #18181b40);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .max-lg\: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)
      );
    }
    .max-lg\:transition-opacity-transform {
      transition-property: opacity, transform, translate, scale, rotate;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .max-lg\: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)
      );
    }
    .max-lg\:transition-none {
      transition-property: none;
    }
    .max-lg\:duration-200 {
      --tw-duration: 0.2s;
      transition-duration: 0.2s;
    }
    .max-lg\:duration-300,
    .max-lg\:duration-\[300ms\] {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .max-lg\:will-change-\[opacity\] {
      will-change: opacity;
    }
    .max-lg\:no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .max-lg\:peer-checked\:pointer-events-auto:is(:where(.peer):checked ~ *) {
      pointer-events: auto;
    }
    .max-lg\:peer-checked\:opacity-100:is(:where(.peer):checked ~ *) {
      opacity: 1;
    }
    .max-lg\:peer-checked\/l1Mobile\:pointer-events-auto:is(
        :where(.peer\/l1Mobile):checked ~ *
      ) {
      pointer-events: auto;
    }
    .max-lg\:peer-checked\/l1Mobile\:opacity-100:is(
        :where(.peer\/l1Mobile):checked ~ *
      ) {
      opacity: 1;
    }
    .max-lg\:peer-checked\/l3ItemsMobile\:pointer-events-auto:is(
        :where(.peer\/l3ItemsMobile):checked ~ *
      ) {
      pointer-events: auto;
    }
    .max-lg\:peer-checked\/l3ItemsMobile\:translate-y-2:is(
        :where(.peer\/l3ItemsMobile):checked ~ *
      ) {
      --tw-translate-y: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-lg\:peer-checked\/l3ItemsMobile\:opacity-100:is(
        :where(.peer\/l3ItemsMobile):checked ~ *
      ) {
      opacity: 1;
    }
    .max-lg\:before\:pointer-events-none:before {
      content: var(--tw-content);
      pointer-events: none;
    }
    .max-lg\:before\:absolute:before {
      content: var(--tw-content);
      position: absolute;
    }
    .max-lg\:before\:top-\[-1px\]:before {
      content: var(--tw-content);
      top: -1px;
    }
    .max-lg\:before\:left-0:before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
    .max-lg\:before\:h-10:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 10);
    }
    .max-lg\:before\:w-full:before {
      content: var(--tw-content);
      width: 100%;
    }
    .max-lg\:before\:-translate-y-10:before {
      content: var(--tw-content);
      --tw-translate-y: calc(var(--spacing) * -10);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-lg\:before\:bg-gradient-to-b:before {
      content: var(--tw-content);
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .max-lg\:before\:bg-linear-\[91deg\]:before {
      content: var(--tw-content);
      --tw-gradient-position: 91deg;
      background-image: linear-gradient(var(--tw-gradient-stops, 91deg));
    }
    .max-lg\:before\:from-\[rgba\(17\,52\,57\,0\.50\)\]:before {
      content: var(--tw-content);
      --tw-gradient-from: #11343980;
      --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)
      );
    }
    .max-lg\:before\:from-transparent:before {
      content: var(--tw-content);
      --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)
      );
    }
    .max-lg\:before\:from-\[2\.27\%\]:before {
      content: var(--tw-content);
      --tw-gradient-from-position: 2.27%;
    }
    .max-lg\:before\:to-\[rgba\(15\,41\,49\,0\.50\)\]:before {
      content: var(--tw-content);
      --tw-gradient-to: #0f293180;
      --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)
      );
    }
    .max-lg\:before\:to-\[98\.62\%\]:before {
      content: var(--tw-content);
      --tw-gradient-to-position: 98.62%;
    }
    .max-lg\:before\:blur-\[100px\]:before {
      content: var(--tw-content);
      --tw-blur: blur(100px);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .max-lg\:before\:content-none:before {
      content: var(--tw-content);
      --tw-content: none;
      content: none;
    }
    .max-lg\:after\:pointer-events-none:after {
      content: var(--tw-content);
      pointer-events: none;
    }
    .max-lg\:after\:absolute:after {
      content: var(--tw-content);
      position: absolute;
    }
    .max-lg\:after\:right-0:after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
    .max-lg\:after\:h-\[193px\]:after {
      content: var(--tw-content);
      height: 193px;
    }
    .max-lg\:after\:w-\[174px\]:after {
      content: var(--tw-content);
      width: 174px;
    }
    .max-lg\:after\:bg-radial-\[156\.58\%_114\.72\%_at_50\%_100\%\]:after {
      content: var(--tw-content);
      --tw-gradient-position: 156.58% 114.72% at 50% 100%;
      background-image: radial-gradient(
        var(--tw-gradient-stops, 156.58% 114.72% at 50% 100%)
      );
    }
    .max-lg\:after\:from-\[0\%\]:after {
      content: var(--tw-content);
      --tw-gradient-from-position: 0%;
    }
    .max-lg\:after\:to-\[rgba\(0\,0\,0\,0\.00\)\]:after {
      content: var(--tw-content);
      --tw-gradient-to: #0000;
      --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)
      );
    }
    .max-lg\:after\:to-\[100\%\]:after {
      content: var(--tw-content);
      --tw-gradient-to-position: 100%;
    }
    .max-lg\:after\:blur-\[50px\]:after {
      content: var(--tw-content);
      --tw-blur: blur(50px);
      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);
    }
    .max-lg\:last\:mr-\[var\(--margin\)\]:last-child {
      margin-right: var(--margin);
    }
  }
  @media not all and (min-width: 900px) {
    .max-md\:absolute {
      position: absolute;
    }
    .max-md\:relative {
      position: relative;
    }
    .max-md\:top-1\/2 {
      top: 50%;
    }
    .max-md\:right-4 {
      right: calc(var(--spacing) * 4);
    }
    .max-md\:z-20 {
      z-index: 20;
    }
    .max-md\:flex {
      display: flex;
    }
    .max-md\:grid {
      display: grid;
    }
    .max-md\:hidden {
      display: none;
    }
    .max-md\:h-6 {
      height: calc(var(--spacing) * 6);
    }
    .max-md\:w-6 {
      width: calc(var(--spacing) * 6);
    }
    .max-md\:w-full {
      width: 100%;
    }
    .max-md\:-translate-y-1\/2 {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-md\:-translate-y-full {
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-md\:grid-cols-\[min-content_1fr\] {
      grid-template-columns: min-content 1fr;
    }
    .max-md\:grid-rows-\[min-content\] {
      grid-template-rows: min-content;
    }
    .max-md\:flex-col {
      flex-direction: column;
    }
    .max-md\:flex-wrap {
      flex-wrap: wrap;
    }
    .max-md\:gap-x-2 {
      column-gap: calc(var(--spacing) * 2);
    }
    .max-md\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }
    .max-md\:gap-y-1\.5 {
      row-gap: calc(var(--spacing) * 1.5);
    }
    .max-md\:self-end {
      align-self: flex-end;
    }
    .max-md\:overflow-clip {
      overflow: clip;
    }
    .max-md\:overflow-hidden {
      overflow: hidden;
    }
    .max-md\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
    .max-md\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
    .max-md\:border-\[\#142024\] {
      border-color: #142024;
    }
    .max-md\:border-\[\#f4f4f5\] {
      border-color: #f4f4f5;
    }
    .max-md\:bg-\[\#051517\] {
      background-color: #051517;
    }
    .max-md\:bg-\[\#fafafa\] {
      background-color: #fafafa;
    }
    .max-md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .max-md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .max-md\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }
    .max-md\:opacity-100 {
      opacity: 1;
    }
    .max-md\:before\:pointer-events-none:before {
      content: var(--tw-content);
      pointer-events: none;
    }
    .max-md\:before\:absolute:before {
      content: var(--tw-content);
      position: absolute;
    }
    .max-md\:before\:-bottom-\[25px\]:before {
      content: var(--tw-content);
      bottom: -25px;
    }
    .max-md\:before\:bottom-\[-20px\]:before {
      content: var(--tw-content);
      bottom: -20px;
    }
    .max-md\:before\:left-1\/2:before {
      content: var(--tw-content);
      left: 50%;
    }
    .max-md\:before\:h-\[85px\]:before {
      content: var(--tw-content);
      height: 85px;
    }
    .max-md\:before\:h-px:before {
      content: var(--tw-content);
      height: 1px;
    }
    .max-md\:before\:w-\[327px\]:before {
      content: var(--tw-content);
      width: 327px;
    }
    .max-md\:before\:w-full:before {
      content: var(--tw-content);
      width: 100%;
    }
    .max-md\:before\:-translate-x-1\/2:before {
      content: var(--tw-content);
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-md\:before\:rounded-full:before {
      content: var(--tw-content);
      border-radius: 3.40282e38px;
    }
    .max-md\:before\:bg-\[\#121C1E\]:before {
      content: var(--tw-content);
      background-color: #121c1e;
    }
    .max-md\:before\:bg-\[\#f4f4f5\]:before {
      content: var(--tw-content);
      background-color: #f4f4f5;
    }
    .max-md\:before\:bg-linear-\[91deg\]:before {
      content: var(--tw-content);
      --tw-gradient-position: 91deg;
      background-image: linear-gradient(var(--tw-gradient-stops, 91deg));
    }
    .max-md\:before\:from-\[\#113439\]:before {
      content: var(--tw-content);
      --tw-gradient-from: #113439;
      --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)
      );
    }
    .max-md\:before\:from-\[2\.27\%\]:before {
      content: var(--tw-content);
      --tw-gradient-from-position: 2.27%;
    }
    .max-md\:before\:to-\[\#0F2931\]:before {
      content: var(--tw-content);
      --tw-gradient-to: #0f2931;
      --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)
      );
    }
    .max-md\:before\:to-\[98\.62\%\]:before {
      content: var(--tw-content);
      --tw-gradient-to-position: 98.62%;
    }
    .max-md\:before\:opacity-\[\.8\]:before {
      content: var(--tw-content);
      opacity: 0.8;
    }
    .max-md\:before\:blur-\[40px\]:before {
      content: var(--tw-content);
      --tw-blur: blur(40px);
      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 (prefers-reduced-motion: reduce) {
    @media not all and (min-width: 900px) {
      .motion-reduce\:max-md\:hidden {
        display: none;
      }
    }
  }
  @media not all and (min-width: 640px) {
    .max-sm\:right-margin {
      right: var(--margin);
    }
    .max-sm\:left-margin {
      left: var(--margin);
    }
    .max-sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
    .max-sm\:-mt-2\.5 {
      margin-top: calc(var(--spacing) * -2.5);
    }
    .max-sm\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
    .max-sm\:mt-auto {
      margin-top: auto;
    }
    .max-sm\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }
    .max-sm\:flex {
      display: flex;
    }
    .max-sm\:hidden {
      display: none;
    }
    .max-sm\:aspect-\[382\/290\] {
      aspect-ratio: 382/290;
    }
    .max-sm\:min-h-\[176px\] {
      min-height: 176px;
    }
    .max-sm\:w-full {
      width: 100%;
    }
    .max-sm\:\!max-w-\[calc\(100vw-\(var\(--margin\)\*3\)\)\] {
      max-width: calc(100vw - (var(--margin) * 3)) !important;
    }
    .max-sm\:translate-y-2\.5 {
      --tw-translate-y: calc(var(--spacing) * 2.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-sm\:flex-col {
      flex-direction: column;
    }
    .max-sm\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }
    .max-sm\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }
    .max-sm\:pr-12 {
      padding-right: calc(var(--spacing) * 12);
    }
    .max-sm\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
    .max-sm\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .max-sm\:pb-\[130px\] {
      padding-bottom: 130px;
    }
    .max-sm\:pl-margin {
      padding-left: var(--margin);
    }
    .max-sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .max-sm\:before\:top-0:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
    .max-sm\:before\:left-0:before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
    .max-sm\:before\:h-\[115px\]:before {
      content: var(--tw-content);
      height: 115px;
    }
    .max-sm\:before\:w-\[213px\]:before {
      content: var(--tw-content);
      width: 213px;
    }
    .max-sm\:before\:w-full:before {
      content: var(--tw-content);
      width: 100%;
    }
    .max-sm\:before\:-translate-y-1\/2:before {
      content: var(--tw-content);
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-sm\:before\:rounded-lg:before {
      content: var(--tw-content);
      border-radius: var(--radius-lg);
    }
    .max-sm\:before\:bg-none:before {
      content: var(--tw-content);
      background-image: none;
    }
    .max-sm\:after\:bottom-0:after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
    .max-sm\:after\:left-0:after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
    .max-sm\:after\:-translate-x-1\/4:after {
      content: var(--tw-content);
      --tw-translate-x: -25%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-sm\:after\:translate-y-1\/2:after {
      content: var(--tw-content);
      --tw-translate-y: 50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media not all and (min-width: 480px) {
    .max-\[480px\]\:bg-\[length\:auto_101\.5\%\] {
      background-size: auto 101.5%;
    }
    .max-\[480px\]\:bg-\[54\.8\%_center\] {
      background-position: 54.8%;
    }
  }
  @media (min-width: 320px) {
    .xs\:col-start-1 {
      grid-column-start: 1;
    }
    .xs\:w-\[54\%\] {
      width: 54%;
    }
    .xs\:scale-\[1\.1\] {
      scale: 1.1;
    }
  }
  @media (min-width: 640px) {
    .sm\:static {
      position: static;
    }
    .sm\:inset-\[auto_0_var\(--space-2xl\)_auto\] {
      inset: auto 0 var(--space-2xl) auto;
    }
    .sm\:-top-6 {
      top: calc(var(--spacing) * -6);
    }
    .sm\:-top-10 {
      top: calc(var(--spacing) * -10);
    }
    .sm\:top-0 {
      top: calc(var(--spacing) * 0);
    }
    .sm\:top-\[-4\%\] {
      top: -4%;
    }
    .sm\:top-\[-16\.5vw\] {
      top: -16.5vw;
    }
    .sm\:top-\[15\%\] {
      top: 15%;
    }
    .sm\:top-\[40\%\] {
      top: 40%;
    }
    .sm\:top-\[43\%\] {
      top: 43%;
    }
    .sm\:-right-3 {
      right: calc(var(--spacing) * -3);
    }
    .sm\:right-2 {
      right: calc(var(--spacing) * 2);
    }
    .sm\:right-\[17px\] {
      right: 17px;
    }
    .sm\:left-1\/2 {
      left: 50%;
    }
    .sm\:left-\[-15\%\] {
      left: -15%;
    }
    .sm\:left-\[-21vw\] {
      left: -21vw;
    }
    .sm\:left-\[12vw\] {
      left: 12vw;
    }
    .sm\:left-\[60\%\] {
      left: 60%;
    }
    .sm\:left-\[70\%\] {
      left: 70%;
    }
    .sm\:left-auto {
      left: auto;
    }
    .sm\:order-1 {
      order: 1;
    }
    .sm\:order-2 {
      order: 2;
    }
    .sm\:order-\[0\] {
      order: 0;
    }
    .sm\:order-\[1\] {
      order: 1;
    }
    .sm\:order-none {
      order: 0;
    }
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .sm\:col-start-5 {
      grid-column-start: 5;
    }
    .sm\:col-start-6 {
      grid-column-start: 6;
    }
    .sm\:row-start-\[span_2\] {
      grid-row-start: span 2;
    }
    .sm\:m-2 {
      margin: calc(var(--spacing) * 2);
    }
    .sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .sm\:mt-2xl {
      margin-top: var(--space-2xl);
    }
    .sm\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
    .sm\:mt-\[11vw\] {
      margin-top: 11vw;
    }
    .sm\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .sm\:mb-2xl {
      margin-bottom: var(--space-2xl);
    }
    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
    .sm\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
    .sm\:mb-\[10cqh\] {
      margin-bottom: 10cqh;
    }
    .sm\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }
    .sm\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }
    .sm\:block {
      display: block;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:grid {
      display: grid;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:inline {
      display: inline;
    }
    .sm\:aspect-\[4\/3\] {
      aspect-ratio: 4/3;
    }
    .sm\:aspect-\[213\/280\] {
      aspect-ratio: 213/280;
    }
    .sm\:aspect-\[1440\/819\] {
      aspect-ratio: 1440/819;
    }
    .sm\:h-\[1\.8rem\] {
      height: 1.8rem;
    }
    .sm\:h-\[54vw\] {
      height: 54vw;
    }
    .sm\:h-\[70\%\] {
      height: 70%;
    }
    .sm\:h-\[95vw\] {
      height: 95vw;
    }
    .sm\:h-\[150px\] {
      height: 150px;
    }
    .sm\:h-\[220px\] {
      height: 220px;
    }
    .sm\:h-\[280px\] {
      height: 280px;
    }
    .sm\:h-\[310px\] {
      height: 310px;
    }
    .sm\:h-\[324px\] {
      height: 324px;
    }
    .sm\:h-\[600px\] {
      height: 600px;
    }
    .sm\:h-\[857px\] {
      height: 857px;
    }
    .sm\:h-auto {
      height: auto;
    }
    .sm\:h-full {
      height: 100%;
    }
    .sm\:max-h-300 {
      max-height: calc(var(--spacing) * 300);
    }
    .sm\:max-h-fit {
      max-height: fit-content;
    }
    .sm\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }
    .sm\:min-h-min {
      min-height: min-content;
    }
    .sm\:w-1\/2 {
      width: 50%;
    }
    .sm\:w-1\/3 {
      width: 33.3333%;
    }
    .sm\:w-2\/3 {
      width: 66.6667%;
    }
    .sm\:w-10 {
      width: calc(var(--spacing) * 10);
    }
    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }
    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }
    .sm\:w-\[40rem\] {
      width: 40rem;
    }
    .sm\:w-\[57px\] {
      width: 57px;
    }
    .sm\:w-\[79px\] {
      width: 79px;
    }
    .sm\:w-\[80px\] {
      width: 80px;
    }
    .sm\:w-\[95vw\] {
      width: 95vw;
    }
    .sm\:w-\[100px\] {
      width: 100px;
    }
    .sm\:w-\[130\%\] {
      width: 130%;
    }
    .sm\:w-\[213px\] {
      width: 213px;
    }
    .sm\:w-\[278px\] {
      width: 278px;
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:w-fit {
      width: fit-content;
    }
    .sm\:w-full {
      width: 100%;
    }
    .sm\:max-w-3\/4 {
      max-width: 75%;
    }
    .sm\:max-w-40 {
      max-width: calc(var(--spacing) * 40);
    }
    .sm\:max-w-\[354px\] {
      max-width: 354px;
    }
    .sm\:max-w-\[445px\] {
      max-width: 445px;
    }
    .sm\:max-w-fit {
      max-width: fit-content;
    }
    .sm\:max-w-full {
      max-width: 100%;
    }
    .sm\:flex-1 {
      flex: 1;
    }
    .sm\:flex-none {
      flex: none;
    }
    .sm\:grow {
      flex-grow: 1;
    }
    .sm\:basis-2\/4 {
      flex-basis: 50%;
    }
    .sm\:translate-x-\[-22\%\] {
      --tw-translate-x: -22%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .sm\:translate-x-\[-48\%\] {
      --tw-translate-x: -48%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .sm\:translate-x-\[105px\] {
      --tw-translate-x: 105px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .sm\:translate-x-\[144px\] {
      --tw-translate-x: 144px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .sm\:translate-y-12 {
      --tw-translate-y: calc(var(--spacing) * 12);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .sm\:scale-\[1\.25\] {
      scale: 1.25;
    }
    .sm\:scale-\[1\] {
      scale: 1;
    }
    .sm\:columns-2 {
      columns: 2;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .sm\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }
    .sm\:grid-rows-\[repeat\(var\(--bk-l2-rows\)\,min-content\)\] {
      grid-template-rows: repeat(var(--bk-l2-rows), min-content);
    }
    .sm\:grid-rows-none {
      grid-template-rows: none;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .sm\:items-baseline {
      align-items: baseline;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:items-end {
      align-items: flex-end;
    }
    .sm\:items-start {
      align-items: flex-start;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
    .sm\:justify-start {
      justify-content: flex-start;
    }
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .sm\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }
    .sm\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }
    .sm\:gap-x-\[8px\] {
      column-gap: 8px;
    }
    .sm\:gap-x-gutter {
      column-gap: var(--gutter);
    }
    .sm\:gap-x-lg {
      column-gap: var(--space-lg);
    }
    .sm\:gap-y-0 {
      row-gap: calc(var(--spacing) * 0);
    }
    .sm\:gap-y-lg {
      row-gap: var(--space-lg);
    }
    .sm\:self-center {
      align-self: center;
    }
    .sm\:self-stretch {
      align-self: stretch;
    }
    .sm\:justify-self-end {
      justify-self: flex-end;
    }
    .sm\:rounded-xl {
      border-radius: var(--radius-xl);
    }
    .sm\:bg-transparent {
      background-color: #0000;
    }
    .sm\:bg-white {
      background-color: var(--color-white);
    }
    .sm\:bg-\[url\(https\:\/\/cdn\.shopify\.com\/b\/shopify-brochure2-assets\/db0fc18454464505405e12033539b36f\.svg\)\] {
      background-image: url(https://cdn.shopify.com/b/shopify-brochure2-assets/db0fc18454464505405e12033539b36f.svg);
    }
    .sm\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .sm\:px-margin {
      padding-inline: var(--margin);
    }
    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .sm\:py-4xl {
      padding-block: var(--space-4xl);
    }
    .sm\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
    .sm\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
    .sm\:pt-3xl {
      padding-top: var(--space-3xl);
    }
    .sm\:pt-4xl {
      padding-top: var(--space-4xl);
    }
    .sm\:pt-9 {
      padding-top: calc(var(--spacing) * 9);
    }
    .sm\:pt-11 {
      padding-top: calc(var(--spacing) * 11);
    }
    .sm\:pt-\[3vw\] {
      padding-top: 3vw;
    }
    .sm\:pt-\[104px\] {
      padding-top: 104px;
    }
    .sm\:pt-\[165px\] {
      padding-top: 165px;
    }
    .sm\:pt-lg {
      padding-top: var(--space-lg);
    }
    .sm\:pr-0 {
      padding-right: calc(var(--spacing) * 0);
    }
    .sm\:pr-\[7\.5\%\] {
      padding-right: 7.5%;
    }
    .sm\:pr-\[26px\] {
      padding-right: 26px;
    }
    .sm\:pr-\[calc\(var\(--spacing-margin\)-13px\)\] {
      padding-right: calc(var(--spacing-margin) - 13px);
    }
    .sm\:pr-lg {
      padding-right: var(--space-lg);
    }
    .sm\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .sm\:pb-2xl {
      padding-bottom: var(--space-2xl);
    }
    .sm\:pb-4xl {
      padding-bottom: var(--space-4xl);
    }
    .sm\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
    .sm\:pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }
    .sm\:pl-10 {
      padding-left: calc(var(--spacing) * 10);
    }
    .sm\:pl-\[12px\] {
      padding-left: 12px;
    }
    .sm\:pl-\[16px\] {
      padding-left: 16px;
    }
    .sm\:pl-margin {
      padding-left: var(--margin);
    }
    .sm\:text-center {
      text-align: center;
    }
    .sm\:text-left {
      text-align: left;
    }
    .sm\:text-t1 {
      font-size: var(--font-size-t1);
      line-height: var(--tw-leading, var(--line-height-t1));
      letter-spacing: var(--tw-tracking, var(--letter-spacing-t1));
      font-weight: var(--tw-font-weight, var(--font-weight-t1));
    }
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .sm\:text-pretty {
      text-wrap: pretty;
    }
    .sm\:text-wrap {
      text-wrap: wrap;
    }
    .sm\:text-gray-c {
      color: #9797a2;
    }
    .sm\:\[--bk-l2-rows\:2\] {
      --bk-l2-rows: 2;
    }
    .sm\:\[grid-template-areas\:\"items_aside\"_\"belt_aside\"\] {
      grid-template-areas: "items aside" "belt aside";
    }
    .sm\:before\:-top-\[104px\]:before {
      content: var(--tw-content);
      top: -104px;
    }
    .sm\:before\:-bottom-10:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -10);
    }
    .sm\:before\:w-\[calc\(100\%\+var\(--margin\,var\(--spacing-margin\)\)\)\]:before {
      content: var(--tw-content);
      width: calc(100% + var(--margin, var(--spacing-margin)));
    }
    .sm\:after\:absolute:after {
      content: var(--tw-content);
      position: absolute;
    }
    .sm\:after\:-top-10:after {
      content: var(--tw-content);
      top: calc(var(--spacing) * -10);
    }
    .sm\:after\:bottom-0:after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
    .sm\:after\:left-0:after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
    .sm\:after\:z-10:after {
      content: var(--tw-content);
      z-index: 10;
    }
    .sm\:after\:w-px:after {
      content: var(--tw-content);
      width: 1px;
    }
    .sm\:after\:bg-no-repeat:after {
      content: var(--tw-content);
      background-repeat: no-repeat;
    }
    .sm\:after\:will-change-\[opacity\]:after {
      content: var(--tw-content);
      will-change: opacity;
    }
    @media not all and (min-width: 1200px) {
      .sm\:max-lg\:right-0 {
        right: calc(var(--spacing) * 0);
      }
      .sm\:max-lg\:left-0 {
        left: calc(var(--spacing) * 0);
      }
      .sm\:max-lg\:row-start-2 {
        grid-row-start: 2;
      }
      .sm\:max-lg\:grid {
        display: grid;
      }
      .sm\:max-lg\:min-h-\[129px\] {
        min-height: 129px;
      }
      .sm\:max-lg\:w-1\/2 {
        width: 50%;
      }
      .sm\:max-lg\:grow {
        flex-grow: 1;
      }
      .sm\:max-lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .sm\:max-lg\:grid-cols-\[1\.5fr_1fr\] {
        grid-template-columns: 1.5fr 1fr;
      }
      .sm\:max-lg\:grid-rows-\[auto\] {
        grid-template-rows: auto;
      }
      .sm\:max-lg\:gap-x-3 {
        column-gap: calc(var(--spacing) * 3);
      }
      .sm\:max-lg\:gap-x-6 {
        column-gap: calc(var(--spacing) * 6);
      }
      .sm\:max-lg\:self-end {
        align-self: flex-end;
      }
      .sm\:max-lg\:justify-self-center {
        justify-self: center;
      }
      .sm\:max-lg\:pb-global-header {
        padding-bottom: var(--header-height);
      }
      .sm\:max-lg\:before\:top-1\/4:before {
        content: var(--tw-content);
        top: 25%;
      }
      .sm\:max-lg\:before\:-left-1\/4:before {
        content: var(--tw-content);
        left: -25%;
      }
      .sm\:max-lg\:before\:h-\[231px\]:before {
        content: var(--tw-content);
        height: 231px;
      }
      .sm\:max-lg\:before\:w-\[289px\]:before {
        content: var(--tw-content);
        width: 289px;
      }
      .sm\:max-lg\:after\:top-1\/2:after {
        content: var(--tw-content);
        top: 50%;
      }
      .sm\:max-lg\:after\:-translate-y-1\/2:after {
        content: var(--tw-content);
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    @media not all and (min-width: 900px) {
      .sm\:max-md\:pr-12 {
        padding-right: calc(var(--spacing) * 12);
      }
    }
  }
  @media (min-width: 900px) {
    .md\:absolute {
      position: absolute;
    }
    .md\:relative {
      position: relative;
    }
    .md\:-top-8 {
      top: calc(var(--spacing) * -8);
    }
    .md\:top-10 {
      top: calc(var(--spacing) * 10);
    }
    .md\:top-12 {
      top: calc(var(--spacing) * 12);
    }
    .md\:top-\[28\%\] {
      top: 28%;
    }
    .md\:top-\[35\%\] {
      top: 35%;
    }
    .md\:top-\[40\%\] {
      top: 40%;
    }
    .md\:top-\[49\%\] {
      top: 49%;
    }
    .md\:right-3 {
      right: calc(var(--spacing) * 3);
    }
    .md\:right-\[calc\(100\%-14px\)\] {
      right: calc(100% - 14px);
    }
    .md\:left-\[-44\.5vw\] {
      left: -44.5vw;
    }
    .md\:left-\[33vw\] {
      left: 33vw;
    }
    .md\:left-\[46\%\] {
      left: 46%;
    }
    .md\:left-margin {
      left: var(--margin);
    }
    .md\:order-1 {
      order: 1;
    }
    .md\:order-2 {
      order: 2;
    }
    .md\:order-3 {
      order: 3;
    }
    .md\:order-4 {
      order: 4;
    }
    .md\:order-5 {
      order: 5;
    }
    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .md\:col-start-8 {
      grid-column-start: 8;
    }
    .md\:m-3 {
      margin: calc(var(--spacing) * 3);
    }
    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .md\:mt-2xl {
      margin-top: var(--space-2xl);
    }
    .md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
    .md\:mr-3 {
      margin-right: calc(var(--spacing) * 3);
    }
    .md\:mr-4 {
      margin-right: calc(var(--spacing) * 4);
    }
    .md\:mr-6 {
      margin-right: calc(var(--spacing) * 6);
    }
    .md\:mr-auto {
      margin-right: auto;
    }
    .md\:mb-2xl {
      margin-bottom: var(--space-2xl);
    }
    .md\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
    .md\:mb-md {
      margin-bottom: var(--space-md);
    }
    .md\:mb-sm {
      margin-bottom: var(--space-sm);
    }
    .md\:mb-xs {
      margin-bottom: var(--space-xs);
    }
    .md\:-ml-3 {
      margin-left: calc(var(--spacing) * -3);
    }
    .md\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:grid {
      display: grid;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline-block {
      display: inline-block;
    }
    .md\:aspect-auto {
      aspect-ratio: auto;
    }
    .md\:h-3\/5 {
      height: 60%;
    }
    .md\:h-6 {
      height: calc(var(--spacing) * 6);
    }
    .md\:h-8 {
      height: calc(var(--spacing) * 8);
    }
    .md\:h-24 {
      height: calc(var(--spacing) * 24);
    }
    .md\:h-96 {
      height: calc(var(--spacing) * 96);
    }
    .md\:h-160 {
      height: 40rem;
    }
    .md\:h-\[1\.4rem\] {
      height: 1.4rem;
    }
    .md\:h-\[28px\] {
      height: 28px;
    }
    .md\:h-\[234px\] {
      height: 234px;
    }
    .md\:h-\[300px\] {
      height: 300px;
    }
    .md\:h-\[360px\] {
      height: 360px;
    }
    .md\:h-\[605px\] {
      height: 605px;
    }
    .md\:h-auto {
      height: auto;
    }
    .md\:h-full {
      height: 100%;
    }
    .md\:max-h-\[686px\] {
      max-height: 686px;
    }
    .md\:min-h-12 {
      min-height: calc(var(--spacing) * 12);
    }
    .md\:w-2 {
      width: calc(var(--spacing) * 2);
    }
    .md\:w-2\/3 {
      width: 66.6667%;
    }
    .md\:w-3\/4 {
      width: 75%;
    }
    .md\:w-3\/5 {
      width: 60%;
    }
    .md\:w-4\/5 {
      width: 80%;
    }
    .md\:w-6 {
      width: calc(var(--spacing) * 6);
    }
    .md\:w-8 {
      width: calc(var(--spacing) * 8);
    }
    .md\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    .md\:w-16 {
      width: calc(var(--spacing) * 16);
    }
    .md\:w-24 {
      width: calc(var(--spacing) * 24);
    }
    .md\:w-\[12px\] {
      width: 12px;
    }
    .md\:w-\[28px\] {
      width: 28px;
    }
    .md\:w-\[50\%\] {
      width: 50%;
    }
    .md\:w-\[56rem\] {
      width: 56rem;
    }
    .md\:w-\[88px\] {
      width: 88px;
    }
    .md\:w-\[120px\] {
      width: 120px;
    }
    .md\:w-\[133px\] {
      width: 133px;
    }
    .md\:w-\[135vw\] {
      width: 135vw;
    }
    .md\:w-\[190px\] {
      width: 190px;
    }
    .md\:w-\[334px\] {
      width: 334px;
    }
    .md\:w-\[calc\(\(100\%-40px\)\/2\)\] {
      width: calc(50% - 20px);
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:max-w-3\/5 {
      max-width: 60%;
    }
    .md\:max-w-44 {
      max-width: calc(var(--spacing) * 44);
    }
    .md\:max-w-\[33\.3\%\] {
      max-width: 33.3%;
    }
    .md\:max-w-\[38rem\] {
      max-width: 38rem;
    }
    .md\:max-w-\[49rem\] {
      max-width: 49rem;
    }
    .md\:max-w-\[66\.6\%\] {
      max-width: 66.6%;
    }
    .md\:max-w-\[80ch\] {
      max-width: 80ch;
    }
    .md\:max-w-\[216px\] {
      max-width: 216px;
    }
    .md\:max-w-\[480px\] {
      max-width: 480px;
    }
    .md\:shrink-0 {
      flex-shrink: 0;
    }
    .md\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:translate-x-\[170px\] {
      --tw-translate-x: 170px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:translate-x-\[214px\] {
      --tw-translate-x: 214px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:translate-y-0 {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:scale-\[0\.8\] {
      scale: 0.8;
    }
    .md\:columns-3 {
      columns: 3;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:grid-cols-\[2fr_1fr\] {
      grid-template-columns: 2fr 1fr;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .md\:flex-wrap {
      flex-wrap: wrap;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-stretch {
      align-items: stretch;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:justify-end {
      justify-content: flex-end;
    }
    .md\:justify-start {
      justify-content: flex-start;
    }
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .md\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
    .md\:gap-md {
      gap: var(--space-md);
    }
    .md\:gap-sm {
      gap: var(--space-sm);
    }
    .md\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
    .md\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }
    .md\:gap-x-16 {
      column-gap: calc(var(--spacing) * 16);
    }
    :where(.md\:space-x-6 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(
        calc(var(--spacing) * 6) * var(--tw-space-x-reverse)
      );
      margin-inline-end: calc(
        calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))
      );
    }
    .md\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }
    .md\:gap-y-10 {
      row-gap: calc(var(--spacing) * 10);
    }
    .md\:overflow-auto {
      overflow: auto;
    }
    .md\:rounded-5xl {
      border-radius: 3rem;
    }
    .md\:rounded-lg {
      border-radius: var(--radius-lg);
    }
    .md\:rounded-xl {
      border-radius: var(--radius-xl);
    }
    .md\:rounded-t-5xl {
      border-top-left-radius: 3rem;
      border-top-right-radius: 3rem;
    }
    .md\:rounded-t-xl {
      border-top-left-radius: var(--radius-xl);
      border-top-right-radius: var(--radius-xl);
    }
    .md\:rounded-tl-xl {
      border-top-left-radius: var(--radius-xl);
    }
    .md\:rounded-b-5xl {
      border-bottom-right-radius: 3rem;
      border-bottom-left-radius: 3rem;
    }
    .md\:border-\[2px\] {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
    .md\:bg-transparent {
      background-color: #0000;
    }
    .md\:p-9 {
      padding: calc(var(--spacing) * 9);
    }
    .md\:p-\[13px\] {
      padding: 13px;
    }
    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .md\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }
    .md\:px-button-lg-px {
      padding-inline: 1.5rem;
    }
    .md\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
    .md\:py-0\.5 {
      padding-block: calc(var(--spacing) * 0.5);
    }
    .md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .md\:py-button-lg-py {
      padding-block: 0.75rem;
    }
    .md\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
    .md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .md\:pr-0 {
      padding-right: calc(var(--spacing) * 0);
    }
    .md\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }
    .md\:pr-12 {
      padding-right: calc(var(--spacing) * 12);
    }
    .md\:pr-\[26px\] {
      padding-right: 26px;
    }
    .md\:pb-3xl {
      padding-bottom: var(--space-3xl);
    }
    .md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .md\:pb-\[0\.625rem\] {
      padding-bottom: 0.625rem;
    }
    .md\:pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }
    .md\:pl-3 {
      padding-left: calc(var(--spacing) * 3);
    }
    .md\:pl-16 {
      padding-left: calc(var(--spacing) * 16);
    }
    .md\:pl-\[16px\] {
      padding-left: 16px;
    }
    .md\:text-b6 {
      font-size: var(--font-size-b6);
      line-height: var(--tw-leading, var(--line-height-b6));
      letter-spacing: var(--tw-tracking, var(--letter-spacing-b6));
      font-weight: var(--tw-font-weight, var(--font-weight-b6));
    }
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .md\:leading-10 {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
    .md\:opacity-0 {
      opacity: 0;
    }
    .md\:opacity-80 {
      opacity: 0.8;
    }
    .md\:opacity-100 {
      opacity: 1;
    }
    .md\:transition-none {
      transition-property: none;
    }
    .md\:\[--bk-l2-rows\:1\] {
      --bk-l2-rows: 1;
    }
    .md\:\[grid-template-areas\:\"items_aside\"_\"belt_belt\"\] {
      grid-template-areas: "items aside" "belt belt";
    }
    .md\:before\:-bottom-\[32px\]:before {
      content: var(--tw-content);
      bottom: -32px;
    }
    .md\:before\:block:before {
      content: var(--tw-content);
      display: block;
    }
    .md\:after\:-bottom-\[32px\]:after {
      content: var(--tw-content);
      bottom: -32px;
    }
    .md\:after\:block:after {
      content: var(--tw-content);
      display: block;
    }
    @media (hover: hover) {
      .md\:hover\:bg-white\/15:hover {
        background-color: #ffffff26;
      }
      @supports (color: color-mix(in lab, red, red)) {
        .md\:hover\:bg-white\/15:hover {
          background-color: color-mix(
            in oklab,
            var(--color-white) 15%,
            transparent
          );
        }
      }
      .md\:hover\:text-white:hover {
        color: var(--color-white);
      }
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    @media (min-width: 900px) {
      .motion-safe\:md\:animate-logo-group-marquee {
        animation: 60s linear infinite logo-group-marquee;
      }
      .motion-safe\:md\:animate-logo-group-marquee-reverse {
        animation: 60s linear infinite logo-group-marquee-reverse;
      }
      .motion-safe\:md\:overflow-hidden {
        overflow: hidden;
      }
    }
  }
  @media (min-width: 900px) {
    @media (prefers-reduced-motion: no-preference) {
      .md\:motion-safe\:opacity-0 {
        opacity: 0;
      }
      .md\:motion-safe\:opacity-100 {
        opacity: 1;
      }
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    @media (min-width: 900px) {
      @media (hover: hover) {
        :is(.motion-safe\:md\:hover\:\*\:animation-pause:hover > *) {
          animation-play-state: paused;
        }
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    @media (min-width: 900px) {
      .motion-reduce\:md\:w-full {
        width: 100%;
      }
      .motion-reduce\:md\:shrink-0 {
        flex-shrink: 0;
      }
      .motion-reduce\:md\:gap-x-5 {
        column-gap: calc(var(--spacing) * 5);
      }
      :where(.motion-reduce\:md\:space-x-0 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(
          calc(var(--spacing) * 0) * var(--tw-space-x-reverse)
        );
        margin-inline-end: calc(
          calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))
        );
      }
      .motion-reduce\:md\:overflow-visible {
        overflow: visible;
      }
    }
  }
  @media (min-width: 900px) {
    @media not all and (min-width: 1200px) {
      .md\:max-lg\:col-span-3 {
        grid-column: span 3 / span 3;
      }
      .md\:max-lg\:grid-rows-\[min-content\] {
        grid-template-rows: min-content;
      }
      .md\:max-lg\:gap-y-6 {
        row-gap: calc(var(--spacing) * 6);
      }
      .md\:max-lg\:overflow-x-hidden {
        overflow-x: hidden;
      }
      .md\:max-lg\:text-t3 {
        font-size: var(--font-size-t3);
        line-height: var(--tw-leading, var(--line-height-t3));
        letter-spacing: var(--tw-tracking, var(--letter-spacing-t3));
        font-weight: var(--tw-font-weight, var(--font-weight-t3));
      }
      .md\:max-lg\:text-t5 {
        font-size: var(--font-size-t5);
        line-height: var(--tw-leading, var(--line-height-t5));
        letter-spacing: var(--tw-tracking, var(--letter-spacing-t5));
        font-weight: var(--tw-font-weight, var(--font-weight-t5));
      }
      .md\:max-lg\:text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
      }
      .md\:max-lg\:before\:absolute:before {
        content: var(--tw-content);
        position: absolute;
      }
      .md\:max-lg\:before\:top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
      .md\:max-lg\:before\:left-1\/2:before {
        content: var(--tw-content);
        left: 50%;
      }
      .md\:max-lg\:before\:z-10:before {
        content: var(--tw-content);
        z-index: 10;
      }
      .md\:max-lg\:before\:h-px:before {
        content: var(--tw-content);
        height: 1px;
      }
      .md\:max-lg\:before\:w-\[200vw\]:before {
        content: var(--tw-content);
        width: 200vw;
      }
      .md\:max-lg\:before\:-translate-x-1\/2:before {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      .md\:max-lg\:before\:bg-\[\#121C1E\]:before {
        content: var(--tw-content);
        background-color: #121c1e;
      }
      .md\:max-lg\:before\:bg-\[\#f4f4f5\]:before {
        content: var(--tw-content);
        background-color: #f4f4f5;
      }
    }
  }
  @media (min-width: 1200px) {
    .lg\:pointer-events-auto {
      pointer-events: auto;
    }
    .lg\:pointer-events-none {
      pointer-events: none;
    }
    .lg\:absolute {
      position: absolute;
    }
    .lg\:sticky {
      position: sticky;
    }
    .lg\:top-0 {
      top: calc(var(--spacing) * 0);
    }
    .lg\:top-\[-16\.5vw\] {
      top: -16.5vw;
    }
    .lg\:top-\[40\%\] {
      top: 40%;
    }
    .lg\:top-\[58\%\] {
      top: 58%;
    }
    .lg\:top-full {
      top: 100%;
    }
    .lg\:top-global-header {
      top: var(--header-height);
    }
    .lg\:-right-4 {
      right: calc(var(--spacing) * -4);
    }
    .lg\:right-9 {
      right: calc(var(--spacing) * 9);
    }
    .lg\:right-\[220px\] {
      right: 220px;
    }
    .lg\:-bottom-9 {
      bottom: calc(var(--spacing) * -9);
    }
    .lg\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }
    .lg\:bottom-\[calc\(100\%-80px\)\] {
      bottom: calc(100% - 80px);
    }
    .lg\:left-0 {
      left: calc(var(--spacing) * 0);
    }
    .lg\:left-\[-22vw\] {
      left: -22vw;
    }
    .lg\:left-\[20\%\] {
      left: 20%;
    }
    .lg\:left-\[80\%\] {
      left: 80%;
    }
    .lg\:left-auto {
      left: auto;
    }
    .lg\:z-10 {
      z-index: 10;
    }
    .lg\:z-20 {
      z-index: 20;
    }
    .lg\:z-30 {
      z-index: 30;
    }
    .lg\:order-3 {
      order: 3;
    }
    .lg\:order-4 {
      order: 4;
    }
    .lg\:order-5 {
      order: 5;
    }
    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .lg\:col-start-9 {
      grid-column-start: 9;
    }
    .lg\:mx-auto {
      margin-inline: auto;
    }
    .lg\:mr-auto {
      margin-right: auto;
    }
    .lg\:mb-1 {
      margin-bottom: calc(var(--spacing) * 1);
    }
    .lg\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
    .lg\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:inline-flex {
      display: inline-flex;
    }
    .lg\:aspect-\[2\.17\] {
      aspect-ratio: 2.17;
    }
    .lg\:aspect-\[236\/310\] {
      aspect-ratio: 236/310;
    }
    .lg\:h-3\/4 {
      height: 75%;
    }
    .lg\:h-9 {
      height: calc(var(--spacing) * 9);
    }
    .lg\:h-10 {
      height: calc(var(--spacing) * 10);
    }
    .lg\:h-\[1\.8rem\] {
      height: 1.8rem;
    }
    .lg\:h-\[87px\] {
      height: 87px;
    }
    .lg\:h-\[94vw\] {
      height: 94vw;
    }
    .lg\:h-\[310px\] {
      height: 310px;
    }
    .lg\:h-\[596px\] {
      height: 596px;
    }
    .lg\:h-\[initial\] {
      height: initial;
    }
    .lg\:max-h-\[321px\] {
      max-height: 321px;
    }
    .lg\:max-h-\[546px\] {
      max-height: 546px;
    }
    .lg\:max-h-\[calc\(90vh-72px\)\] {
      max-height: calc(90vh - 72px);
    }
    .lg\:min-h-14 {
      min-height: calc(var(--spacing) * 14);
    }
    .lg\:w-1\.5 {
      width: calc(var(--spacing) * 1.5);
    }
    .lg\:w-1\/2 {
      width: 50%;
    }
    .lg\:w-1\/4 {
      width: 25%;
    }
    .lg\:w-2\/3 {
      width: 66.6667%;
    }
    .lg\:w-2\/5 {
      width: 40%;
    }
    .lg\:w-3\/4 {
      width: 75%;
    }
    .lg\:w-3\/5 {
      width: 60%;
    }
    .lg\:w-4\/6 {
      width: 66.6667%;
    }
    .lg\:w-5 {
      width: calc(var(--spacing) * 5);
    }
    .lg\:w-10 {
      width: calc(var(--spacing) * 10);
    }
    .lg\:w-16 {
      width: calc(var(--spacing) * 16);
    }
    .lg\:w-56 {
      width: calc(var(--spacing) * 56);
    }
    .lg\:w-80 {
      width: calc(var(--spacing) * 80);
    }
    .lg\:w-\[55\%\] {
      width: 55%;
    }
    .lg\:w-\[66rem\] {
      width: 66rem;
    }
    .lg\:w-\[71px\] {
      width: 71px;
    }
    .lg\:w-\[94vw\] {
      width: 94vw;
    }
    .lg\:w-\[98px\] {
      width: 98px;
    }
    .lg\:w-\[125px\] {
      width: 125px;
    }
    .lg\:w-\[170px\] {
      width: 170px;
    }
    .lg\:w-\[190px\] {
      width: 190px;
    }
    .lg\:w-\[236px\] {
      width: 236px;
    }
    .lg\:w-\[622px\] {
      width: 622px;
    }
    .lg\:w-\[calc\(\(100\%-80px\)\/3\)\] {
      width: calc(33.3333% - 26.6667px);
    }
    .lg\:max-w-4xl {
      max-width: var(--container-4xl);
    }
    .lg\:max-w-72 {
      max-width: calc(var(--spacing) * 72);
    }
    .lg\:max-w-\[66\.6\%\] {
      max-width: 66.6%;
    }
    .lg\:max-w-\[275px\] {
      max-width: 275px;
    }
    .lg\:max-w-\[486px\] {
      max-width: 486px;
    }
    .lg\:max-w-\[630px\] {
      max-width: 630px;
    }
    .lg\:shrink {
      flex-shrink: 1;
    }
    .lg\:basis-full {
      flex-basis: 100%;
    }
    .lg\:translate-x-16 {
      --tw-translate-x: calc(var(--spacing) * 16);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:translate-x-\[252px\] {
      --tw-translate-x: 252px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:translate-x-\[300px\] {
      --tw-translate-x: 300px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:-translate-y-0 {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:-translate-y-6 {
      --tw-translate-y: calc(var(--spacing) * -6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:-translate-y-\[calc\(100\%\+1px\)\] {
      --tw-translate-y: calc((100% + 1px) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:translate-y-12 {
      --tw-translate-y: calc(var(--spacing) * 12);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:scale-\[0\.93\] {
      scale: 0.93;
    }
    .lg\:\[--tw-scale-x\:1\.0\] {
      --tw-scale-x: 1;
    }
    .lg\:\[--tw-scale-y\:1\.0\] {
      --tw-scale-y: 1;
    }
    .lg\:columns-4 {
      columns: 4;
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[3fr_1fr\] {
      grid-template-columns: 3fr 1fr;
    }
    .lg\:grid-cols-\[var\(--belt-calc\)_var\(--belt-calc\)_var\(--belt-calc\)_296px\] {
      grid-template-columns: var(--belt-calc) var(--belt-calc) var(--belt-calc) 296px;
    }
    .lg\:flex-col {
      flex-direction: column;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:justify-between {
      justify-content: space-between;
    }
    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .lg\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }
    .lg\:gap-x-0\.5 {
      column-gap: calc(var(--spacing) * 0.5);
    }
    .lg\:gap-x-1 {
      column-gap: calc(var(--spacing) * 1);
    }
    .lg\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    .lg\:gap-x-7 {
      column-gap: calc(var(--spacing) * 7);
    }
    .lg\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }
    .lg\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }
    .lg\:overflow-hidden {
      overflow: hidden;
    }
    .lg\:overflow-y-auto {
      overflow-y: auto;
    }
    .lg\:rounded-lg {
      border-radius: var(--radius-lg);
    }
    .lg\:rounded-xl {
      border-radius: var(--radius-xl);
    }
    .lg\:bg-transparent {
      background-color: #0000;
    }
    .lg\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .lg\:px-3xl {
      padding-inline: var(--space-3xl);
    }
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
    .lg\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
    .lg\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .lg\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .lg\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }
    .lg\:pt-\[225px\] {
      padding-top: 225px;
    }
    .lg\:pt-md {
      padding-top: var(--space-md);
    }
    .lg\:pr-\[13px\] {
      padding-right: 13px;
    }
    .lg\:pr-\[26px\] {
      padding-right: 26px;
    }
    .lg\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .lg\:pb-9 {
      padding-bottom: calc(var(--spacing) * 9);
    }
    .lg\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .lg\:pl-10 {
      padding-left: calc(var(--spacing) * 10);
    }
    .lg\:pl-\[13px\] {
      padding-left: 13px;
    }
    .lg\:pl-\[16px\] {
      padding-left: 16px;
    }
    .lg\:pl-lg {
      padding-left: var(--space-lg);
    }
    .lg\:leading-\[1\.8\] {
      --tw-leading: 1.8;
      line-height: 1.8;
    }
    .lg\:font-normal {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    .lg\:opacity-0 {
      opacity: 0;
    }
    .lg\:opacity-100 {
      opacity: 1;
    }
    .lg\:shadow-light {
      --tw-shadow: 0px 8px 48px var(--tw-shadow-color, #18181b14),
        0px 4px 8px var(--tw-shadow-color, #18181b0a),
        0px 0px 2px var(--tw-shadow-color, #18181b40);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .lg\:ring-0 {
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(0px + 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);
    }
    .lg\:transition-\[opacity\,translate\] {
      transition-property: opacity, translate;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .lg\: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)
      );
    }
    .lg\:transition-opacity-transform {
      transition-property: opacity, transform, translate, scale, rotate;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .lg\: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)
      );
    }
    .lg\:delay-\[50ms\,0ms\] {
      transition-delay: 50ms, 0s;
    }
    .lg\:delay-\[150ms\] {
      transition-delay: 0.15s;
    }
    .lg\:duration-200 {
      --tw-duration: 0.2s;
      transition-duration: 0.2s;
    }
    .lg\:duration-300 {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .lg\:duration-500 {
      --tw-duration: 0.5s;
      transition-duration: 0.5s;
    }
    .lg\:duration-\[300ms\] {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .lg\:ease-ease-out-cubic {
      --tw-ease: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    .lg\:will-change-\[opacity\,translate\] {
      will-change: opacity, translate;
    }
    .lg\:will-change-\[opacity\] {
      will-change: opacity;
    }
    .lg\:will-change-transform {
      will-change: transform;
    }
    .lg\:no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .lg\:\[--belt-calc\:calc\(\(100\%-416px\)\/3\)\] {
      --belt-calc: calc((100% - 416px) / 3);
    }
    .lg\:\[--bk-l2-rows\:2\] {
      --bk-l2-rows: 2;
    }
    @media (hover: hover) {
      .lg\:group-hover\:opacity-50:is(:where(.group):hover *) {
        opacity: 0.5;
      }
    }
    .lg\:peer-checked\/l3ItemsMore\:pointer-events-auto:is(
        :where(.peer\/l3ItemsMore):checked ~ *
      ) {
      pointer-events: auto;
    }
    .lg\:peer-checked\/l3ItemsMore\:translate-y-2:is(
        :where(.peer\/l3ItemsMore):checked ~ *
      ) {
      --tw-translate-y: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:peer-checked\/l3ItemsMore\:opacity-100:is(
        :where(.peer\/l3ItemsMore):checked ~ *
      ) {
      opacity: 1;
    }
    .lg\:before\:pointer-events-none:before {
      content: var(--tw-content);
      pointer-events: none;
    }
    .lg\:before\:absolute:before {
      content: var(--tw-content);
      position: absolute;
    }
    .lg\:before\:top-0:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
    .lg\:before\:-bottom-5:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -5);
    }
    .lg\:before\:bottom-0:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
    .lg\:before\:bottom-9:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 9);
    }
    .lg\:before\:left-0:before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
    .lg\:before\:left-1\/2:before {
      content: var(--tw-content);
      left: 50%;
    }
    .lg\:before\:z-10:before {
      content: var(--tw-content);
      z-index: 10;
    }
    .lg\:before\:h-6:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 6);
    }
    .lg\:before\:h-9:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 9);
    }
    .lg\:before\:h-10:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 10);
    }
    .lg\:before\:h-full:before {
      content: var(--tw-content);
      height: 100%;
    }
    .lg\:before\:w-\[200vw\]:before {
      content: var(--tw-content);
      width: 200vw;
    }
    .lg\:before\:w-\[calc\(100\%\+4rem\)\]:before {
      content: var(--tw-content);
      width: calc(100% + 4rem);
    }
    .lg\:before\:w-full:before {
      content: var(--tw-content);
      width: 100%;
    }
    .lg\:before\:-translate-x-1\/2:before {
      content: var(--tw-content);
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:before\:-translate-x-8:before {
      content: var(--tw-content);
      --tw-translate-x: calc(var(--spacing) * -8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:before\:-translate-y-full:before {
      content: var(--tw-content);
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:before\:bg-\[linear-gradient\(0deg\,\#02090A_0px\,transparent_40px\)\]:before {
      content: var(--tw-content);
      background-image: linear-gradient(0deg, #02090a 0, #0000 40px);
    }
    .lg\:before\:bg-\[linear-gradient\(0deg\,\#fff_0px\,transparent_40px\)\]:before {
      content: var(--tw-content);
      background-image: linear-gradient(0deg, #fff 0, #0000 40px);
    }
    .lg\:before\:opacity-0:before {
      content: var(--tw-content);
      opacity: 0;
    }
    .lg\:before\:shadow-xl:before {
      content: var(--tw-content);
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),
        0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .lg\:before\:transition-opacity:before {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .lg\:before\:delay-0:before {
      content: var(--tw-content);
      transition-delay: 0s;
    }
    .lg\:before\:delay-\[350ms\]:before {
      content: var(--tw-content);
      transition-delay: 0.35s;
    }
    .lg\:before\:duration-300:before {
      content: var(--tw-content);
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .lg\:before\:will-change-\[opacity\]:before {
      content: var(--tw-content);
      will-change: opacity;
    }
    .lg\:after\:pointer-events-none:after {
      content: var(--tw-content);
      pointer-events: none;
    }
    .lg\:after\:absolute:after {
      content: var(--tw-content);
      position: absolute;
    }
    .lg\:after\:top-0:after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
    .lg\:after\:left-1\/2:after {
      content: var(--tw-content);
      left: 50%;
    }
    .lg\:after\:h-full:after {
      content: var(--tw-content);
      height: 100%;
    }
    .lg\:after\:w-\[200vw\]:after {
      content: var(--tw-content);
      width: 200vw;
    }
    .lg\:after\:-translate-x-1\/2:after {
      content: var(--tw-content);
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:after\:bg-\[\#02090A\]:after {
      content: var(--tw-content);
      background-color: #02090a;
    }
    .lg\:after\:bg-white:after {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
    .lg\:after\:ring-1:after {
      content: var(--tw-content);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(1px + var(--tw-ring-offset-width))
        var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .lg\:after\:ring-\[\#121C1E\]:after {
      content: var(--tw-content);
      --tw-ring-color: #121c1e;
    }
    .lg\:after\:ring-\[\#f4f4f5\]:after {
      content: var(--tw-content);
      --tw-ring-color: #f4f4f5;
    }
    .lg\:after\:ring-inset:after {
      content: var(--tw-content);
      --tw-ring-inset: inset;
    }
    @media (hover: hover) {
      .lg\:hover\:z-40:hover {
        z-index: 40;
      }
      .lg\:hover\:scale-125:hover {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
      .lg\:hover\:underline:hover {
        text-decoration-line: underline;
      }
      .lg\:hover\:ring-0:hover {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
          calc(0px + 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);
      }
      .lg\:group-hover\:hover\:opacity-100:is(:where(.group):hover *):hover {
        opacity: 1;
      }
      .lg\:hover\:before\:pointer-events-auto:hover:before {
        content: var(--tw-content);
        pointer-events: auto;
      }
    }
    .lg\:focus\:ring-0:focus {
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(0px + 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);
    }
    @media not all and (min-width: 1500px) {
      .lg\:max-\[1500px\]\:px-2 {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
    @media not all and (min-width: 1460px) {
      .lg\:max-\[1460px\]\:px-2 {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
    @media not all and (min-width: 1420px) {
      .lg\:max-\[1420px\]\:px-2 {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
    @media not all and (min-width: 1380px) {
      .lg\:max-\[1380px\]\:px-2 {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
    @media not all and (min-width: 1370px) {
      .lg\:max-\[1370px\]\:px-2 {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
    @media not all and (min-width: 1350px) {
      .lg\:max-\[1350px\]\:px-2 {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
    @media not all and (min-width: 1330px) {
      .lg\:max-\[1330px\]\:px-2 {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
    @media not all and (min-width: 1300px) {
      .lg\:max-\[1300px\]\:px-2 {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
    @media not all and (min-width: 1280px) {
      .lg\:max-\[1280px\]\:px-2 {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
  }
  @media (min-width: 1280px) {
    .min-\[1280px\]\:inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1300px) {
    .min-\[1300px\]\:mr-8 {
      margin-right: calc(var(--spacing) * 8);
    }
    .min-\[1300px\]\:inline-flex {
      display: inline-flex;
    }
    .min-\[1300px\]\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  @media (min-width: 1330px) {
    .min-\[1330px\]\:inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1350px) {
    .min-\[1350px\]\:inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1370px) {
    .min-\[1370px\]\:inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1380px) {
    .min-\[1380px\]\:inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1420px) {
    .min-\[1420px\]\:inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1460px) {
    .min-\[1460px\]\:inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1500px) {
    .min-\[1500px\]\:inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1600px) {
    .xl\:relative {
      position: relative;
    }
    .xl\:top-\[-220px\] {
      top: -220px;
    }
    .xl\:top-\[57\%\] {
      top: 57%;
    }
    .xl\:right-32 {
      right: calc(var(--spacing) * 32);
    }
    .xl\:right-auto {
      right: auto;
    }
    .xl\:right-xl-auto {
      right: calc((50% - 800px) + var(--margin));
    }
    .xl\:left-0 {
      left: calc(var(--spacing) * 0);
    }
    .xl\:left-10 {
      left: calc(var(--spacing) * 10);
    }
    .xl\:left-\[-336px\] {
      left: -336px;
    }
    .xl\:left-\[calc\(100\%\+1rem\)\] {
      left: calc(100% + 1rem);
    }
    .xl\:left-xl-auto {
      left: calc((50% - 800px) + var(--margin));
    }
    .xl\:mb-md {
      margin-bottom: var(--space-md);
    }
    .xl\:h-180 {
      height: 45rem;
    }
    .xl\:h-\[590px\] {
      height: 590px;
    }
    .xl\:h-\[907px\] {
      height: 907px;
    }
    .xl\:h-\[1368px\] {
      height: 1368px;
    }
    .xl\:w-1\/2 {
      width: 50%;
    }
    .xl\:w-1\/5 {
      width: 20%;
    }
    .xl\:w-2 {
      width: calc(var(--spacing) * 2);
    }
    .xl\:w-4\/5 {
      width: 80%;
    }
    .xl\:w-6 {
      width: calc(var(--spacing) * 6);
    }
    .xl\:w-\[45\%\] {
      width: 45%;
    }
    .xl\:w-\[686px\] {
      width: 686px;
    }
    .xl\:w-\[1368px\] {
      width: 1368px;
    }
    .xl\:w-\[1804px\] {
      width: 1804px;
    }
    .xl\:w-full {
      width: 100%;
    }
    .xl\:max-w-\[85\%\] {
      max-width: 85%;
    }
    .xl\:translate-x-\[-46\%\] {
      --tw-translate-x: -46%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .xl\:translate-x-\[351px\] {
      --tw-translate-x: 351px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .xl\:translate-x-\[400px\] {
      --tw-translate-x: 400px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .xl\:scale-\[1\.03\] {
      scale: 1.03;
    }
    .xl\:gap-md {
      gap: var(--space-md);
    }
    .xl\:overflow-hidden {
      overflow: hidden;
    }
    .xl\:bg-app-gradient-wide {
      background-image: linear-gradient(
        145deg,
        #000a1e 52%,
        #000a1ee6 66%,
        #000a1e00
      );
    }
    .xl\:px-auto-xl {
      padding-inline: calc((50% - (1600px / 2)) + var(--margin));
    }
    .xl\:pb-3xl {
      padding-bottom: var(--space-3xl);
    }
    .xl\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .xl\:before\:w-\[50vw\]:before {
      content: var(--tw-content);
      width: 50vw;
    }
  }
  @media (pointer: coarse) {
    .pointer-coarse\:pointer-events-none {
      pointer-events: none;
    }
  }
  .scheme-white\:border-shade-20[data-background="white"] {
    border-color: var(--color-shade-20);
  }
  .scheme-white\:bg-shade-10[data-background="white"] {
    background-color: var(--color-shade-10);
  }
  .scheme-white\:before\:border-shade-20[data-background="white"]:before {
    content: var(--tw-content);
    border-color: var(--color-shade-20);
  }
  .scheme-white\:before\:bg-shade-10[data-background="white"]:before {
    content: var(--tw-content);
    background-color: var(--color-shade-10);
  }
  .scheme-white\:after\:border-shade-20[data-background="white"]:after {
    content: var(--tw-content);
    border-color: var(--color-shade-20);
  }
  .scheme-white\:after\:bg-shade-10[data-background="white"]:after {
    content: var(--tw-content);
    background-color: var(--color-shade-10);
  }
  .scheme-black\:border-shade-70[data-background="black"] {
    border-color: var(--color-shade-70);
  }
  .scheme-black\:bg-shade-90[data-background="black"] {
    background-color: var(--color-shade-90);
  }
  .scheme-black\:text-white[data-background="black"] {
    color: var(--color-white);
  }
  .scheme-black\:before\:border-shade-70[data-background="black"]:before {
    content: var(--tw-content);
    border-color: var(--color-shade-70);
  }
  .scheme-black\:before\:bg-shade-90[data-background="black"]:before {
    content: var(--tw-content);
    background-color: var(--color-shade-90);
  }
  .scheme-black\:after\:border-shade-70[data-background="black"]:after {
    content: var(--tw-content);
    border-color: var(--color-shade-70);
  }
  .scheme-black\:after\:bg-shade-90[data-background="black"]:after {
    content: var(--tw-content);
    background-color: var(--color-shade-90);
  }
  .scheme-transparent-light\:border-shade-20[data-background="transparent_light"] {
    border-color: var(--color-shade-20);
  }
  .scheme-transparent-light\:bg-shade-10[data-background="transparent_light"] {
    background-color: var(--color-shade-10);
  }
  .scheme-transparent-light\:before\:border-shade-20[data-background="transparent_light"]:before {
    content: var(--tw-content);
    border-color: var(--color-shade-20);
  }
  .scheme-transparent-light\:before\:bg-shade-10[data-background="transparent_light"]:before {
    content: var(--tw-content);
    background-color: var(--color-shade-10);
  }
  .scheme-transparent-light\:after\:border-shade-20[data-background="transparent_light"]:after {
    content: var(--tw-content);
    border-color: var(--color-shade-20);
  }
  .scheme-transparent-light\:after\:bg-shade-10[data-background="transparent_light"]:after {
    content: var(--tw-content);
    background-color: var(--color-shade-10);
  }
  .scheme-transparent-dark\:border-shade-70[data-background="transparent_dark"] {
    border-color: var(--color-shade-70);
  }
  .scheme-transparent-dark\:bg-shade-90[data-background="transparent_dark"] {
    background-color: var(--color-shade-90);
  }
  .scheme-transparent-dark\:text-white[data-background="transparent_dark"] {
    color: var(--color-white);
  }
  .scheme-transparent-dark\:before\:border-shade-70[data-background="transparent_dark"]:before {
    content: var(--tw-content);
    border-color: var(--color-shade-70);
  }
  .scheme-transparent-dark\:before\:bg-shade-90[data-background="transparent_dark"]:before {
    content: var(--tw-content);
    background-color: var(--color-shade-90);
  }
  .scheme-transparent-dark\:after\:border-shade-70[data-background="transparent_dark"]:after {
    content: var(--tw-content);
    border-color: var(--color-shade-70);
  }
  .scheme-transparent-dark\:after\:bg-shade-90[data-background="transparent_dark"]:after {
    content: var(--tw-content);
    background-color: var(--color-shade-90);
  }
  @media (scripting: none) {
    .js-disabled\:not-sr-only {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible;
    }
    .js-disabled\:hidden {
      display: none;
    }
  }
  @supports (hanging-punctuation: first) and (font: -apple-system-body) and
    (appearance: none) {
    .safari-specific\:bg-deep-green {
      background-color: #061a1c;
    }
    .safari-specific\:bg-none {
      background-image: none;
    }
  }
  .peer-checked\/l3ItemsMobile\:\[\&\]\:-scale-100:is(
      :where(.peer\/l3ItemsMobile):checked ~ *
    ) {
    --tw-scale-x: -100%;
    --tw-scale-y: -100%;
    --tw-scale-z: -100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  @media not all and (min-width: 640px) {
    .max-sm\:group-last\/childItem\:\[\&\]\:pb-6:is(
        :where(.group\/childItem):last-child *
      ) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  @media (min-width: 640px) {
    @media not all and (min-width: 1200px) {
      .sm\:max-lg\:group-\[\:nth-last-child\(-n\+2\)\]\/childItem\:\[\&\]\:pb-6:is(
          :where(.group\/childItem):nth-last-child(-n + 2) *
        ) {
        padding-bottom: calc(var(--spacing) * 6);
      }
    }
  }
  @media (min-width: 1200px) {
    .lg\:group-first\/childItem\:\[\&\]\:pt-7:is(
        :where(.group\/childItem):first-child *
      ) {
      padding-top: calc(var(--spacing) * 7);
    }
    .lg\:group-last\/childItem\:\[\&\]\:pb-7:is(
        :where(.group\/childItem):last-child *
      ) {
      padding-bottom: calc(var(--spacing) * 7);
    }
  }
  @supports (hanging-punctuation: first) and (font: -apple-system-body) and
    (appearance: none) {
    .safari-specific\:\[\&_\.glow-0\]\:hidden .glow-0 {
      display: none;
    }
  }
  .\[\&_\>h4\]\:inline-block > h4 {
    display: inline-block;
  }
  .\[\&_\>img\]\:z-10 > img {
    z-index: 10;
  }
  .\[\&_\[data-handle\=\"bigPlayButton\"\]\]\:\!hidden
    [data-handle="bigPlayButton"],
  .\[\&_\[data-handle\=\"playPauseLoading\"\]\]\:\!hidden
    [data-handle="playPauseLoading"],
  .\[\&_\[data-handle\=\"playPauseNotifier\"\]\]\:\!hidden
    [data-handle="playPauseNotifier"] {
    display: none !important;
  }
  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }
  .\[\&_img\]\:invert img {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .\[\&_input\.peer\:focus\~label\]\:text-white\/70 input.peer:focus ~ label {
    color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_input\.peer\:focus\~label\]\:text-white\/70 input.peer:focus ~ label {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .\[\&_path\]\:stroke-black path {
    stroke: var(--color-black);
  }
  .\[\&_path\]\:opacity-60 path {
    opacity: 0.6;
  }
  .\[\&_picture\]\:self-start picture {
    align-self: flex-start;
  }
  .\[\&_span\]\:text-white\/70 span {
    color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_span\]\:text-white\/70 span {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .peer-checked\:\[\&_span\]\:opacity-0:is(:where(.peer):checked ~ *) span {
    opacity: 0;
  }
  .peer-checked\:\[\&_span\]\:delay-0:is(:where(.peer):checked ~ *) span {
    transition-delay: 0s;
  }
  .\[\&_strong\]\:font-\[600\] strong {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .\[\&_strong\]\:text-gray-c strong {
    color: #9797a2;
  }
  .\[\&_svg\]\:p-\[5px\] svg {
    padding: 5px;
  }
  @media (hover: hover) {
    .hover\:\[\&_svg\]\:text-black:hover svg {
      color: var(--color-black);
    }
    .hover\:\[\&_svg\]\:text-white:hover svg {
      color: var(--color-white);
    }
  }
  @media (min-width: 1200px) {
    .lg\:peer-checked\/l3ItemsMore\:\[\&_svg\]\:-scale-100:is(
        :where(.peer\/l3ItemsMore):checked ~ *
      )
      svg {
      --tw-scale-x: -100%;
      --tw-scale-y: -100%;
      --tw-scale-z: -100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @supports (hanging-punctuation: first) and (font: -apple-system-body) and
    (appearance: none) {
    .safari-specific\:\[\&_video\]\:\[mask-image\:linear-gradient\(90deg\,white_97\%\,transparent_100\%\)\,linear-gradient\(180deg\,white_97\%\,transparent_100\%\)\,linear-gradient\(270deg\,white_97\%\,transparent_100\%\)\,linear-gradient\(0deg\,white_97\%\,transparent_100\%\)\]
      video {
      -webkit-mask-image: linear-gradient(90deg, #fff 97%, #0000 100%),
        linear-gradient(#fff 97%, #0000 100%),
        linear-gradient(270deg, #fff 97%, #0000 100%),
        linear-gradient(#0000 0%, #fff 3%);
      mask-image: linear-gradient(90deg, #fff 97%, #0000),
        linear-gradient(#fff 97%, #0000),
        linear-gradient(270deg, #fff 97%, #0000),
        linear-gradient(#0000, #fff 3%);
    }
    .safari-specific\:\[\&_video\]\:\[mask-composite\:intersect\] video {
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
    }
    .safari-specific\:\[\&_video\]\:\[mask-type\:alpha\] video {
      mask-type: alpha;
    }
  }
  @media not all and (min-width: 1200px) {
    .max-lg\:\[\&\+\&\]\:border-t + .max-lg\:\[\&\+\&\]\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  @media (min-width: 900px) {
    @media not all and (min-width: 1200px) {
      .md\:max-lg\:\[\&\:has\(\+_nav_input\:checked\~_\.level2-media-container\)\]\:before\:content-none:has(
          + nav input:checked ~ .level2-media-container
        ):before {
        content: var(--tw-content);
        --tw-content: none;
        content: none;
      }
    }
  }
  .\[\&\:has\(\.level1-item\:focus-within\)\]\:before\:opacity-100:has(
      .level1-item:focus-within
    ):before {
    content: var(--tw-content);
    opacity: 1;
  }
  .\[\&\:has\(\.level1-item\:focus-within\)\]\:before\:delay-100:has(
      .level1-item:focus-within
    ):before {
    content: var(--tw-content);
    transition-delay: 0.1s;
  }
  .\[\&\:has\(\.level1-item\:focus-within\)\]\:after\:opacity-100:has(
      .level1-item:focus-within
    ):after {
    content: var(--tw-content);
    opacity: 1;
  }
  .\[\&\:has\(\.level1-item\:focus-within\)\]\:after\:delay-100:has(
      .level1-item:focus-within
    ):after {
    content: var(--tw-content);
    transition-delay: 0.1s;
  }
  @media (min-width: 1200px) {
    .lg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:before\:opacity-100:has(
        .level1-item:focus-within
      ):before {
      content: var(--tw-content);
      opacity: 1;
    }
    .lg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:before\:delay-100:has(
        .level1-item:focus-within
      ):before {
      content: var(--tw-content);
      transition-delay: 0.1s;
    }
    .lg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:after\:opacity-100:has(
        .level1-item:focus-within
      ):after {
      content: var(--tw-content);
      opacity: 1;
    }
    .lg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:after\:delay-100:has(
        .level1-item:focus-within
      ):after {
      content: var(--tw-content);
      transition-delay: 0.1s;
    }
  }
  .\[\&\:has\(\.level1-item\:hover\)\]\:before\:opacity-100:has(
      .level1-item:hover
    ):before {
    content: var(--tw-content);
    opacity: 1;
  }
  .\[\&\:has\(\.level1-item\:hover\)\]\:before\:delay-100:has(
      .level1-item:hover
    ):before {
    content: var(--tw-content);
    transition-delay: 0.1s;
  }
  .\[\&\:has\(\.level1-item\:hover\)\]\:after\:opacity-100:has(
      .level1-item:hover
    ):after {
    content: var(--tw-content);
    opacity: 1;
  }
  .\[\&\:has\(\.level1-item\:hover\)\]\:after\:delay-100:has(
      .level1-item:hover
    ):after {
    content: var(--tw-content);
    transition-delay: 0.1s;
  }
  @media (min-width: 1200px) {
    .lg\:\[\&\:has\(\.level1-item\:hover\)\]\:before\:opacity-100:has(
        .level1-item:hover
      ):before {
      content: var(--tw-content);
      opacity: 1;
    }
    .lg\:\[\&\:has\(\.level1-item\:hover\)\]\:before\:delay-100:has(
        .level1-item:hover
      ):before {
      content: var(--tw-content);
      transition-delay: 0.1s;
    }
    .lg\:\[\&\:has\(\.level1-item\:hover\)\]\:after\:opacity-100:has(
        .level1-item:hover
      ):after {
      content: var(--tw-content);
      opacity: 1;
    }
    .lg\:\[\&\:has\(\.level1-item\:hover\)\]\:after\:delay-100:has(
        .level1-item:hover
      ):after {
      content: var(--tw-content);
      transition-delay: 0.1s;
    }
  }
  @media not all and (min-width: 1200px) {
    .max-lg\:\[\&\:has\(nav_\.peer\/l1Mobile\:checked\)\]\:before\:opacity-100:has(

      ):before {
      content: var(--tw-content);
      opacity: 1;
    }
  }
  @media (min-width: 900px) {
    @media not all and (min-width: 1200px) {
      .md\:max-lg\:\[\&\:has\(nav_\.peer\/l1Mobile\:checked\~_\.level2-media-container\)\]\:before\:content-none:has(

        ):before {
        content: var(--tw-content);
        --tw-content: none;
        content: none;
      }
    }
  }
  .\[\&\>canvas\]\:\[mask-image\:linear-gradient\(171deg\,white_47\%\,transparent_64\%\)\,radial-gradient\(white_50\%\,transparent_70\%\)\]
    > canvas {
    -webkit-mask-image: linear-gradient(171deg, #fff 47%, #0000 64%),
      radial-gradient(#fff 50%, #0000 70%);
    mask-image: linear-gradient(171deg, #fff 47%, #0000 64%),
      radial-gradient(#fff 50%, #0000 70%);
  }
  .\[\&\>canvas\]\:\[mask-composite\:intersect\] > canvas {
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }
  .\[\&\>canvas\]\:\[mask-type\:alpha\] > canvas {
    mask-type: alpha;
  }
  .\[\&\>div\>button\]\:top-\[-4rem\] > div > button {
    top: -4rem;
  }
  @media (min-width: 640px) {
    .sm\:\[\&\>div\>button\]\:-top-9 > div > button {
      top: calc(var(--spacing) * -9);
    }
  }
  @media (min-width: 1200px) {
    .\[\&\>div\>button\]\:lg\:mr-3xl > div > button {
      margin-right: var(--space-3xl);
    }
  }
  @media not all and (min-width: 1200px) {
    .max-lg\:\[\&\>picture\]\:hidden > picture {
      display: none;
    }
  }
  .level1-item:focus-within .\[\.level1-item\:focus-within_\&\]\:-scale-y-100 {
    --tw-scale-y: -100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  @media (min-width: 1200px) {
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:translate-y-0 {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:opacity-100 {
      opacity: 1;
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:delay-200 {
      transition-delay: 0.2s;
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[250ms\,300ms\] {
      transition-delay: 0.25s, 0.3s;
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[300ms\,350ms\] {
      transition-delay: 0.3s, 0.35s;
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[350ms\,400ms\] {
      transition-delay: 0.35s, 0.4s;
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[400ms\,450ms\] {
      transition-delay: 0.4s, 0.45s;
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[450ms\,500ms\] {
      transition-delay: 0.45s, 0.5s;
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[500ms\,550ms\] {
      transition-delay: 0.5s, 0.55s;
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:before\:opacity-100:before {
      content: var(--tw-content);
      opacity: 1;
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:before\:delay-\[350ms\]:before {
      content: var(--tw-content);
      transition-delay: 0.35s;
    }
    .level1-item:focus-within
      .lg\:\[\.level1-item\:focus-within_\&\]\:before\:duration-\[300ms\]:before {
      content: var(--tw-content);
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
  }
  .level1-item:hover .\[\.level1-item\:hover_\&\]\:-scale-y-100 {
    --tw-scale-y: -100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  @media (min-width: 1200px) {
    .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:pointer-events-auto {
      pointer-events: auto;
    }
    .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:translate-y-0 {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:opacity-100 {
      opacity: 1;
    }
    .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:delay-200 {
      transition-delay: 0.2s;
    }
    .level1-item:hover
      .lg\:\[\.level1-item\:hover_\&\]\:delay-\[250ms\,300ms\] {
      transition-delay: 0.25s, 0.3s;
    }
    .level1-item:hover
      .lg\:\[\.level1-item\:hover_\&\]\:delay-\[300ms\,350ms\] {
      transition-delay: 0.3s, 0.35s;
    }
    .level1-item:hover
      .lg\:\[\.level1-item\:hover_\&\]\:delay-\[350ms\,400ms\] {
      transition-delay: 0.35s, 0.4s;
    }
    .level1-item:hover
      .lg\:\[\.level1-item\:hover_\&\]\:delay-\[400ms\,450ms\] {
      transition-delay: 0.4s, 0.45s;
    }
    .level1-item:hover
      .lg\:\[\.level1-item\:hover_\&\]\:delay-\[450ms\,500ms\] {
      transition-delay: 0.45s, 0.5s;
    }
    .level1-item:hover
      .lg\:\[\.level1-item\:hover_\&\]\:delay-\[500ms\,550ms\] {
      transition-delay: 0.5s, 0.55s;
    }
    .level1-item:hover
      .lg\:\[\.level1-item\:hover_\&\]\:before\:opacity-100:before {
      content: var(--tw-content);
      opacity: 1;
    }
    .level1-item:hover
      .lg\:\[\.level1-item\:hover_\&\]\:before\:delay-\[350ms\]:before {
      content: var(--tw-content);
      transition-delay: 0.35s;
    }
    .level1-item:hover
      .lg\:\[\.level1-item\:hover_\&\]\:before\:duration-\[300ms\]:before {
      content: var(--tw-content);
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .level2-wrapper:hover .lg\:\[\.level2-wrapper\:hover_\&\]\:delay-0 {
      transition-delay: 0s;
    }
    .level3-container:hover
      > .lg\:\[\.level3-container\:hover\>\&\]\:opacity-50 {
      opacity: 0.5;
    }
    @media (hover: hover) {
      .level3-container:hover
        > .lg\:\[\.level3-container\:hover\>\&\]\:hover\:opacity-100:hover {
        opacity: 1;
      }
    }
    .level3-link:hover .lg\:\[\.level3-link\:hover_\&\]\:translate-x-1\/2 {
      --tw-translate-x: 50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .level3-link:hover .lg\:\[\.level3-link\:hover_\&\]\:opacity-100 {
      opacity: 1;
    }
  }
  @media (max-height: 771px) and (min-width: 1200px) {
    .\[\@media\(max-height\:771px\)_and_\(min-width\:1200px\)\]\:max-h-\[417px\] {
      max-height: 417px;
    }
    .\[\@media\(max-height\:771px\)_and_\(min-width\:1200px\)\]\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }
    .\[\@media\(max-height\:771px\)_and_\(min-width\:1200px\)\]\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  @media (min-width: 1420px) {
    .\[\@media\(width\>\=1420px\)\]\:grid-cols-\[var\(--belt-calc\)_var\(--belt-calc\)_var\(--belt-calc\)_calc\(25\%-10px\)\] {
      grid-template-columns: var(--belt-calc) var(--belt-calc) var(--belt-calc) calc(
          25% - 10px
        );
    }
    .\[\@media\(width\>\=1420px\)\]\:\[--belt-calc\:calc\(\(75\%-110px\)\/3\)\] {
      --belt-calc: calc((75% - 110px) / 3);
    }
  }
  @media not all and (min-width: 1200px) {
    li:first-child
      .max-lg\:\[li\:first-child_\&\]\:after\:from-\[rgba\(9\,78\,255\,0\.30\)\]:after {
      content: var(--tw-content);
      --tw-gradient-from: #094eff4d;
      --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)
      );
    }
    li:last-child
      .max-lg\:\[li\:last-child_\&\]\:after\:from-\[rgba\(115\,55\,232\,0\.43\)\]:after {
      content: var(--tw-content);
      --tw-gradient-from: #7337e86e;
      --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 (min-width: 640px) {
  :root {
    --margin: 1.875rem;
  }
}
@media (min-width: 900px) {
  :root {
    --margin: 3.125rem;
    --font-size-button-lg: 1.125rem;
    --line-height-button-lg: 1.75rem;
    --font-size-t8: 0.875rem;
    --font-weight-t8: 450;
    --line-height-t8: 1.1375rem;
    --letter-spacing-t8: 0;
    --font-size-t7: 1.125rem;
    --font-weight-t7: 450;
    --line-height-t7: 1.4625rem;
    --letter-spacing-t7: -0.005em;
    --font-size-t6: 1.375rem;
    --font-weight-t6: 400;
    --line-height-t6: 1.65rem;
    --letter-spacing-t6: -0.005em;
    --font-size-t5: 1.625rem;
    --font-weight-t5: 360;
    --line-height-t5: 1.95rem;
    --letter-spacing-t5: -0.01em;
    --font-size-t4: 1.875rem;
    --font-weight-t4: 330;
    --line-height-t4: 2.1375rem;
    --letter-spacing-t4: 0;
    --font-size-t3: 2.25rem;
    --font-weight-t3: 330;
    --line-height-t3: 2.52rem;
    --letter-spacing-t3: -0.005em;
    --font-size-t2: 3rem;
    --font-weight-t2: 330;
    --line-height-t2: 3.3rem;
    --letter-spacing-t2: -0.005em;
    --font-size-t1: 3.375rem;
    --font-weight-t1: 330;
    --line-height-t1: 3.645rem;
    --letter-spacing-t1: -0.005em;
    --font-size-dsp: 4.375rem;
    --font-weight-dsp: 330;
    --line-height-dsp: 4.725rem;
    --letter-spacing-dsp: -0.015em;
    --font-size-body-lg: 1.125rem;
    --line-height-body-lg: 1.575rem;
    --font-weight-body-lg: 400;
    --letter-spacing-body-lg: 0;
    --font-size-body-base: 1rem;
    --line-height-body-base: 1.4rem;
    --font-weight-body-base: 420;
    --letter-spacing-body-base: -0.006em;
    --font-size-body-sm: 0.875rem;
    --line-height-body-sm: 1.1375rem;
    --font-weight-body-sm: 420;
    --letter-spacing-body-sm: 0;
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 2.5rem;
    --space-2xl: 4rem;
    --space-3xl: 5rem;
    --space-4xl: 8rem;
    --space-5xl: 10rem;
    --hero-top: calc(var(--header-height));
  }
}
@media (min-width: 1200px) {
  :root {
    --margin: 5.625rem;
    --gutter: 1.5rem;
    --font-size-t8: 1rem;
    --font-weight-t8: 450;
    --line-height-t8: 1.4rem;
    --letter-spacing-t8: 0;
    --font-size-t7: 1.25rem;
    --font-weight-t7: 450;
    --line-height-t7: 1.625rem;
    --letter-spacing-t7: 0;
    --font-size-t6: 1.5rem;
    --font-weight-t6: 400;
    --line-height-t6: 1.95rem;
    --letter-spacing-t6: -0.01em;
    --font-size-t5: 1.75rem;
    --font-weight-t5: 360;
    --line-height-t5: 2.1rem;
    --letter-spacing-t5: -0.01em;
    --font-size-t4: 2.125rem;
    --font-weight-t4: 330;
    --line-height-t4: 2.4225rem;
    --letter-spacing-t4: 0;
    --font-size-t3: 2.75rem;
    --font-weight-t3: 330;
    --line-height-t3: 3.025rem;
    --letter-spacing-t3: -0.01em;
    --font-size-t2: 3.5rem;
    --font-weight-t2: 330;
    --line-height-t2: 3.78rem;
    --letter-spacing-t2: -0.01em;
    --font-size-t1: 4rem;
    --font-weight-t1: 330;
    --line-height-t1: 4.32rem;
    --letter-spacing-t1: -0.02em;
    --font-size-dsp: 6rem;
    --font-weight-dsp: 300;
    --line-height-dsp: 6.48rem;
    --letter-spacing-dsp: -0.025em;
    --font-size-body-lg: 1.25rem;
    --line-height-body-lg: 1.75rem;
    --font-weight-body-lg: 400;
    --letter-spacing-body-lg: 0;
    --font-size-body-base: 1.125rem;
    --line-height-body-base: 1.575rem;
    --font-weight-body-base: 400;
    --letter-spacing-body-base: 0;
    --font-size-body-sm: 0.875rem;
    --line-height-body-sm: 1.1375rem;
    --font-weight-body-sm: 420;
    --letter-spacing-body-sm: 0;
  }
}
@media (min-width: 1600px) {
  .xl\:col-start-3 {
    grid-column-start: 3;
  }
}
.focus-within\:ring-state-focus:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(117 27 233 / var(--tw-ring-opacity));
}
a:not(:focus-visible),
button:not(:focus-visible),
input:not(:focus-visible),
textarea:not(:focus-visible),
select:not(:focus-visible),
:is(.outline-1, .outline-2, .outline-3, .outline-4):not(:focus-visible) {
  --tw-outline-style: none;
}
.focus-visible\:outline {
  outline-width: initial;
}
@layer utility {
  [data-mode="light"] .richtext a:not(.no-richtext a),
  [data-mode="light"] .link {
    color: var(--color-link-light);
  }
  [data-mode="light"] .richtext a:not(.no-richtext a):hover,
  [data-mode="light"] .link:hover {
    color: var(--color-link-light-hover);
  }
  [data-mode="light"] .richtext a:not(.no-richtext a):active,
  [data-mode="light"] .link:active {
    color: var(--color-link-light-active);
  }
  [data-mode="light"] .richtext a:not(.no-richtext a):focus,
  [data-mode="light"] .link:focus {
    color: var(--color-link-light-focus);
  }
  [data-mode="dark"] .richtext a:not(.no-richtext a),
  [data-mode="dark"] .link,
  .link[data-mode="dark"] span,
  a[data-mode="dark"] span {
    color: var(--color-link-dark);
  }
  [data-mode="dark"] .richtext a:not(.no-richtext a):hover,
  [data-mode="dark"] .link:hover,
  .link[data-mode="dark"] span:hover,
  a[data-mode="dark"] span:hover {
    color: var(--color-link-dark-hover);
  }
  [data-mode="dark"] .richtext a:not(.no-richtext a):active,
  [data-mode="dark"] .link:active,
  .link[data-mode="dark"] span:active,
  a[data-mode="dark"] span:active {
    color: var(--color-link-dark-active);
  }
  [data-mode="dark"] .richtext a:not(.no-richtext a):focus,
  [data-mode="dark"] .link:focus,
  .link[data-mode="dark"] span:focus,
  a[data-mode="dark"] span:focus {
    color: var(--color-link-dark-focus);
  }
  header[data-has-secondary-navigation="true"] + main > section:first-child {
    padding-top: calc((var(--header-height) * 2) + 1px);
  }
  header[data-legacy-mode="true"] + main > section:first-child {
    padding-top: 6rem;
  }
  header[data-legacy-mode="true"][data-has-secondary-navigation="true"]
    + main
    > section:first-child {
    padding-top: 14.25rem;
  }
  [data-mode="dark"] .richtext a:not(.no-richtext a),
  [data-mode="dark"] .link,
  .link[data-mode="dark"] span,
  a[data-mode="dark"] span {
    --tw-text-opacity: 1;
    color: currentColor;
  }
}
.opacity-body {
  opacity: 0.7;
}
[data-mode="light"] .opacity-body {
  opacity: 0.6;
}
.no-opacity-body .opacity-body {
  opacity: 1;
}
@media (min-width: 900px) {
  :root {
    --font-size-button-lg: 1.125rem;
    --line-height-button-lg: 1.75rem;
    --font-size-b6: 0.875rem;
    --line-height-b6: 1.3rem;
    --letter-spacing-b6: 0.02em;
    --font-size-b5: 1rem;
    --line-height-b5: 1.5rem;
    --letter-spacing-b5: 0.015em;
    --font-size-b4: 1.125rem;
    --line-height-b4: 1.41rem;
    --letter-spacing-b4: 0.04em;
    --font-size-b3: 1.25rem;
    --line-height-b3: 1.75rem;
    --letter-spacing-b3: 0.015em;
    --font-size-b2: 1.5rem;
    --line-height-b2: 1.71rem;
    --letter-spacing-b2: 0.015em;
    --font-size-b1: 1.75rem;
    --line-height-b1: 2.24rem;
    --letter-spacing-b1: 0.015em;
    --font-size-t7: 1.25rem;
    --line-height-t7: 1.75rem;
    --letter-spacing-t7: 0.015em;
    --font-weight-t7: 400;
    --font-size-t6: 1.5rem;
    --line-height-t6: 1.8rem;
    --letter-spacing-t6: 0.01em;
    --font-size-t5: 2rem;
    --line-height-t5: 2.28rem;
    --letter-spacing-t5: 0.01em;
    --font-size-t4: 3rem;
    --line-height-t4: 3.42rem;
    --letter-spacing-t4: 0;
    --font-size-t3: 3.4375rem;
    --line-height-t3: 4rem;
    --letter-spacing-t3: 0;
    --font-size-t2: 4.375rem;
    --line-height-t2: 4.375rem;
    --letter-spacing-t2: 0;
    --font-size-t1: 6rem;
    --line-height-t1: 5.75rem;
    --letter-spacing-t1: 0;
    --font-size-dsp: var(--font-size-t1);
    --font-weight-dsp: var(--heading-weight);
    --line-height-dsp: var(--font-size-t1);
    --letter-spacing-dsp: var(--letter-spacing-t1);
    --font-size-body-sm: var(--font-size-b4);
    --line-height-body-sm: var(--line-height-b4);
    --font-weight-body-sm: var(--font-weight-b4);
    --letter-spacing-body-sm: var(--letter-spacing-b4);
    --font-size-body-base: var(--font-size-b2);
    --line-height-body-base: var(--line-height-b2);
    --font-weight-body-md: var(--font-weight-b2);
    --letter-spacing-body-base: var(--letter-spacing-b2);
    --font-size-body-lg: var(--font-size-b1);
    --line-height-body-lg: var(--line-height-b1);
    --font-weight-body-lg: var(--font-weight-b1);
    --letter-spacing-body-lg: var(--letter-spacing-b1);
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 2.5rem;
    --space-2xl: 4rem;
    --space-3xl: 5rem;
    --space-4xl: 8rem;
    --space-5xl: 10rem;
    --hero-top: calc(var(--header-height));
  }
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
input[type="range"].reset-input-range::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  background: 0 0;
  border: none;
}
.border-glow {
  -webkit-mask-image: linear-gradient(#0000, #0000), linear-gradient(#fff, #fff);
  mask-image: linear-gradient(#0000, #0000), linear-gradient(#fff, #fff);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: padding-box, border-box;
  mask-clip: padding-box, border-box;
  -webkit-mask-origin: border-box, border-box;
  mask-origin: border-box, border-box;
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
  container: card/inline-size;
}
.play-animation.border-glow:before {
  opacity: 1;
  transition: opacity 0.2s 0.1s;
  animation-play-state: running;
}
.border-glow:before {
  aspect-ratio: 1;
  --tw-content: "";
  content: var(--tw-content);
  offset-anchor: 100% 50%;
  offset-path: rect(0% 100% 40% 0 round var(--glow-size, 71px));
  offset-distance: var(--start-offset, -20%);
  opacity: 0;
  background: linear-gradient(270deg, #02f0ff, #02f0ff00 82.39%);
  height: 71px;
  animation: 8s linear 1s infinite paused loop;
  display: inline-block;
  position: absolute;
}
.dev-left-card {
  --start-offset: 30%;
  --offset: -60%;
  clip-path: inset(0 106px 0 0);
}
.dev-right-card {
  --start-offset: -40%;
  --offset: 60%;
}
.dev-left-card .border-glow:before {
  offset-path: rect(0 100% 100% 0 round var(--glow-size, 71px));
  background: linear-gradient(90deg, #02f0ff, #02f0ff00 82.39%);
  animation-delay: 4s;
}
.dev-right-card .border-glow:before {
  offset-path: rect(0 60% 75% 0% round var(--glow-size, 71px));
  animation-delay: 5.5s;
}
.dev-card-inner {
  --start: 70%;
  --end: 76%;
  --angle: 180deg;
  -webkit-mask-image: linear-gradient(
    var(--angle),
    #0e0e11 var(--start),
    #0e0e1100 var(--end)
  );
  mask-image: linear-gradient(
    var(--angle),
    #0e0e11 var(--start),
    #0e0e1100 var(--end)
  );
  -webkit-mask-size: 100% 114%;
  mask-size: 100% 114%;
  -webkit-mask-origin: padding-box;
  mask-origin: padding-box;
  -webkit-mask-position: 0% var(--end);
  mask-position: 0% var(--end);
}
.dev-middle-card {
  --angle: 179deg;
  --start: 66%;
  --end: 81%;
  -webkit-mask-size: 120% 120%;
  mask-size: 120% 120%;
}
.dev-card-inner--left {
  --start: 23%;
  --end: 56%;
}
.dev-card-inner--right {
  --start: 70%;
  --end: 90%;
}
@keyframes loop {
  0% {
    offset-distance: var(--start-offset, -20%);
  }
  40%,
  to {
    offset-distance: var(--offset, 80%);
  }
}
.fork:hover path {
  stroke-dasharray: 30;
  stroke-dashoffset: 30px;
  animation-name: draw;
}
.transform-fill-box {
  transform-box: fill-box;
}
.line-up,
.circle,
.curvy,
.plus-y,
.plus-x {
  animation: none;
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .border-glow:before {
    animation: none;
    display: none;
  }
}
@media screen and (min-width: 640px) {
  .dev-middle-card {
    --start: 70%;
    --end: 90%;
  }
  .dev-right-card .border-glow:before {
    offset-path: rect(0 100% 100% 70% round var(--glow-size, 71px));
    background: linear-gradient(90deg, #02f0ff, #02f0ff00 82.39%);
  }
  .dev-left-card .border-glow:before {
    background: linear-gradient(270deg, #02f0ff, #02f0ff00 82.39%);
  }
  .dev-right-card {
    --start-offset: -30%;
    --offset: -120%;
  }
  .dev-left-card {
    --start-offset: -30%;
    --offset: 60%;
  }
}
@media screen and (min-width: 900px) {
  .dev-right-card .border-glow:before {
    offset-path: rect(0 100% 100% 45% round var(--glow-size, 71px));
  }
  .dev-left-card {
    clip-path: inset(0 14px 0 0);
  }
  .dev-middle-card {
    --angle: 172deg;
  }
  .dev-middle-card .border-glow:before {
    offset-path: rect(0% 100% 50px 0 round var(--glow-size, 71px));
  }
}
@media screen and (min-width: 1200px) {
  .dev-middle-card .border-glow:before {
    offset-path: rect(0% 100% 9% 0 round var(--glow-size, 71px));
  }
  .dev-middle-card {
    --start: 80%;
    --end: 90%;
    --angle: 180deg;
    -webkit-mask-size: 100% 114%;
    mask-size: 100% 114%;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes logo-group-marquee {
  0% {
    transform: translate(calc(-100% - 1.5rem));
  }
  to {
    transform: translate(0);
  }
}
@keyframes logo-group-marquee-reverse {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(calc(-100% - 1.5rem));
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes shimmer {
  0% {
    background-position: 100%;
  }
  to {
    background-position: 0;
  }
}
@keyframes scroll-x {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes factoid-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}