@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-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-duration: initial;
      --tw-ease: initial;
      --tw-content: ""
    }
  }
}

@layer theme {

  :root,
  :host {
    --spacing: .0625rem;
    --container-xs: 20rem;
    --tracking-tight: -.025em;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --breakpoint-mobile: 47.5rem;
    --breakpoint-tablet: 47.5625rem;
    --breakpoint-desktop: 65rem;
    --font-weight-regular: 400;
    --font-weight-semibold: 700;
    --font-weight-bold: 900;
    --leading-fixed: 100%;
    --leading-small: 120%;
    --leading-medium: 140%;
    --leading-large: 160%;
    --animate-fade-out: fade-out 1s linear forwards;
    --text-heading-xl: 2.25rem;
    --text-heading-l: 2rem;
    --text-heading-m: 1.75rem;
    --text-heading-s: 1.5rem;
    --text-heading-xs: 1.25rem;
    --text-body-xl: 1.125rem;
    --text-body-l: 1rem;
    --text-body-m: .875rem;
    --text-body-s: .75rem;
    --text-body-xs: .625rem;
    --radius-0: 0;
    --radius-2: .125rem;
    --radius-4: .25rem;
    --radius-6: .375rem;
    --radius-8: .5rem;
    --radius-30: 1.875rem;
    --radius-80: 5rem;
    --shadow-0: 0 0 0 0 #0000;
    --shadow-s: 0 0 4px 0 #0000001a;
    --shadow-m: 0 2px 10px 0 #0000001a;
    --shadow-l: 0 4px 16px 0 #0000001a;
    --shadow-xl: 0 6px 28px 0 #0000001a;
    --shadow-ns: 0 0 4px 0 #0000001a;
    --shadow-nm: 0 -2px 10px 0 #0000001a;
    --shadow-nl: 0 -4px 16px 0 #0000001a;
    --shadow-nxl: 0 -6px 28px 0 #0000001a;
    --drop-shadow-0: 0 0 0 #0000;
    --drop-shadow-s: 0 0 4px #0000001a;
    --drop-shadow-m: 0 2px 10px #0000001a;
    --drop-shadow-l: 0 4px 16px #0000001a;
    --drop-shadow-xl: 0 6px 28px #0000001a;
    --drop-shadow-ns: 0 0 4px #0000001a;
    --drop-shadow-nm: 0 -2px 10px #0000001a;
    --drop-shadow-nl: 0 -4px 16px #0000001a;
    --drop-shadow-nxl: 0 -6px 28px #0000001a;
    --color-purple-100: #e4dff9;
    --color-purple-200: #c2b2ff;
    --color-purple-300: #8068f0;
    --color-purple-400: #5e45dc;
    --color-purple-500: #402c9e;
    --color-yellow-100: #ffeec0;
    --color-yellow-200: #ffdb76;
    --color-yellow-300: #ffc03b;
    --color-yellow-400: #f0a400;
    --color-yellow-500: #c78902;
    --color-blue-100: #f3f8ff;
    --color-blue-200: #a8cfff;
    --color-blue-300: #3074e0;
    --color-blue-400: #1650b7;
    --color-blue-500: #162e6b;
    --color-red-100: #fdedec;
    --color-red-200: #fa8788;
    --color-red-300: #e63736;
    --color-red-400: #cc1918;
    --color-red-500: #650c0b;
    --color-orange-100: #ffefec;
    --color-orange-200: #ffa48d;
    --color-orange-300: #ffa48d;
    --color-orange-400: #f04f2d;
    --color-orange-500: #b02b10;
    --color-turquoise-100: #ecfbff;
    --color-turquoise-200: #74d9e8;
    --color-turquoise-300: #03a2bb;
    --color-turquoise-400: #077b8d;
    --color-turquoise-500: #054049;
    --color-green-100: #e4fbf5;
    --color-green-200: #7ee1c6;
    --color-green-300: #06ba89;
    --color-green-400: #07946d;
    --color-green-500: #02553f;
    --color-greyscale-100: #fff;
    --color-greyscale-200: #f7f7f7;
    --color-greyscale-300: #efefef;
    --color-greyscale-400: #e2e2e2;
    --color-greyscale-500: #b3b3b3;
    --color-greyscale-600: #7a7a7a;
    --color-greyscale-700: #636363;
    --color-greyscale-800: #464646;
    --color-greyscale-900: #3a3838;
    --color-greyscale-1000: #222;
    --color-greyscale-1100: #0e0e0e;
    --background-image-ai-gradient: var(--ai-gradient);
    --background-image-ai-gradient-bg: var(--ai-gradient-bg);
    --background-image-neon-main-10: var(--neon-main-10);
    --background-image-neon-main-20: var(--neon-main-20);
    --color-primary: var(--primary);
    --color-primary-hover: var(--primary-hover);
    --color-secondary: var(--secondary);
    --color-highlight: var(--highlight);
    --color-highlight-mg: var(--highlight-mg);
    --color-highlight-bg: var(--highlight-bg);
    --color-primary-fg: var(--primary-fg);
    --color-secondary-fg: var(--secondary-fg);
    --color-fg-10: var(--fg-10);
    --color-fg-20: var(--fg-20);
    --color-fg-30: var(--fg-30);
    --color-bg-10: var(--bg-10);
    --color-bg-20: var(--bg-20);
    --color-bg-30: var(--bg-30);
    --color-bg-40: var(--bg-40);
    --color-bg-50: var(--bg-50);
    --color-bg-100: var(--bg-100);
    --color-border-10: var(--border-10);
    --color-border-20: var(--border-20);
    --color-negative: var(--negative);
    --color-positive: var(--positive);
    --color-positive-hover: var(--positive-hover);
    --color-info: var(--info);
    --color-info-bg: var(--info-bg);
    --color-info-hover: var(--info-hover);
    --color-disabled: var(--disabled);
    --color-disabled-bg: var(--disabled-bg);
    --color-accent: var(--accent);
    --color-accent-bg: var(--accent-bg);
    --color-accent-fg: var(--accent-fg);
    --color-accent-color: var(--accent-color);
    --color-spotlight: var(--spotlight);
    --color-spotlight-bg: var(--spotlight-bg)
  }
}

@layer base {

  *,
  :before,
  :after {
    box-sizing: border-box
  }

  * {
    margin: 0;
    padding: 0
  }

  ul[role=list],
  ol[role=list] {
    list-style: none
  }

  img,
  svg,
  video,
  canvas {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: cover;
    font-style: italic
  }

  img,
  picture {
    display: block
  }

  input,
  button,
  textarea,
  select {
    font: inherit
  }

  body,
  html {
    scroll-behavior: smooth;
    height: 100%
  }

  body {
    color: var(--site-text-color)
  }

  h1,
  h2,
  h3,
  p {
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
    margin-top: 0;
    margin-bottom: 0
  }

  a {
    color: var(--site-text-color);
    cursor: pointer;
    text-decoration: none
  }

  .grecaptcha-badge {
    z-index: 999
  }

  :root:has(.disable-body-scroll) {
    overflow: hidden
  }

  button,
  input[type=button] {
    cursor: pointer
  }

  html {
    font-size: 4.2667vw
  }

  @media (min-width:761px) {
    html {
      font-size: 1rem
    }
  }

  html:focus-within {
    scroll-behavior: smooth
  }

  @keyframes spin-elastic {
    0% {
      transform: rotate(0)
    }

    70% {
      transform: rotate(380deg)
    }

    to {
      transform: rotate(360deg)
    }
  }
}

@layer components;

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

  .collapse {
    visibility: collapse
  }

  .invisible {
    visibility: hidden
  }

  .visible {
    visibility: visible
  }

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .static {
    position: static
  }

  .sticky {
    position: sticky
  }

  .inset-0 {
    inset: 0
  }

  .inset-y-0 {
    inset-block: 0
  }

  .-top-10 {
    top: -.625rem
  }

  .top-0 {
    top: 0
  }

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

  .top-30 {
    top: 1.875rem
  }

  .top-auto {
    top: auto
  }

  .top-full {
    top: 100%
  }

  .right-0 {
    right: 0
  }

  .right-8\! {
    right: .5rem !important
  }

  .right-30 {
    right: 1.875rem
  }

  .right-auto {
    right: auto
  }

  .-bottom-10 {
    bottom: -.625rem
  }

  .bottom-0 {
    bottom: 0
  }

  .bottom-auto {
    bottom: auto
  }

  .bottom-full {
    bottom: 100%
  }

  .left-0 {
    left: 0
  }

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

  .left-8\! {
    left: .5rem !important
  }

  .left-20 {
    left: 1.25rem
  }

  .left-45 {
    left: 2.8125rem
  }

  .left-60 {
    left: 3.75rem
  }

  .left-161 {
    left: 10.0625rem
  }

  .left-auto {
    left: auto
  }

  .z-0 {
    z-index: 0
  }

  .z-1 {
    z-index: 1
  }

  .z-10 {
    z-index: 10
  }

  .z-10\! {
    z-index: 10 !important
  }

  .z-20 {
    z-index: 20
  }

  .z-30 {
    z-index: 30
  }

  .z-50 {
    z-index: 50
  }

  .z-100 {
    z-index: 100
  }

  .z-1000 {
    z-index: 1000
  }

  .z-100000 {
    z-index: 100000
  }

  .-order-1 {
    order: calc(1*-1)
  }

  .order-1 {
    order: 1
  }

  .order-first {
    order: -9999
  }

  .container {
    width: 100%
  }

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

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

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

  .m-0 {
    margin: 0
  }

  .-mx-8 {
    margin-inline: -.5rem
  }

  .-mx-16 {
    margin-inline: -1rem
  }

  .-mx-24 {
    margin-inline: -1.5rem
  }

  .mx-0 {
    margin-inline: 0
  }

  .mx-1 {
    margin-inline: .0625rem
  }

  .mx-20 {
    margin-inline: 1.25rem
  }

  .mx-auto {
    margin-inline: auto
  }

  .my-0 {
    margin-block: 0
  }

  .my-16 {
    margin-block: 1rem
  }

  .my-20 {
    margin-block: 1.25rem
  }

  .my-24 {
    margin-block: 1.5rem
  }

  .-mt-1 {
    margin-top: -.0625rem
  }

  .-mt-30 {
    margin-top: -1.875rem
  }

  .mt-1 {
    margin-top: .0625rem
  }

  .mt-2 {
    margin-top: .125rem
  }

  .mt-5 {
    margin-top: .3125rem
  }

  .mt-6 {
    margin-top: .375rem
  }

  .mt-8 {
    margin-top: .5rem
  }

  .mt-10 {
    margin-top: .625rem
  }

  .mt-12 {
    margin-top: .75rem
  }

  .mt-16 {
    margin-top: 1rem
  }

  .mt-20 {
    margin-top: 1.25rem
  }

  .mt-28 {
    margin-top: 1.75rem
  }

  .mt-30 {
    margin-top: 1.875rem
  }

  .mt-36 {
    margin-top: 2.25rem
  }

  .mr-0 {
    margin-right: 0
  }

  .mr-4 {
    margin-right: .25rem
  }

  .mr-6 {
    margin-right: .375rem
  }

  .mr-10 {
    margin-right: .625rem
  }

  .mr-15 {
    margin-right: .9375rem
  }

  .mr-\[1\.333vw\] {
    margin-right: 1.333vw
  }

  .-mb-1 {
    margin-bottom: -.0625rem
  }

  .-mb-4 {
    margin-bottom: -.25rem
  }

  .-mb-10 {
    margin-bottom: -.625rem
  }

  .-mb-14 {
    margin-bottom: -.875rem
  }

  .mb-4 {
    margin-bottom: .25rem
  }

  .mb-8 {
    margin-bottom: .5rem
  }

  .mb-10 {
    margin-bottom: .625rem
  }

  .mb-12 {
    margin-bottom: .75rem
  }

  .mb-16 {
    margin-bottom: 1rem
  }

  .mb-20 {
    margin-bottom: 1.25rem
  }

  .mb-25 {
    margin-bottom: 1.5625rem
  }

  .-ml-19 {
    margin-left: -1.1875rem
  }

  .ml-3 {
    margin-left: .1875rem
  }

  .ml-4 {
    margin-left: .25rem
  }

  .ml-auto {
    margin-left: auto
  }

  .box-border {
    box-sizing: border-box
  }

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

  .block {
    display: block
  }

  .flex {
    display: flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .inline {
    display: inline
  }

  .inline-block {
    display: inline-block
  }

  .inline-flex {
    display: inline-flex
  }

  .list-item {
    display: list-item
  }

  .table {
    display: table
  }

  .size-18 {
    width: 1.125rem;
    height: 1.125rem
  }

  .size-20 {
    width: 1.25rem;
    height: 1.25rem
  }

  .h-5 {
    height: .3125rem
  }

  .h-8 {
    height: .5rem
  }

  .h-9 {
    height: .5625rem
  }

  .h-10 {
    height: .625rem
  }

  .h-11 {
    height: .6875rem
  }

  .h-12 {
    height: .75rem
  }

  .h-13 {
    height: .8125rem
  }

  .h-14 {
    height: .875rem
  }

  .h-15 {
    height: .9375rem
  }

  .h-16 {
    height: 1rem
  }

  .h-18 {
    height: 1.125rem
  }

  .h-32 {
    height: 2rem
  }

  .h-38 {
    height: 2.375rem
  }

  .h-45 {
    height: 2.8125rem
  }

  .h-46 {
    height: 2.875rem
  }

  .h-50 {
    height: 3.125rem
  }

  .h-82 {
    height: 5.125rem
  }

  .h-350 {
    height: 21.875rem
  }

  .h-auto {
    height: auto
  }

  .h-auto\! {
    height: auto !important
  }

  .h-fit {
    height: fit-content
  }

  .h-full {
    height: 100%
  }

  .min-h-25 {
    min-height: 1.5625rem
  }

  .min-h-28 {
    min-height: 1.75rem
  }

  .min-h-43 {
    min-height: 2.6875rem
  }

  .min-h-70 {
    min-height: 4.375rem
  }

  .min-h-90 {
    min-height: 5.625rem
  }

  .w-1 {
    width: .0625rem
  }

  .w-4 {
    width: .25rem
  }

  .w-5 {
    width: .3125rem
  }

  .w-6 {
    width: .375rem
  }

  .w-8 {
    width: .5rem
  }

  .w-11 {
    width: .6875rem
  }

  .w-12 {
    width: .75rem
  }

  .w-13 {
    width: .8125rem
  }

  .w-14 {
    width: .875rem
  }

  .w-15 {
    width: .9375rem
  }

  .w-16 {
    width: 1rem
  }

  .w-18 {
    width: 1.125rem
  }

  .w-22 {
    width: 1.375rem
  }

  .w-38 {
    width: 2.375rem
  }

  .w-46 {
    width: 2.875rem
  }

  .w-78 {
    width: 4.875rem
  }

  .w-137 {
    width: 8.5625rem
  }

  .w-138 {
    width: 8.625rem
  }

  .w-142 {
    width: 8.875rem
  }

  .w-150 {
    width: 9.375rem
  }

  .w-190 {
    width: 11.875rem
  }

  .w-246 {
    width: 15.375rem
  }

  .w-272 {
    width: 17rem
  }

  .w-295 {
    width: 18.4375rem
  }

  .w-335 {
    width: 20.9375rem
  }

  .w-338 {
    width: 21.125rem
  }

  .w-340 {
    width: 21.25rem
  }

  .w-auto {
    width: auto
  }

  .w-auto\! {
    width: auto !important
  }

  .w-fit {
    width: fit-content
  }

  .w-full {
    width: 100%
  }

  .w-max {
    width: max-content
  }

  .w-screen {
    width: 100vw
  }

  .w-xs {
    width: var(--container-xs)
  }

  .max-w-50 {
    max-width: 3.125rem
  }

  .max-w-70 {
    max-width: 4.375rem
  }

  .max-w-80 {
    max-width: 5rem
  }

  .max-w-120 {
    max-width: 7.5rem
  }

  .max-w-135 {
    max-width: 8.4375rem
  }

  .max-w-246 {
    max-width: 15.375rem
  }

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

  .min-w-0 {
    min-width: 0
  }

  .min-w-38 {
    min-width: 2.375rem
  }

  .min-w-50 {
    min-width: 3.125rem
  }

  .min-w-70 {
    min-width: 4.375rem
  }

  .min-w-80 {
    min-width: 5rem
  }

  .min-w-120 {
    min-width: 7.5rem
  }

  .min-w-135 {
    min-width: 8.4375rem
  }

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

  .flex-1 {
    flex: 1
  }

  .flex-shrink,
  .shrink {
    flex-shrink: 1
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .flex-grow {
    flex-grow: 1
  }

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

  .translate-x-0 {
    --tw-translate-x: calc(.0625rem*0);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

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

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-scale-x-100 {
    --tw-scale-x: calc(100%*-1);
    scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .rotate-0 {
    rotate: none
  }

  .rotate-45 {
    rotate: 45deg
  }

  .rotate-180 {
    rotate: 180deg
  }

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

  .animate-fade-out {
    animation: 1s linear forwards fade-out
  }

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

  .snap-end {
    scroll-snap-align: end
  }

  .snap-start {
    scroll-snap-align: start
  }

  .scroll-px-8 {
    scroll-padding-inline: .5rem
  }

  .scroll-px-16 {
    scroll-padding-inline: 1rem
  }

  .scroll-px-18 {
    scroll-padding-inline: 1.125rem
  }

  .scroll-px-24 {
    scroll-padding-inline: 1.5rem
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none
  }

  .appearance-none {
    appearance: none
  }

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

  .flex-col {
    flex-direction: column
  }

  .flex-row {
    flex-direction: row
  }

  .flex-nowrap {
    flex-wrap: nowrap
  }

  .items-center {
    align-items: center
  }

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

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

  .items-stretch {
    align-items: stretch
  }

  .justify-around {
    justify-content: space-around
  }

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

  .justify-center {
    justify-content: center
  }

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

  .gap-1 {
    gap: .0625rem
  }

  .gap-2 {
    gap: .125rem
  }

  .gap-4 {
    gap: .25rem
  }

  .gap-6 {
    gap: .375rem
  }

  .gap-8 {
    gap: .5rem
  }

  .gap-10 {
    gap: .625rem
  }

  .gap-14 {
    gap: .875rem
  }

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

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

  .gap-x-20 {
    column-gap: 1.25rem
  }

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

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

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

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

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

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

  .gap-y-20 {
    row-gap: 1.25rem
  }

  .self-center {
    align-self: center
  }

  .self-start {
    align-self: flex-start
  }

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

  .overflow-hidden {
    overflow: hidden
  }

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

  .overflow-x-scroll {
    overflow-x: scroll
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain
  }

  .scroll-smooth {
    scroll-behavior: smooth
  }

  .rounded-2 {
    border-radius: .125rem
  }

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

  .rounded-6 {
    border-radius: .375rem
  }

  .rounded-8 {
    border-radius: .5rem
  }

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

  .rounded-tl-0 {
    border-top-left-radius: 0
  }

  .rounded-tl-4 {
    border-top-left-radius: .25rem
  }

  .rounded-br-4 {
    border-bottom-right-radius: .25rem
  }

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

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

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

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

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

  .border-border-10 {
    border-color: var(--border-10)
  }

  .border-fg-10 {
    border-color: var(--fg-10)
  }

  .border-highlight {
    border-color: var(--highlight)
  }

  .border-info {
    border-color: var(--info)
  }

  .bg-bg-10 {
    background-color: var(--bg-10)
  }

  .bg-bg-20 {
    background-color: var(--bg-20)
  }

  .bg-bg-30 {
    background-color: var(--bg-30)
  }

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

  .bg-disabled-bg {
    background-color: var(--disabled-bg)
  }

  .bg-highlight {
    background-color: var(--highlight)
  }

  .bg-highlight-bg {
    background-color: var(--highlight-bg)
  }

  .bg-highlight-mg {
    background-color: var(--highlight-mg)
  }

  .bg-info-bg {
    background-color: var(--info-bg)
  }

  .bg-negative {
    background-color: var(--negative)
  }

  .bg-positive {
    background-color: var(--positive)
  }

  .bg-primary {
    background-color: var(--primary)
  }

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

  .bg-ai-gradient-bg {
    background-image: var(--ai-gradient-bg)
  }

  .object-cover {
    object-fit: cover
  }

  .p-0 {
    padding: 0
  }

  .p-8 {
    padding: .5rem
  }

  .p-20 {
    padding: 1.25rem
  }

  .px-0 {
    padding-inline: 0
  }

  .px-4 {
    padding-inline: .25rem
  }

  .px-8 {
    padding-inline: .5rem
  }

  .px-16 {
    padding-inline: 1rem
  }

  .px-18 {
    padding-inline: 1.125rem
  }

  .px-20 {
    padding-inline: 1.25rem
  }

  .px-24 {
    padding-inline: 1.5rem
  }

  .px-25 {
    padding-inline: 1.5625rem
  }

  .px-26 {
    padding-inline: 1.625rem
  }

  .py-2 {
    padding-block: .125rem
  }

  .py-10 {
    padding-block: .625rem
  }

  .py-12 {
    padding-block: .75rem
  }

  .py-27 {
    padding-block: 1.6875rem
  }

  .pt-7 {
    padding-top: .4375rem
  }

  .pt-10 {
    padding-top: .625rem
  }

  .pt-18 {
    padding-top: 1.125rem
  }

  .pt-32 {
    padding-top: 2rem
  }

  .pr-4 {
    padding-right: .25rem
  }

  .pr-17 {
    padding-right: 1.0625rem
  }

  .pb-12 {
    padding-bottom: .75rem
  }

  .pb-17 {
    padding-bottom: 1.0625rem
  }

  .pb-20 {
    padding-bottom: 1.25rem
  }

  .pl-16 {
    padding-left: 1rem
  }

  .pl-17 {
    padding-left: 1.0625rem
  }

  .text-center {
    text-align: center
  }

  .text-left {
    text-align: left
  }

  .text-right {
    text-align: right
  }

  .text-body-l {
    font-size: 1rem
  }

  .text-body-m {
    font-size: .875rem
  }

  .text-body-s {
    font-size: .75rem
  }

  .text-body-xs {
    font-size: .625rem
  }

  .text-heading-xs {
    font-size: 1.25rem
  }

  .leading-14 {
    --tw-leading: calc(.0625rem*14);
    line-height: .875rem
  }

  .leading-16 {
    --tw-leading: calc(.0625rem*16);
    line-height: 1rem
  }

  .leading-25 {
    --tw-leading: calc(.0625rem*25);
    line-height: 1.5625rem
  }

  .leading-fixed {
    --tw-leading: 100%;
    line-height: 100%
  }

  .leading-large {
    --tw-leading: 160%;
    line-height: 160%
  }

  .leading-medium {
    --tw-leading: 140%;
    line-height: 140%
  }

  .leading-medium\! {
    --tw-leading: 140% !important;
    line-height: 140% !important
  }

  .leading-small {
    --tw-leading: 120%;
    line-height: 120%
  }

  .font-bold {
    --tw-font-weight: 900;
    font-weight: 900
  }

  .font-regular {
    --tw-font-weight: 400;
    font-weight: 400
  }

  .font-semibold {
    --tw-font-weight: 700;
    font-weight: 700
  }

  .tracking-\[0\.031rem\] {
    --tw-tracking: .031rem;
    letter-spacing: .031rem
  }

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

  .wrap-anywhere {
    overflow-wrap: anywhere
  }

  .whitespace-normal {
    white-space: normal
  }

  .whitespace-nowrap {
    white-space: nowrap
  }

  .text-\[0\] {
    color: 0
  }

  .text-accent-color {
    color: var(--accent-color)
  }

  .text-bg-10 {
    color: var(--bg-10)
  }

  .text-border-20 {
    color: var(--border-20)
  }

  .text-fg-10 {
    color: var(--fg-10)
  }

  .text-fg-20 {
    color: var(--fg-20)
  }

  .text-greyscale-600 {
    color: #7a7a7a
  }

  .text-highlight {
    color: var(--highlight)
  }

  .text-info {
    color: var(--info)
  }

  .text-primary {
    color: var(--primary)
  }

  .text-primary-fg {
    color: var(--primary-fg)
  }

  .capitalize {
    text-transform: capitalize
  }

  .lowercase {
    text-transform: lowercase
  }

  .uppercase {
    text-transform: uppercase
  }

  .italic {
    font-style: italic
  }

  .no-underline {
    text-decoration-line: none
  }

  .underline {
    text-decoration-line: underline
  }

  .opacity-100 {
    opacity: 1
  }

  .shadow-l {
    --tw-shadow: 0 4px 16px 0 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-m {
    --tw-shadow: 0 2px 10px 0 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-nl {
    --tw-shadow: 0 -4px 16px 0 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-s {
    --tw-shadow: 0 0 4px 0 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)
  }

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

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

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

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

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

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

  .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\:transform\] {
    will-change: transform
  }

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

  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none
  }

  .\[animation-range\:90\%_100\%\] {
    animation-range: 90% 100%
  }

  .\[animation-timeline\:--table-scroll\] {
    animation-timeline: --table-scroll
  }

  .\[background\:linear-gradient\(270deg\,rgb\(from_var\(--bg-10\)_r_g_b\/0\.77\)_0\%\,transparent_100\%\)\] {
    background: linear-gradient(270deg, rgb(from var(--bg-10)r g b/.77)0%, transparent 100%)
  }

  .\[scroll-timeline\:--table-scroll_inline\] {
    scroll-timeline: --table-scroll inline
  }

  .\[timeline-scope\:--table-scroll\] {
    timeline-scope: --table-scroll
  }

  .before\:hidden\!:before {
    content: var(--tw-content);
    display: none !important
  }

  .last\:mr-0:last-child {
    margin-right: 0
  }

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

    .hover\:bg-bg-20:hover {
      background-color: var(--bg-20)
    }
  }

  @media not all and (min-width:47.5rem) {
    .max-mobile\:-right-\[50\%\] {
      right: -50%
    }

    .max-mobile\:-left-\[50\%\] {
      left: -50%
    }

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

    .max-mobile\:mr-20 {
      margin-right: 1.25rem
    }

    .max-mobile\:ml-20 {
      margin-left: 1.25rem
    }

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

    .max-mobile\:-translate-x-12 {
      --tw-translate-x: calc(.0625rem*-12);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .max-mobile\:-translate-x-120 {
      --tw-translate-x: calc(.0625rem*-120);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .max-mobile\:translate-x-16 {
      --tw-translate-x: calc(.0625rem*16);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .max-mobile\:translate-x-120 {
      --tw-translate-x: calc(.0625rem*120);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .max-mobile\:items-center {
      align-items: center
    }

    .max-mobile\:items-end {
      align-items: flex-end
    }

    .max-mobile\:items-start {
      align-items: flex-start
    }
  }

  @media (min-width:47.5625rem) {
    .tablet\:relative {
      position: relative
    }

    .tablet\:static {
      position: static
    }

    .tablet\:-top-10 {
      top: -.625rem
    }

    .tablet\:top-20 {
      top: 1.25rem
    }

    .tablet\:top-30 {
      top: 1.875rem
    }

    .tablet\:top-34 {
      top: 2.125rem
    }

    .tablet\:top-auto {
      top: auto
    }

    .tablet\:-right-\[50\%\] {
      right: -50%
    }

    .tablet\:right-0 {
      right: 0
    }

    .tablet\:right-35 {
      right: 2.1875rem
    }

    .tablet\:right-40 {
      right: 2.5rem
    }

    .tablet\:right-auto {
      right: auto
    }

    .tablet\:-bottom-10 {
      bottom: -.625rem
    }

    .tablet\:bottom-40 {
      bottom: 2.5rem
    }

    .tablet\:-left-35 {
      left: -2.1875rem
    }

    .tablet\:-left-\[50\%\] {
      left: -50%
    }

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

    .tablet\:left-2 {
      left: .125rem
    }

    .tablet\:left-100 {
      left: 6.25rem
    }

    .tablet\:left-auto {
      left: auto
    }

    .tablet\:z-auto {
      z-index: auto
    }

    .tablet\:order-0 {
      order: 0
    }

    .tablet\:-mx-8 {
      margin-inline: -.5rem
    }

    .tablet\:-mx-16 {
      margin-inline: -1rem
    }

    .tablet\:-mx-24 {
      margin-inline: -1.5rem
    }

    .tablet\:mx-0 {
      margin-inline: 0
    }

    .tablet\:mx-auto {
      margin-inline: auto
    }

    .tablet\:my-0 {
      margin-block: 0
    }

    .tablet\:my-20 {
      margin-block: 1.25rem
    }

    .tablet\:mt-0 {
      margin-top: 0
    }

    .tablet\:mt-2 {
      margin-top: .125rem
    }

    .tablet\:mt-4 {
      margin-top: .25rem
    }

    .tablet\:mt-6 {
      margin-top: .375rem
    }

    .tablet\:mt-10 {
      margin-top: .625rem
    }

    .tablet\:mt-12 {
      margin-top: .75rem
    }

    .tablet\:mt-16 {
      margin-top: 1rem
    }

    .tablet\:mt-20 {
      margin-top: 1.25rem
    }

    .tablet\:mt-25 {
      margin-top: 1.5625rem
    }

    .tablet\:mt-26 {
      margin-top: 1.625rem
    }

    .tablet\:mt-60 {
      margin-top: 3.75rem
    }

    .tablet\:mr-0 {
      margin-right: 0
    }

    .tablet\:mr-3 {
      margin-right: .1875rem
    }

    .tablet\:mr-4 {
      margin-right: .25rem
    }

    .tablet\:mr-8 {
      margin-right: .5rem
    }

    .tablet\:mr-12 {
      margin-right: .75rem
    }

    .tablet\:mr-20 {
      margin-right: 1.25rem
    }

    .tablet\:mb-0 {
      margin-bottom: 0
    }

    .tablet\:mb-20 {
      margin-bottom: 1.25rem
    }

    .tablet\:mb-24 {
      margin-bottom: 1.5rem
    }

    .tablet\:mb-30 {
      margin-bottom: 1.875rem
    }

    .tablet\:mb-50 {
      margin-bottom: 3.125rem
    }

    .tablet\:ml-0 {
      margin-left: 0
    }

    .tablet\:ml-2 {
      margin-left: .125rem
    }

    .tablet\:ml-5 {
      margin-left: .3125rem
    }

    .tablet\:ml-20 {
      margin-left: 1.25rem
    }

    .tablet\:ml-35 {
      margin-left: 2.1875rem
    }

    .tablet\:line-clamp-none {
      -webkit-line-clamp: unset;
      -webkit-box-orient: horizontal;
      display: block;
      overflow: visible
    }

    .tablet\:block {
      display: block
    }

    .tablet\:flex {
      display: flex
    }

    .tablet\:hidden {
      display: none
    }

    .tablet\:inline {
      display: inline
    }

    .tablet\:size-24 {
      width: 1.5rem;
      height: 1.5rem
    }

    .tablet\:size-35 {
      width: 2.1875rem;
      height: 2.1875rem
    }

    .tablet\:h-14 {
      height: .875rem
    }

    .tablet\:h-30 {
      height: 1.875rem
    }

    .tablet\:h-44 {
      height: 2.75rem
    }

    .tablet\:h-116 {
      height: 7.25rem
    }

    .tablet\:h-150 {
      height: 9.375rem
    }

    .tablet\:h-auto {
      height: auto
    }

    .tablet\:h-fit {
      height: fit-content
    }

    .tablet\:h-full {
      height: 100%
    }

    .tablet\:min-h-0 {
      min-height: 0
    }

    .tablet\:min-h-50 {
      min-height: 3.125rem
    }

    .tablet\:min-h-78 {
      min-height: 4.875rem
    }

    .tablet\:min-h-100 {
      min-height: 6.25rem
    }

    .tablet\:w-14 {
      width: .875rem
    }

    .tablet\:w-150 {
      width: 9.375rem
    }

    .tablet\:w-180 {
      width: 11.25rem
    }

    .tablet\:w-212 {
      width: 13.25rem
    }

    .tablet\:w-272 {
      width: 17rem
    }

    .tablet\:w-382 {
      width: 23.875rem
    }

    .tablet\:w-415 {
      width: 25.9375rem
    }

    .tablet\:w-660 {
      width: 41.25rem
    }

    .tablet\:w-720 {
      width: 45rem
    }

    .tablet\:w-722 {
      width: 45.125rem
    }

    .tablet\:w-auto {
      width: auto
    }

    .tablet\:w-full {
      width: 100%
    }

    .tablet\:w-max {
      width: max-content
    }

    .tablet\:w-xs {
      width: var(--container-xs)
    }

    .tablet\:max-w-74 {
      max-width: 4.625rem
    }

    .tablet\:max-w-125 {
      max-width: 7.8125rem
    }

    .tablet\:max-w-300 {
      max-width: 18.75rem
    }

    .tablet\:max-w-720 {
      max-width: 45rem
    }

    .tablet\:max-w-full {
      max-width: 100%
    }

    .tablet\:max-w-none {
      max-width: none
    }

    .tablet\:min-w-0 {
      min-width: 0
    }

    .tablet\:min-w-74 {
      min-width: 4.625rem
    }

    .tablet\:min-w-125 {
      min-width: 7.8125rem
    }

    .tablet\:min-w-130 {
      min-width: 8.125rem
    }

    .tablet\:min-w-200 {
      min-width: 12.5rem
    }

    .tablet\:min-w-auto {
      min-width: auto
    }

    .tablet\:shrink {
      flex-shrink: 1
    }

    .tablet\:shrink-0 {
      flex-shrink: 0
    }

    .tablet\:flex-grow {
      flex-grow: 1
    }

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

    .tablet\:-translate-x-12 {
      --tw-translate-x: calc(.0625rem*-12);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .tablet\:translate-x-0 {
      --tw-translate-x: calc(.0625rem*0);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .tablet\:translate-x-16 {
      --tw-translate-x: calc(.0625rem*16);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .tablet\:translate-y-0 {
      --tw-translate-y: calc(.0625rem*0);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .tablet\:cursor-default {
      cursor: default
    }

    .tablet\:cursor-pointer {
      cursor: pointer
    }

    .tablet\:snap-none {
      scroll-snap-type: none
    }

    .tablet\:snap-x {
      scroll-snap-type: x var(--tw-scroll-snap-strictness)
    }

    .tablet\:snap-mandatory {
      --tw-scroll-snap-strictness: mandatory
    }

    .tablet\:\[scroll-snap-align\:unset\] {
      scroll-snap-align: unset
    }

    .tablet\:snap-align-none {
      scroll-snap-align: none
    }

    .tablet\:scroll-px-0 {
      scroll-padding-inline: 0
    }

    .tablet\:scroll-px-8 {
      scroll-padding-inline: .5rem
    }

    .tablet\:scroll-px-16 {
      scroll-padding-inline: 1rem
    }

    .tablet\:scroll-px-24 {
      scroll-padding-inline: 1.5rem
    }

    .tablet\:\[scrollbar-width\:none\] {
      scrollbar-width: none
    }

    .tablet\:columns-2 {
      columns: 2
    }

    .tablet\:break-inside-avoid-column {
      break-inside: avoid-column
    }

    .tablet\:flex-col {
      flex-direction: column
    }

    .tablet\:items-center {
      align-items: center
    }

    .tablet\:items-end {
      align-items: flex-end
    }

    .tablet\:items-start {
      align-items: flex-start
    }

    .tablet\:justify-between {
      justify-content: space-between
    }

    .tablet\:justify-normal {
      justify-content: normal
    }

    .tablet\:gap-12 {
      gap: .75rem
    }

    :where(.tablet\:space-x-8>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(.0625rem*8)*var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(.0625rem*8)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.tablet\:space-x-12>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(.0625rem*12)*var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(.0625rem*12)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.tablet\:space-x-14>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(.0625rem*14)*var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(.0625rem*14)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.tablet\:space-x-40>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(.0625rem*40)*var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(.0625rem*40)*calc(1 - var(--tw-space-x-reverse)))
    }

    .tablet\:overflow-hidden {
      overflow: hidden
    }

    .tablet\:overflow-visible {
      overflow: visible
    }

    .tablet\:overflow-x-auto {
      overflow-x: auto
    }

    .tablet\:overscroll-x-contain {
      overscroll-behavior-x: contain
    }

    .tablet\:scroll-smooth {
      scroll-behavior: smooth
    }

    .tablet\:rounded-2 {
      border-radius: .125rem
    }

    .tablet\:rounded-tl-4 {
      border-top-left-radius: .25rem
    }

    .tablet\:rounded-br-4 {
      border-bottom-right-radius: .25rem
    }

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

    .tablet\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0
    }

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

    .tablet\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0
    }

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

    .tablet\:border-\[var\(--highlight\)\] {
      border-color: var(--highlight)
    }

    .tablet\:border-border-10 {
      border-color: var(--border-10)
    }

    .tablet\:border-fg-10 {
      border-color: var(--fg-10)
    }

    .tablet\:bg-\[var\(--highlight-bg\)\] {
      background-color: var(--highlight-bg)
    }

    .tablet\:bg-transparent {
      background-color: #0000
    }

    .tablet\:p-16 {
      padding: 1rem
    }

    .tablet\:px-0 {
      padding-inline: 0
    }

    .tablet\:px-4 {
      padding-inline: .25rem
    }

    .tablet\:px-8 {
      padding-inline: .5rem
    }

    .tablet\:px-12 {
      padding-inline: .75rem
    }

    .tablet\:px-16 {
      padding-inline: 1rem
    }

    .tablet\:px-20 {
      padding-inline: 1.25rem
    }

    .tablet\:px-24 {
      padding-inline: 1.5rem
    }

    .tablet\:px-25 {
      padding-inline: 1.5625rem
    }

    .tablet\:py-0 {
      padding-block: 0
    }

    .tablet\:py-4 {
      padding-block: .25rem
    }

    .tablet\:py-6 {
      padding-block: .375rem
    }

    .tablet\:py-10 {
      padding-block: .625rem
    }

    .tablet\:py-12 {
      padding-block: .75rem
    }

    .tablet\:py-27 {
      padding-block: 1.6875rem
    }

    .tablet\:pt-18 {
      padding-top: 1.125rem
    }

    .tablet\:pt-20 {
      padding-top: 1.25rem
    }

    .tablet\:pt-32 {
      padding-top: 2rem
    }

    .tablet\:pr-0 {
      padding-right: 0
    }

    .tablet\:pb-12 {
      padding-bottom: .75rem
    }

    .tablet\:pb-16 {
      padding-bottom: 1rem
    }

    .tablet\:pb-20 {
      padding-bottom: 1.25rem
    }

    .tablet\:pl-0 {
      padding-left: 0
    }

    .tablet\:text-left {
      text-align: left
    }

    .tablet\:text-body-l {
      font-size: 1rem
    }

    .tablet\:text-body-m {
      font-size: .875rem
    }

    .tablet\:text-body-s {
      font-size: .75rem
    }

    .tablet\:text-heading-s {
      font-size: 1.5rem
    }

    .tablet\:leading-large {
      --tw-leading: 160%;
      line-height: 160%
    }

    .tablet\:leading-small {
      --tw-leading: 120%;
      line-height: 120%
    }

    .tablet\:font-bold {
      --tw-font-weight: 900;
      font-weight: 900
    }

    .tablet\:font-regular {
      --tw-font-weight: 400;
      font-weight: 400
    }

    .tablet\:font-semibold {
      --tw-font-weight: 700;
      font-weight: 700
    }

    .tablet\:whitespace-normal {
      white-space: normal
    }

    .tablet\:whitespace-nowrap {
      white-space: nowrap
    }

    .tablet\:text-\[var\(--highlight\)\] {
      color: var(--highlight)
    }

    .tablet\:no-underline {
      text-decoration-line: none
    }

    .tablet\:shadow-0 {
      --tw-shadow: 0 0 0 0 var(--tw-shadow-color, #0000);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .tablet\: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)
    }

    .tablet\:drop-shadow-l {
      --tw-drop-shadow-size: drop-shadow(0 4px 16px var(--tw-drop-shadow-color, #0000001a));
      --tw-drop-shadow: drop-shadow(0 4px 16px #0000001a);
      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, )
    }

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

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

    .tablet\: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))
    }

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

    :is(.tablet\:\*\:h-30>*) {
      height: 1.875rem
    }

    :is(.tablet\:\*\:h-32>*) {
      height: 2rem
    }

    :is(.tablet\:\*\:w-full>*) {
      width: 100%
    }

    @media (hover:hover) {
      .tablet\:group-hover\:block:is(:where(.group):hover *) {
        display: block
      }

      .tablet\:group-hover\:hidden:is(:where(.group):hover *) {
        display: none
      }

      .tablet\:group-hover\:animate-\[spin-elastic_0\.7s_cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\]:is(:where(.group):hover *) {
        animation: .7s cubic-bezier(.34, 1.56, .64, 1) spin-elastic
      }

      .tablet\:hover\:shadow-l:hover {
        --tw-shadow: 0 4px 16px 0 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)
      }

      .tablet\:hover\:shadow-m:hover {
        --tw-shadow: 0 2px 10px 0 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)
      }
    }

    @media not all and (min-width:65rem) {
      .tablet\:max-desktop\:hidden {
        display: none
      }

      .tablet\:max-desktop\:w-720 {
        width: 45rem
      }
    }
  }

  @media (min-width:65rem) {
    .desktop\:relative {
      position: relative
    }

    .desktop\:right-0 {
      right: 0
    }

    .desktop\:right-50 {
      right: 3.125rem
    }

    .desktop\:-bottom-10 {
      bottom: -.625rem
    }

    .desktop\:bottom-40 {
      bottom: 2.5rem
    }

    .desktop\:left-0 {
      left: 0
    }

    .desktop\:left-50 {
      left: 3.125rem
    }

    .desktop\:left-auto {
      left: auto
    }

    .desktop\:mx-2 {
      margin-inline: .125rem
    }

    .desktop\:mx-auto {
      margin-inline: auto
    }

    .desktop\:my-16 {
      margin-block: 1rem
    }

    .desktop\:mt-0 {
      margin-top: 0
    }

    .desktop\:mt-3 {
      margin-top: .1875rem
    }

    .desktop\:mt-10 {
      margin-top: .625rem
    }

    .desktop\:mt-20 {
      margin-top: 1.25rem
    }

    .desktop\:mr-12 {
      margin-right: .75rem
    }

    .desktop\:mr-30 {
      margin-right: 1.875rem
    }

    .desktop\:mb-0 {
      margin-bottom: 0
    }

    .desktop\:mb-10 {
      margin-bottom: .625rem
    }

    .desktop\:flex {
      display: flex
    }

    .desktop\:grid {
      display: grid
    }

    .desktop\:hidden {
      display: none
    }

    .desktop\:h-4 {
      height: .25rem
    }

    .desktop\:h-30 {
      height: 1.875rem
    }

    .desktop\:h-42 {
      height: 2.625rem
    }

    .desktop\:h-88 {
      height: 5.5rem
    }

    .desktop\:h-150 {
      height: 9.375rem
    }

    .desktop\:h-auto {
      height: auto
    }

    .desktop\:h-full {
      height: 100%
    }

    .desktop\:w-1 {
      width: .0625rem
    }

    .desktop\:w-88 {
      width: 5.5rem
    }

    .desktop\:w-150 {
      width: 9.375rem
    }

    .desktop\:w-720 {
      width: 45rem
    }

    .desktop\:w-1000 {
      width: 62.5rem
    }

    .desktop\:w-full {
      width: 100%
    }

    .desktop\:max-w-74 {
      max-width: 4.625rem
    }

    .desktop\:max-w-125 {
      max-width: 7.8125rem
    }

    .desktop\:max-w-128 {
      max-width: 8rem
    }

    .desktop\:max-w-130 {
      max-width: 8.125rem
    }

    .desktop\:max-w-168 {
      max-width: 10.5rem
    }

    .desktop\:max-w-800 {
      max-width: 50rem
    }

    .desktop\:max-w-1000 {
      max-width: 62.5rem
    }

    .desktop\:min-w-74 {
      min-width: 4.625rem
    }

    .desktop\:min-w-125 {
      min-width: 7.8125rem
    }

    .desktop\:min-w-128 {
      min-width: 8rem
    }

    .desktop\:min-w-130 {
      min-width: 8.125rem
    }

    .desktop\:min-w-168 {
      min-width: 10.5rem
    }

    .desktop\:columns-3 {
      columns: 3
    }

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

    .desktop\:items-center {
      align-items: center
    }

    .desktop\:gap-x-12 {
      column-gap: .75rem
    }

    .desktop\:gap-y-24 {
      row-gap: 1.5rem
    }

    .desktop\:rounded-2 {
      border-radius: .125rem
    }

    .desktop\:rounded-4 {
      border-radius: .25rem
    }

    .desktop\:rounded-6 {
      border-radius: .375rem
    }

    .desktop\:bg-bg-20 {
      background-color: var(--bg-20)
    }

    .desktop\:bg-bg-30 {
      background-color: var(--bg-30)
    }

    .desktop\:bg-blue-100 {
      background-color: #f3f8ff
    }

    .desktop\:bg-transparent {
      background-color: #0000
    }

    .desktop\:px-8 {
      padding-inline: .5rem
    }

    .desktop\:px-20 {
      padding-inline: 1.25rem
    }

    .desktop\:py-10 {
      padding-block: .625rem
    }

    .desktop\:text-body-l {
      font-size: 1rem
    }

    .desktop\:text-body-m {
      font-size: .875rem
    }

    .desktop\:text-body-s {
      font-size: .75rem
    }

    .desktop\:text-body-xl {
      font-size: 1.125rem
    }

    .desktop\:text-heading-s {
      font-size: 1.5rem
    }

    .desktop\:leading-medium {
      --tw-leading: 140%;
      line-height: 140%
    }

    .desktop\:text-\[var\(--highlight\)\] {
      color: var(--highlight)
    }

    .desktop\: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))
    }

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

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

    :is(.desktop\:\*\:h-30>*) {
      height: 1.875rem
    }

    :is(.desktop\:\*\:h-32>*) {
      height: 2rem
    }

    @media (hover:hover) {
      .desktop\:group-hover\:block:is(:where(.group):hover *) {
        display: block
      }

      .desktop\:group-hover\:flex:is(:where(.group):hover *) {
        display: flex
      }
    }

    .desktop\:last\:mr-0:last-child {
      margin-right: 0
    }

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

      .desktop\:hover\:font-bold:hover {
        --tw-font-weight: 900;
        font-weight: 900
      }

      .desktop\:hover\:font-semibold:hover {
        --tw-font-weight: 700;
        font-weight: 700
      }

      .desktop\:hover\:underline:hover {
        text-decoration-line: underline
      }
    }
  }

  .\[\&_\.slick-list\]\:h-full .slick-list,
  .\[\&_\.slick-slide\]\:h-full .slick-slide,
  .\[\&_\.slick-slide\>div\]\:h-full .slick-slide>div,
  .\[\&_\.slick-slider\]\:h-full .slick-slider,
  .\[\&_\.slick-track\]\:h-full .slick-track {
    height: 100%
  }

  .\[\&_span\]\:text-body-s span {
    font-size: .75rem
  }

  .\[\&_span\]\:leading-large span {
    --tw-leading: 160%;
    line-height: 160%
  }

  .\[\&_span\]\:font-regular span {
    --tw-font-weight: 400;
    font-weight: 400
  }

  .\[\&_span\]\:text-fg-20 span {
    color: var(--fg-20)
  }

  .\[\&_span_span\]\:text-body-m span span {
    font-size: .875rem
  }

  .\[\&\.slick-disabled\]\:hidden\!.slick-disabled {
    display: none !important
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none
  }

  @media (min-width:47.5625rem) {
    .tablet\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
      display: none
    }
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:hidden>:not(:first-child) {
    display: none
  }

  @media (min-width:47.5625rem) {
    .tablet\:\[\&\>\*\:not\(\:first-child\)\]\:flex>:not(:first-child) {
      display: flex
    }
  }

  .\[\&\>\*\:not\(svg\)\]\:hidden>:not(svg) {
    display: none
  }

  @media (min-width:47.5625rem) {
    .tablet\:\[\&\>\*\:not\(svg\)\]\:block>:not(svg) {
      display: block
    }

    .tablet\:\[\&\>a\]\:h-full>a {
      height: 100%
    }

    .tablet\:\[\&\>a\]\:w-full>a {
      width: 100%
    }
  }

  .\[\&\>svg\]\:m-0>svg {
    margin: 0
  }

  .\[\&\>svg\]\:shrink-0>svg {
    flex-shrink: 0
  }

  @keyframes fade-out {
    to {
      opacity: 0
    }
  }
}

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

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

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

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

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

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

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

@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-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-duration {
  syntax: "*";
  inherits: false
}

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

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: ""
}