[style*="--aspect-ratio"]>img {
    height: auto
  }

  [style*="--aspect-ratio"] {
    position: relative
  }

  [style*="--aspect-ratio"]>:first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
  }

  [style*="--aspect-ratio"]:before {
    content: "";
    display: block;
    width: 100%
  }

  @supports not (aspect-ratio:1/1) {
    [style*="--aspect-ratio"]:before {
      height: 0;
      padding-bottom: calc(100% / (var(--aspect-ratio)))
    }
  }

  @supports (aspect-ratio:1/1) {
    [style*="--aspect-ratio"]:before {
      aspect-ratio: calc(var(--aspect-ratio))
    }
  }

  *,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid #ece9e8
  }

  :after,
  :before {
    --tw-content: ""
  }

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

  body {
    margin: 0;
    line-height: inherit
  }

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

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

  button {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
  }

  button {
    text-transform: none
  }

  [type=button],
  button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
  }

  summary {
    display: list-item
  }

  h1,
  h2,
  h3,
  p {
    margin: 0
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0
  }

  button {
    cursor: pointer
  }

  img,
  svg {
    display: block;
    vertical-align: middle
  }

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

  :root {
    --color-foreground-primary: 41 45 50;
    --color-foreground-secondary: 61 64 67;
    --color-foreground-tertiary: 147 150 155;
    --color-foreground-quaternary: 204 204 204;
    --color-foreground-button-heart: 186 186 186;
    --color-foreground-button-unheart: 245 28 80;
    --color-foreground-button-icon: 186 186 186;
    --color-foreground-button-disabled: 186 186 186;
    --color-foreground-button-primary: 255 255 255;
    --color-foreground-button-secondary: 41 45 50;
    --color-foreground-button-secondary-disabled: 186 186 186;
    --color-foreground-button-warning: 255 255 255;
    --color-foreground-hero-overlay: 250 249 249;
    --color-foreground-badge-availability: 41 45 50;
    --color-foreground-badge-message: 255 255 255;
    --color-foreground-badge-complete: 255 255 255;
    --color-foreground-badge-update: 18 136 244;
    --color-foreground-badge-default: 41 45 50;
    --color-foreground-badge-regular: 41 45 50;
    --color-foreground-overlay: 255 255 255;
    --color-foreground-overlay-caption: 208 206 205;
    --color-foreground-placeholder: 110 113 117;
    --color-foreground-disabled: 208 206 205;
    --color-foreground-progress-bar: 41 45 50;
    --color-foreground-error: 235 87 87;
    --color-foreground-success: 49 124 88;
    --color-foreground-delete: 235 87 87;
    --color-foreground-warn: 242 153 74;
    --color-foreground-available: 49 124 88;
    --color-foreground-swap: 211 131 11;
    --color-foreground-inquiry: 110 113 117;
    --color-foreground-form-caption: 18 136 244;
    --color-foreground-subtext: 110 113 117;
    --color-background-primary: 250 249 249;
    --color-background-secondary: 255 255 255;
    --color-background-tertiary: 245 243 243;
    --color-background-placeholder: 250 249 249;
    --color-background-message-active: 245 243 243;
    --color-background-message-quote: 250 249 249;
    --color-background-button-overlay: 245 243 243;
    --color-background-button-primary: 41 45 50;
    --color-background-button-primary-hover: 110 113 117;
    --color-background-button-primary-disabled: 208 206 205;
    --color-background-button-secondary: 255 255 255;
    --color-background-button-secondary-hover: 245 243 243;
    --color-background-button-warning: 235 87 87;
    --color-background-skelton: 110 113 117;
    --color-background-badge-availability: 204 230 205;
    --color-background-badge-message: 18 136 244;
    --color-background-badge-online: 49 124 88;
    --color-background-badge-swap: 249 242 230;
    --color-background-badge-complete: 41 45 50;
    --color-background-badge-default: 236 233 232;
    --color-background-pagination-regular: 41 45 50;
    --color-background-pagination-overlay: 255 255 255;
    --color-background-calendar-marked: 236 233 232;
    --color-background-calendar-marked-disabled: 245 243 243;
    --color-background-checkbox-unfilled: 236 233 232;
    --color-background-checkbox-filled: 41 45 50;
    --color-background-disabled: 208 206 205;
    --color-background-overlay: 41 45 50;
    --color-background-input-error: 235 87 87;
    --color-background-step: 225 222 221;
    --color-background-success: 49 124 88;
    --color-background-success-light: 234 243 238;
    --color-background-available: 234 243 238;
    --color-background-swap: 249 242 230;
    --color-background-swap-dark: 211 131 11;
    --color-background-inquiry: 41 45 50;
    --color-background-video: 0 0 0;
    --color-ring-primary: 41 45 50;
    --border-color-input-focus: 41 45 50;
    --border-color-button-secondary: 225 222 221;
    --border-color-button-secondary-heavy: 41 45 50;
    --border-color-button-secondary-hover: 225 222 221;
    --border-color-divide: 236 233 232;
    --border-color-loading-overlay: 255 255 255;
    --border-color-loading-primary: 208 206 205;
    --border-color-calendar-marked: 41 45 50;
    --border-color-badge-default: 236 233 232;
    --border-color-badge-regular: 225 222 221;
    --border-color-badge-update: 18 136 244;
    --border-radius-input: 0.4rem;
    --letter-spacing-heading-3xl: -0.03rem;
    --letter-spacing-heading-2xl: -0.12rem;
    --letter-spacing-heading-2xl-accent: -0.054rem;
    --letter-spacing-heading-xl: -0.084rem;
    --letter-spacing-heading-l: -0.03rem;
    --letter-spacing-heading-l-accent: -0.0725rem;
    --letter-spacing-heading-m: -0.034rem;
    --letter-spacing-heading-m-accent: -0.011rem;
    --letter-spacing-heading-s: -0.015rem;
    --letter-spacing-heading-xs: -0.013rem;
    --letter-spacing-heading-2xs: -0.011rem;
    --letter-spacing-body-primary: -0.008rem;
    --letter-spacing-body-small-primary: -0.0075rem;
    --letter-spacing-heading-hero: -0.025em;
    --letter-spacing-heading-1: -0.02em;
    --letter-spacing-heading-2: -0.015em;
    --letter-spacing-heading-3: -0.005em;
    --letter-spacing-subheading-1: -0.025em;
    --letter-spacing-body-1: -0.01em;
    --letter-spacing-caption-1: -0.01em
  }

  #__next,
  #font-root,
  :root,
  body {
    width: 100%;
    height: 100%
  }

  :root {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    height: 100%;
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-right: env(safe-area-inset-right);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);
    --keyboard-inset-top: env(keyboard-inset-top);
    --keyboard-inset-right: env(keyboard-inset-right);
    --keyboard-inset-bottom: env(keyboard-inset-bottom);
    --keyboard-inset-left: env(keyboard-inset-left);
    --keyboard-inset-width: env(keyboard-inset-width, 0);
    --keyboard-inset-height: env(keyboard-inset-height, 0);
    --height-header: 56px;
    --dvh: 1vh;
    --full-height: calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));
    --dvw: 1vw;
    --full-width: calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right));
    --responsive-modal-width: 500px;
    --page-padding-x: 16px;
    --chat-rail-width: 360px;
    --side-rail-width: 360px;
    --authed-page-max-width: 1120px;
    --unauthed-dialog-width: 530px;
    --discover-header-height: 130px;
    --profile-layout-max-width: 940px;
    --profile-layout-inner-width: 740px
  }

  @media screen and (min-width:400px) {
    :root {
      --page-padding-x: 24px
    }
  }

  @media screen and (min-width:768px) {
    :root {
      --page-padding-x: 32px;
      --side-rail-width: 253px
    }
  }

  @media screen and (min-width:1440px) {
    :root {
      --page-padding-x: 48px
    }
  }

  @supports (height:1dvh) {
    :root {
      --dvh: 1dvh;
      --full-height: 100dvh
    }
  }

  @supports (width:1dvw) {
    :root {
      --dvw: 1dvw;
      --full-width: 100dvw
    }
  }

  @media (max-width:768px) {
    :root {
      height: var(--full-height);
      min-height: -webkit-fill-available;
      min-height: -moz-available;
      min-height: stretch;
      --height-header: 56px;
      --responsive-modal-width: 100vw;
      --chat-rail-width: 100%;
      --unauthed-dialog-width: 100%;
      --profile-layout-max-width: 100%;
      --profile-layout-inner-width: 100%
    }

    @supports (height:1dvh) {
      :root {
        height: 100dvh
      }
    }

    body {
      -webkit-user-drag: none;
      -ms-content-zooming: none;
      -webkit-text-size-adjust: none;
      -moz-text-size-adjust: none;
      text-size-adjust: none;
      min-height: -webkit-fill-available;
      min-height: -moz-available;
      min-height: stretch;
      min-height: var(--full-height);
      touch-action: manipulation
    }
  }

  body {
    word-wrap: break-word;
    text-rendering: optimizeLegibility;
    font-size: 1.7rem;
    line-height: 1.41;
    --tw-text-opacity: 1;
    color: rgba(var(--color-foreground-primary)/var(--tw-text-opacity))
  }

  svg {
    fill: currentColor
  }

  @media (prefers-reduced-motion:reduce) {

    *,
    :after,
    :before {
      animation-iteration-count: 1 !important;
      animation-duration: 1ms !important;
      transition-duration: 1ms !important
    }
  }

  .-translate-x-14,
  .-translate-y-10,
  .-translate-y-12,
  .-translate-y-full,
  .\32xl\:-translate-y-20,
  .group-open\:-rotate-180,
  .lg\:-translate-y-64,
  .md\:-translate-y-8,
  .md\:translate-y-0,
  .xl\:-translate-y-16 {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1
  }

  .snap-x {
    --tw-scroll-snap-strictness: proximity
  }

  .from-black-100\/50,
  .to-transparent {
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position:
  }

  .hover\:drop-shadow-md {
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow:
  }

  .tham {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity
  }

  .tham:hover {
    opacity: .7
  }

  .tham-box {
    position: relative;
    display: inline-block
  }

  .tham-inner {
    top: 50%;
    display: block;
    background-color: #000;
    position: absolute;
    border-radius: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform
  }

  .tham-inner:after,
  .tham-inner:before {
    content: "";
    background-color: inherit;
    position: absolute;
    display: block;
    border-radius: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform
  }

  .tham.tham-e-squeeze .tham-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: 75ms
  }

  .tham.tham-e-squeeze .tham-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease
  }

  .tham.tham-e-squeeze .tham-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
  }

  .tham-w-6,
  .tham-w-6 .tham-box {
    width: 24px;
    height: 15px
  }

  .tham-w-6 .tham-inner {
    margin-top: -1.5px;
    width: 24px;
    height: 3px
  }

  .tham-w-6 .tham-inner:before {
    width: 24px;
    height: 3px;
    top: -6px
  }

  .tham-w-6 .tham-inner:after {
    width: 24px;
    height: 3px;
    bottom: -6px
  }

  .center-aligned {
    display: flex;
    justify-content: center;
    align-items: center
  }

  .typs-heading-hero {
    font-size: 4.8rem;
    line-height: 1.13;
    letter-spacing: var(--letter-spacing-heading-1);
    font-weight: 300
  }

  @media (min-width:1023px) {
    .typs-heading-hero {
      font-size: 8rem;
      line-height: 1;
      letter-spacing: var(--letter-spacing-heading-hero)
    }
  }

  @media (min-width:1280px) {
    .typs-heading-hero {
      font-size: 9.6rem;
      line-height: 1;
      letter-spacing: var(--letter-spacing-heading-hero)
    }
  }

  .ds-body-primary {
    font-size: 1.7rem;
    line-height: 1.41;
    font-weight: 300;
    line-height: 2.4rem;
    letter-spacing: var(--letter-spacing-body-primary)
  }

  .typs-heading-1 {
    font-size: 3.6rem;
    line-height: 1.13;
    letter-spacing: var(--letter-spacing-heading-2);
    font-weight: 300
  }

  @media (min-width:768px) {
    .typs-heading-1 {
      font-size: 4.8rem;
      line-height: 1.13;
      letter-spacing: var(--letter-spacing-heading-1)
    }
  }

  @media (min-width:1280px) {
    .typs-heading-1 {
      font-size: 6rem;
      line-height: 1;
      letter-spacing: var(--letter-spacing-heading-1)
    }
  }

  .typs-heading-2-bold {
    font-family: var(--font-inter), Inter, sans-serif;
    font-size: 2.8rem;
    line-height: 1.14;
    letter-spacing: var(--letter-spacing-heading-3)
  }

  @media (min-width:1023px) {
    .typs-heading-2-bold {
      font-size: 2.4rem;
      line-height: 1.2;
      letter-spacing: var(--letter-spacing-heading-2)
    }
  }

  @media (min-width:1280px) {
    .typs-heading-2-bold {
      font-size: 3.2rem;
      line-height: 1.13;
      letter-spacing: var(--letter-spacing-heading-2)
    }
  }

  .typs-heading-2-bold {
    font-weight: 700
  }

  .typs-heading-3 {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-heading-1);
    font-family: var(--font-inter), Inter, sans-serif;
    font-weight: 700
  }

  @media (min-width:768px) {
    .typs-heading-3 {
      font-size: 2.4rem;
      line-height: 1.2
    }
  }

  .typs-heading-3-bold {
    font-family: var(--font-inter), Inter, sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-heading-1)
  }

  @media (min-width:768px) {
    .typs-heading-3-bold {
      font-size: 2.4rem;
      line-height: 1.2
    }
  }

  .typs-heading-3-bold {
    font-weight: 700
  }

  .typs-subheading-1-medium {
    font-size: 1.6rem;
    font-weight: 500
  }

  .typs-subheading-1-medium,
  .typs-subheading-2 {
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-subheading-1);
    font-family: var(--font-inter), Inter, sans-serif
  }

  .typs-subheading-2 {
    font-size: 1.4rem;
    font-weight: 600
  }

  @media (min-width:1280px) {
    .typs-subheading-2 {
      font-size: 2rem;
      line-height: 1.4
    }
  }

  .typs-subheading-3 {
    font-family: var(--font-inter), Inter, sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: var(--letter-spacing-subheading-1)
  }

  @media (min-width:1280px) {
    .typs-subheading-3 {
      font-size: 2rem;
      line-height: 1.4
    }
  }

  @media (min-width:1023px) {
    .typs-subheading-3 {
      font-size: 1.6rem;
      line-height: 1.5
    }
  }

  .typs-body-1 {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-body-1);
    font-weight: 300
  }

  @media (min-width:768px) {
    .typs-body-1 {
      font-size: 2rem;
      line-height: 1.4
    }
  }

  .typs-body-2 {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-body-1);
    font-weight: 300
  }

  @media (min-width:1023px) {
    .typs-body-2 {
      font-size: 2rem;
      line-height: 1.4
    }
  }

  .typs-caption-1 {
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: var(--font-inter), Inter, sans-serif
  }

  .typs-caption-1 {
    letter-spacing: var(--letter-spacing-caption-1);
    font-weight: 300
  }

  .typs-caption-2 {
    font-weight: 400
  }

  .typs-caption-2 {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-caption-1);
    font-family: var(--font-inter), Inter, sans-serif
  }

  .typs-caption-3 {
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-caption-1);
    font-family: var(--font-inter), Inter, sans-serif
  }

  @media (min-width:1023px) {
    .typs-caption-3 {
      font-size: 1.6rem;
      line-height: 1.5
    }
  }

  .typs-caption-3-bold {
    font-family: var(--font-inter), Inter, sans-serif;
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-caption-1)
  }

  @media (min-width:1023px) {
    .typs-caption-3-bold {
      font-size: 1.6rem;
      line-height: 1.5
    }
  }

  .typs-caption-3-bold {
    font-weight: 600
  }

  .layout-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem
  }

  @media (min-width:768px) {
    .layout-grid {
      grid-template-columns: repeat(8, minmax(0, 1fr));
      -moz-column-gap: 2.4rem;
      column-gap: 2.4rem
    }
  }

  @media (min-width:1023px) {
    .layout-grid {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      -moz-column-gap: 3.2rem;
      column-gap: 3.2rem
    }
  }

  .col-span-divided {
    grid-column: 1/-1
  }

  @media (min-width:768px) {
    .col-span-divided {
      grid-column: span 4/span 4
    }
  }

  @media (min-width:1023px) {
    .col-span-divided {
      grid-column: span 6/span 6
    }
  }

  .layout-center-space {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: var(--page-padding-x);
    padding-right: var(--page-padding-x)
  }

  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
  }

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

  .absolute {
    position: absolute
  }

  .relative {
    position: relative
  }

  .sticky {
    position: sticky
  }

  .inset-0 {
    inset: 0
  }

  .inset-x-0 {
    left: 0;
    right: 0
  }

  .bottom-0 {
    bottom: 0
  }

  .end-page-x-space {
    inset-inline-end: var(--page-padding-x)
  }

  .start-0 {
    inset-inline-start: 0
  }

  .start-page-x-space {
    inset-inline-start: var(--page-padding-x)
  }

  .top-0 {
    top: 0
  }

  .isolate {
    isolation: isolate
  }

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

  .z-0 {
    z-index: 0
  }

  .z-1 {
    z-index: 1
  }

  .col-span-1 {
    grid-column: span 1/span 1
  }

  .col-span-2 {
    grid-column: span 2/span 2
  }

  .col-span-4 {
    grid-column: span 4/span 4
  }

  .col-span-full {
    grid-column: 1/-1
  }

  .col-start-1 {
    grid-column-start: 1
  }

  .row-span-2 {
    grid-row: span 2/span 2
  }

  .row-start-1 {
    grid-row-start: 1
  }

  .mx-4 {
    margin-left: 1.6rem;
    margin-right: 1.6rem
  }

  .mx-auto {
    margin-left: auto;
    margin-right: auto
  }

  .mx-page-x-space {
    margin-left: var(--page-padding-x);
    margin-right: var(--page-padding-x)
  }

  .my-0 {
    margin-top: 0;
    margin-bottom: 0
  }

  .my-2 {
    margin-top: .8rem;
    margin-bottom: .8rem
  }

  .my-2\.5 {
    margin-top: .625rem;
    margin-bottom: .625rem
  }

  .my-3 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
  }

  .my-4 {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
  }

  .my-5 {
    margin-top: 2rem;
    margin-bottom: 2rem
  }

  .my-6 {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
  }

  .my-8 {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
  }

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

  .-mb-36 {
    margin-bottom: -14.4rem
  }

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

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

  .mb-15 {
    margin-bottom: 6rem
  }

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

  .mb-3 {
    margin-bottom: 1.2rem
  }

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

  .mb-6 {
    margin-bottom: 2.4rem
  }

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

  .me-1 {
    margin-inline-end: .4rem
  }

  .me-2 {
    margin-inline-end: .8rem
  }

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

  .ms-2 {
    margin-inline-start: .8rem
  }

  .ms-3 {
    margin-inline-start: 1.2rem
  }

  .ms-5 {
    margin-inline-start: 2rem
  }

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

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

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

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

  .mt-3 {
    margin-top: 1.2rem
  }

  .mt-4 {
    margin-top: 1.6rem
  }

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

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

  .inline {
    display: inline
  }

  .flex {
    display: flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .size-12 {
    width: 4.8rem;
    height: 4.8rem
  }

  .size-13 {
    width: 5.2rem;
    height: 5.2rem
  }

  .size-3 {
    width: 1.2rem;
    height: 1.2rem
  }

  .size-4 {
    width: 1.6rem;
    height: 1.6rem
  }

  .size-5 {
    width: 2rem;
    height: 2rem
  }

  .size-8 {
    width: 3.2rem;
    height: 3.2rem
  }

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

  .h-1\/3 {
    height: 33.333333%
  }

  .h-1\/4 {
    height: 25%
  }

  .h-full {
    height: 100%
  }

  .h-px {
    height: 1px
  }

  .max-h-5 {
    max-height: 2rem
  }

  .min-h-10 {
    min-height: 4rem
  }

  .min-h-14 {
    min-height: 5.6rem
  }

  .min-h-8 {
    min-height: 3.2rem
  }

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

  .min-h-screen {
    min-height: var(--full-height)
  }

  .w-10 {
    width: 4rem
  }

  .w-2\/5 {
    width: 40%
  }

  .w-24 {
    width: 9.6rem
  }

  .w-full {
    width: 100%
  }

  .w-screen {
    width: var(--full-width)
  }

  .min-w-20 {
    min-width: 8rem
  }

  .min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
  }

  .max-w-1\/2 {
    max-width: 50%
  }

  .max-w-3\/4 {
    max-width: 75%
  }

  .max-w-4\/5 {
    max-width: 80%
  }

  .max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
  }

  .max-w-screen-3xl {
    max-width: 1600px
  }

  .flex-1 {
    flex: 1 1 0%
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .-translate-x-14 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .-translate-x-14 {
    --tw-translate-x: -5.6rem
  }

  .-translate-y-10 {
    --tw-translate-y: -4rem
  }

  .-translate-y-10,
  .-translate-y-12 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .-translate-y-12 {
    --tw-translate-y: -4.8rem
  }

  .-translate-y-full {
    --tw-translate-y: -100%
  }

  .-translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .cursor-pointer {
    cursor: pointer
  }

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

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

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

  .snap-always {
    scroll-snap-stop: always
  }

  .list-none {
    list-style-type: none
  }

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

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

  .flex-row {
    flex-direction: row
  }

  .flex-col {
    flex-direction: column
  }

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

  .flex-nowrap {
    flex-wrap: nowrap
  }

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

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

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

  .items-center {
    align-items: center
  }

  .justify-center {
    justify-content: center
  }

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

  .gap-4 {
    gap: 1.6rem
  }

  .gap-x-3 {
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem
  }

  .gap-x-4 {
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem
  }

  .gap-x-5 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
  }

  .gap-x-9 {
    -moz-column-gap: 3.6rem;
    column-gap: 3.6rem
  }

  .gap-y-10 {
    row-gap: 4rem
  }

  .gap-y-2 {
    row-gap: .8rem
  }

  .gap-y-4 {
    row-gap: 1.6rem
  }

  .gap-y-6 {
    row-gap: 2.4rem
  }

  .space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.6rem * var(--tw-space-y-reverse))
  }

  .divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
  }

  .self-center {
    align-self: center
  }

  .justify-self-start {
    justify-self: start
  }

  .overflow-hidden {
    overflow: hidden
  }

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

  .overflow-x-hidden {
    overflow-x: hidden
  }

  .overflow-y-clip {
    overflow-y: clip
  }

  .overscroll-contain {
    overscroll-behavior: contain
  }

  .whitespace-pre {
    white-space: pre
  }

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

  .rounded-2xl {
    border-radius: 1rem
  }

  .rounded-full {
    border-radius: 9999px
  }

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

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

  .border {
    border-width: 1px
  }

  .border-y {
    border-top-width: 1px;
    border-bottom-width: 1px
  }

  .border-b {
    border-bottom-width: 1px
  }

  .border-button-secondary {
    --tw-border-opacity: 1;
    border-color: rgba(var(--border-color-button-secondary)/var(--tw-border-opacity))
  }

  .border-transparent {
    border-color: transparent
  }

  .bg-black-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(41 45 50/var(--tw-bg-opacity))
  }

  .bg-button-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-button-primary)/var(--tw-bg-opacity))
  }

  .bg-button-secondary {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-button-secondary)/var(--tw-bg-opacity))
  }

  .bg-hero-overlay {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-foreground-hero-overlay)/var(--tw-bg-opacity))
  }

  .bg-overlay {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-overlay)/var(--tw-bg-opacity))
  }

  .bg-placeholder {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-placeholder)/var(--tw-bg-opacity))
  }

  .bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-primary)/var(--tw-bg-opacity))
  }

  .bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-secondary)/var(--tw-bg-opacity))
  }

  .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
  }

  .from-black-100\/50 {
    --tw-gradient-from: rgba(41, 45, 50, .5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(41, 45, 50, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }

  .to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
  }

  .object-contain {
    -o-object-fit: contain;
    object-fit: contain
  }

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

  .p-0 {
    padding: 0
  }

  .p-6 {
    padding: 2.4rem
  }

  .px-4 {
    padding-left: 1.6rem;
    padding-right: 1.6rem
  }

  .px-5 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .px-6 {
    padding-left: 2.4rem;
    padding-right: 2.4rem
  }

  .px-8 {
    padding-left: 3.2rem;
    padding-right: 3.2rem
  }

  .px-page-x-space {
    padding-left: var(--page-padding-x);
    padding-right: var(--page-padding-x)
  }

  .py-1 {
    padding-top: .4rem;
    padding-bottom: .4rem
  }

  .py-10 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .py-12 {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem
  }

  .py-14 {
    padding-top: 5.6rem;
    padding-bottom: 5.6rem
  }

  .py-15 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .py-2 {
    padding-top: .8rem;
    padding-bottom: .8rem
  }

  .py-4 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
  }

  .py-6 {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
  }

  .py-8 {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
  }

  .pb-15 {
    padding-bottom: 6rem
  }

  .pb-6 {
    padding-bottom: 2.4rem
  }

  .pe-2 {
    padding-inline-end: .8rem
  }

  .ps-3 {
    padding-inline-start: 1.2rem
  }

  .text-left {
    text-align: left
  }

  .text-center {
    text-align: center
  }

  .font-crimson {
    font-family: var(--font-crimson), Crimson Pro, Roboto, Open Sans, Helvetica, system-ui
  }

  .font-inter {
    font-family: var(--font-inter), Inter, sans-serif
  }

  .text-s13 {
    font-size: 1.3rem;
    line-height: 1.5
  }

  .font-normal {
    font-weight: 400
  }

  .font-semibold {
    font-weight: 600
  }

  .italic {
    font-style: italic
  }

  .text-button-primary {
    --tw-text-opacity: 1;
    color: rgba(var(--color-foreground-button-primary)/var(--tw-text-opacity))
  }

  .text-button-secondary {
    --tw-text-opacity: 1;
    color: rgba(var(--color-foreground-button-secondary)/var(--tw-text-opacity))
  }

  .text-overlay {
    --tw-text-opacity: 1;
    color: rgba(var(--color-foreground-overlay)/var(--tw-text-opacity))
  }

  .text-placeholder {
    --tw-text-opacity: 1;
    color: rgba(var(--color-foreground-placeholder)/var(--tw-text-opacity))
  }

  .text-secondary {
    --tw-text-opacity: 1;
    color: rgba(var(--color-foreground-secondary)/var(--tw-text-opacity))
  }

  .underline {
    text-decoration-line: underline
  }

  .underline-offset-2 {
    text-underline-offset: 2px
  }

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

  .opacity-0 {
    opacity: 0
  }

  .duration-150 {
    transition-duration: .15s
  }

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

  .animate-faster {
    animation-duration: .5s
  }

  .content-auto {
    content-visibility: auto
  }

  @media (min-width:768px) {
    .md\:layout-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      -moz-column-gap: 1.6rem;
      column-gap: 1.6rem
    }

    @media (min-width:768px) {
      .md\:layout-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
      }
    }

    @media (min-width:1023px) {
      .md\:layout-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem
      }
    }
  }

  @media (min-width:1280px) {
    .xl\:center-aligned {
      display: flex;
      justify-content: center;
      align-items: center
    }
  }

  .last\:border-none:last-child {
    border-style: none
  }

  .hover\:border-button-secondary-hover:hover {
    --tw-border-opacity: 1;
    border-color: rgba(var(--border-color-button-secondary-hover)/var(--tw-border-opacity))
  }

  .hover\:bg-button-primary-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-button-primary-hover)/var(--tw-bg-opacity))
  }

  .hover\:bg-button-secondary-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-button-secondary-hover)/var(--tw-bg-opacity))
  }

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

  .hover\:drop-shadow-md:hover {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06));
    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)
  }

  .focus\:outline-1:focus {
    outline-width: 1px
  }

  .active\:border-button-secondary-hover:active {
    --tw-border-opacity: 1;
    border-color: rgba(var(--border-color-button-secondary-hover)/var(--tw-border-opacity))
  }

  .active\:bg-button-primary-hover:active {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-button-primary-hover)/var(--tw-bg-opacity))
  }

  .active\:bg-button-secondary-hover:active {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-button-secondary-hover)/var(--tw-bg-opacity))
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none
  }

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

  .disabled\:bg-button-primary-disabled:disabled {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-background-button-primary-disabled)/var(--tw-bg-opacity))
  }

  .disabled\:text-button-disabled:disabled {
    --tw-text-opacity: 1;
    color: rgba(var(--color-foreground-button-disabled)/var(--tw-text-opacity))
  }

  .disabled\:text-button-secondary-disabled:disabled {
    --tw-text-opacity: 1;
    color: rgba(var(--color-foreground-button-secondary-disabled)/var(--tw-text-opacity))
  }

  .disabled\:text-overlay:disabled {
    --tw-text-opacity: 1;
    color: rgba(var(--color-foreground-overlay)/var(--tw-text-opacity))
  }

  .group[open] .group-open\:-rotate-180 {
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .scrollbar\:hidden::-webkit-scrollbar {
    display: none
  }

  @media (min-width:640px) {
    .sm\:justify-center {
      justify-content: center
    }

    .sm\:px-5 {
      padding-left: 2rem;
      padding-right: 2rem
    }
  }

  @media (min-width:768px) {
    .md\:absolute {
      position: absolute
    }

    .md\:bottom-5 {
      bottom: 2rem
    }

    .md\:start-5 {
      inset-inline-start: 2rem
    }

    .md\:col-span-2 {
      grid-column: span 2/span 2
    }

    .md\:col-span-4 {
      grid-column: span 4/span 4
    }

    .md\:col-start-5 {
      grid-column-start: 5
    }

    .md\:row-span-3 {
      grid-row: span 3/span 3
    }

    .md\:mx-page-x-space {
      margin-left: var(--page-padding-x);
      margin-right: var(--page-padding-x)
    }

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

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

    .md\:mt-2 {
      margin-top: .8rem
    }

    .md\:block {
      display: block
    }

    .md\:flex {
      display: flex
    }

    .md\:hidden {
      display: none
    }

    .md\:size-4 {
      width: 1.6rem;
      height: 1.6rem
    }

    .md\:max-h-6 {
      max-height: 2.4rem
    }

    .md\:min-h-\[500px\] {
      min-height: 500px
    }

    .md\:w-28 {
      width: 11.2rem
    }

    .md\:max-w-480 {
      max-width: 480px
    }

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

    .md\:-translate-y-8 {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:-translate-y-8 {
      --tw-translate-y: -3.2rem
    }

    .md\:translate-y-0 {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:translate-y-0 {
      --tw-translate-y: 0rem
    }

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

    .md\:flex-row {
      flex-direction: row
    }

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

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

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

    .md\:gap-6 {
      gap: 2.4rem
    }

    .md\:gap-x-10 {
      -moz-column-gap: 4rem;
      column-gap: 4rem
    }

    .md\:gap-x-14 {
      -moz-column-gap: 5.6rem;
      column-gap: 5.6rem
    }

    .md\:space-y-6>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(2.4rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(2.4rem * var(--tw-space-y-reverse))
    }

    .md\:whitespace-pre {
      white-space: pre
    }

    .md\:whitespace-pre-line {
      white-space: pre-line
    }

    .md\:px-0 {
      padding-left: 0;
      padding-right: 0
    }

    .md\:px-10 {
      padding-left: 4rem;
      padding-right: 4rem
    }

    .md\:px-page-x-space {
      padding-left: var(--page-padding-x);
      padding-right: var(--page-padding-x)
    }

    .md\:py-1 {
      padding-top: .4rem;
      padding-bottom: .4rem
    }

    .md\:py-12 {
      padding-top: 4.8rem;
      padding-bottom: 4.8rem
    }

    .md\:py-15 {
      padding-top: 6rem;
      padding-bottom: 6rem
    }

    .md\:py-20 {
      padding-top: 8rem;
      padding-bottom: 8rem
    }

    .md\:py-6 {
      padding-top: 2.4rem;
      padding-bottom: 2.4rem
    }

    .md\:pe-12 {
      padding-inline-end: 4.8rem
    }

    .md\:ps-8 {
      padding-inline-start: 3.2rem
    }

    .md\:pt-15 {
      padding-top: 6rem
    }

    .md\:pt-4 {
      padding-top: 1.6rem
    }

    .md\:text-start {
      text-align: start
    }

    .md\:text-overlay {
      --tw-text-opacity: 1;
      color: rgba(var(--color-foreground-overlay)/var(--tw-text-opacity))
    }
  }

  @media (min-width:1023px) {
    .lg\:bottom-16 {
      bottom: 6.4rem
    }

    .lg\:end-8 {
      inset-inline-end: 3.2rem
    }

    .lg\:col-span-3 {
      grid-column: span 3/span 3
    }

    .lg\:col-span-6 {
      grid-column: span 6/span 6
    }

    .lg\:col-start-8 {
      grid-column-start: 8
    }

    .lg\:mx-10 {
      margin-left: 4rem;
      margin-right: 4rem
    }

    .lg\:mx-8 {
      margin-left: 3.2rem;
      margin-right: 3.2rem
    }

    .lg\:my-6 {
      margin-top: 2.4rem;
      margin-bottom: 2.4rem
    }

    .lg\:my-8 {
      margin-top: 3.2rem;
      margin-bottom: 3.2rem
    }

    .lg\:-mb-28 {
      margin-bottom: -11.2rem
    }

    .lg\:-mb-40 {
      margin-bottom: -16rem
    }

    .lg\:mb-10 {
      margin-bottom: 4rem
    }

    .lg\:mt-10 {
      margin-top: 4rem
    }

    .lg\:mt-4 {
      margin-top: 1.6rem
    }

    .lg\:mt-8 {
      margin-top: 3.2rem
    }

    .lg\:block {
      display: block
    }

    .lg\:flex {
      display: flex
    }

    .lg\:hidden {
      display: none
    }

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

    .lg\:max-w-600 {
      max-width: 600px
    }

    .lg\:-translate-y-64 {
      --tw-translate-y: -16rem
    }

    .lg\:-translate-y-64 {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

    .lg\:gap-x-12 {
      -moz-column-gap: 4.8rem;
      column-gap: 4.8rem
    }

    .lg\:space-y-8>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(3.2rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(3.2rem * var(--tw-space-y-reverse))
    }

    .lg\:border-none {
      border-style: none
    }

    .lg\:px-12 {
      padding-left: 4.8rem;
      padding-right: 4.8rem
    }

    .lg\:px-5 {
      padding-left: 2rem;
      padding-right: 2rem
    }

    .lg\:px-7 {
      padding-left: 2.8rem;
      padding-right: 2.8rem
    }

    .lg\:py-0 {
      padding-top: 0;
      padding-bottom: 0
    }

    .lg\:py-15 {
      padding-top: 6rem;
      padding-bottom: 6rem
    }

    .lg\:py-2 {
      padding-top: .8rem;
      padding-bottom: .8rem
    }

    .lg\:py-20 {
      padding-top: 8rem;
      padding-bottom: 8rem
    }

    .lg\:py-21 {
      padding-top: 8.4rem;
      padding-bottom: 8.4rem
    }

    .lg\:py-3 {
      padding-top: 1.2rem;
      padding-bottom: 1.2rem
    }

    .lg\:py-6 {
      padding-top: 2.4rem;
      padding-bottom: 2.4rem
    }

    .lg\:ps-0 {
      padding-inline-start: 0
    }

    .lg\:ps-8 {
      padding-inline-start: 3.2rem
    }

    .lg\:pt-20 {
      padding-top: 8rem
    }

    .lg\:pt-8 {
      padding-top: 3.2rem
    }

    .lg\:text-s16 {
      font-size: 1.6rem;
      line-height: 1.5
    }
  }

  @media (min-width:1280px) {
    .xl\:mt-0 {
      margin-top: 0
    }

    .xl\:mt-6 {
      margin-top: 2.4rem
    }

    .xl\:block {
      display: block
    }

    .xl\:hidden {
      display: none
    }

    .xl\:max-w-480 {
      max-width: 480px
    }

    .xl\:-translate-y-16 {
      --tw-translate-y: -6.4rem;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:gap-8 {
      gap: 3.2rem
    }

    .xl\:py-24 {
      padding-top: 9.6rem;
      padding-bottom: 9.6rem
    }

    .xl\:pe-72 {
      padding-inline-end: 18rem
    }

    .xl\:pt-16 {
      padding-top: 6.4rem
    }
  }

  @media (min-width:1440px) {
    .\32xl\:-mb-30 {
      margin-bottom: -12rem
    }

    .\32xl\:mt-12 {
      margin-top: 4.8rem
    }

    .\32xl\:block {
      display: block
    }

    .\32xl\:flex {
      display: flex
    }

    .\32xl\:hidden {
      display: none
    }

    .\32xl\:-translate-y-20 {
      --tw-translate-y: -8rem;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\32xl\:p-7 {
      padding: 2.8rem
    }

    .\32xl\:pe-96 {
      padding-inline-end: 24rem
    }

    .\32xl\:pt-24 {
      padding-top: 9.6rem
    }
  }

  @media (min-width:1600px) {
    .\33xl\:block {
      display: block
    }

    .\33xl\:hidden {
      display: none
    }
  }

  .__variable_c29c03 {
    --font-inter: "__Inter_c29c03", sans-serif
  }

  .__variable_85e998 {
    --font-crimson: "__Crimson_Pro_85e998"
  }

  .__variable_c29c03 {
    --sendbird-font-family-default: "__Inter_c29c03"
  }

  @keyframes Accordion_accordion-animation__OUEfJ {
    0% {
      transform: var(--animation-accordion-start-translate);
      opacity: var(--animation-accordion-start-opacity)
    }

    to {
      transform: var(--animation-accordion-end-translate);
      opacity: var(--animation-accordion-end-opacity)
    }
  }

  .Accordion_accordion__d_68a {
    --animation-accordion-start-translate: translateX(-3%);
    --animation-accordion-end-translate: translateX(0);
    --animation-accordion-start-opacity: 0;
    --animation-accordion-end-opacity: 1
  }

  .Accordion_accordion__d_68a[open] .Accordion_accordion-content__mCGnN {
    animation-name: Accordion_accordion-animation__OUEfJ
  }