@layer reset {
  html, :host {
    --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--global-font-body, var(--font-fallback));
    -webkit-tap-highlight-color: transparent;
  }

  *, :before, :after, ::backdrop {
    border-style: solid;
    border-width: 0;
    border-color: var(--global-color-border, currentcolor);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    border-style: solid;
    border-width: 0;
    border-color: var(--global-color-border, currentcolor);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

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

  body {
    line-height: inherit;
    height: 100%;
  }

  img {
    border-style: none;
  }

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

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

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

  p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
  }

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

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

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

  button, input, optgroup, select, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    background: none;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    background: none;
  }

  ::placeholder {
    --placeholder-fallback: #00000080;
    opacity: 1;
    color: var(--global-color-placeholder, var(--placeholder-fallback));
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }

  ::selection {
    background-color: var(--global-color-selection, #0073ff4d);
  }

  textarea {
    resize: vertical;
  }

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

  summary {
    display: list-item;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  dialog {
    padding: 0;
  }

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

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

  b, strong {
    font-weight: bolder;
  }

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

  progress {
    vertical-align: baseline;
  }

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

  ::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }

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

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

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

  :-moz-focusring {
    outline: auto;
  }

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

@layer base {
  :root {
    --made-with-panda: "🐼";
  }

  @font-face {
    font-family: OpenSans;
    src: url("/hubfs/OpenSans-Variable.ttf") format("truetype-variations");
    font-display: swap;
  }

  html {
    color: var(--colors-text-primary);
  }

  *, :before, :after, ::backdrop {
    --blur:   ;
    --brightness:   ;
    --contrast:   ;
    --grayscale:   ;
    --hue-rotate:   ;
    --invert:   ;
    --saturate:   ;
    --sepia:   ;
    --drop-shadow:   ;
    --backdrop-blur:   ;
    --backdrop-brightness:   ;
    --backdrop-contrast:   ;
    --backdrop-grayscale:   ;
    --backdrop-hue-rotate:   ;
    --backdrop-invert:   ;
    --backdrop-opacity:   ;
    --backdrop-saturate:   ;
    --backdrop-sepia:   ;
    --gradient-from-position:   ;
    --gradient-to-position:   ;
    --gradient-via-position:   ;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --rotate-x: 0;
    --rotate-y: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
  }

  :where(:root, :host) {
    --font-headline: OpenSans;
    --font-text: OpenSans;
  }

  @font-face {
    font-family: OpenSans;
    src: url("/hubfs/OpenSans-Variable.ttf") format("truetype-variations");
    font-display: swap;
  }

  @media (max-width: 420px) {
    body {
      overflow-wrap: break-word;
      word-break: break-word;
      hyphens: auto;
    }
  }
}

@layer tokens {
  :where(:root, :host) {
    --gradients-background: linear-gradient(85deg, #121d59 0%, #8200ad 99.88%);
    --gradients-slider-dot: linear-gradient(258deg, #90c 0%, #f3c 100%);
    --gradients-overview: linear-gradient(81deg, #3535ff 13.5%, #7611dd 59.18%, #90c 74.91%, #ff0f01 119.17%);
    --colors-primary-base: #153bff;
    --colors-primary-light: #a3b2ff;
    --colors-primary-extralight: #dbe1ff;
    --colors-primary-ultralight: #e5eaff;
    --colors-primary-dark: #1d3295;
    --colors-secondary-base: #ff971d;
    --colors-secondary-light: #ffc581;
    --colors-secondary-extralight: #ffecd6;
    --colors-secondary-ultralight: #fff8f0;
    --colors-secondary-dark: #1d3295;
    --colors-text-primary: #051f4e;
    --colors-text-secondary: #434a50;
    --colors-text-contrast: #fff;
    --colors-text-invert: #fff;
    --colors-button: var(--colors-primary-base);
    --colors-highlight: #a3b2ff;
    --fonts-headline: var(--font-headline);
    --fonts-text: var(--font-text);
    --spacing-1: 8px;
    --spacing-2: 16px;
    --spacing-3: 24px;
    --spacing-4: 32px;
    --spacing-5: 40px;
    --spacing-6: 48px;
    --spacing-8: 64px;
    --spacing-0-5: 4px;
    --spacing-1-5: 12px;
    --spacing-2-5: 20px;
    --spacing-3-5: 28px;
    --spacing-5-5: 44px;
    --radii-xs: 4px;
    --radii-sm: 8px;
    --radii-md: 12px;
    --radii-lg: 16px;
    --radii-xl: 32px;
    --radii-button: 10px;
    --shadows-default: 0 0 20px 0 #0000001a;
    --breakpoints-md: 768px;
    --sizes-breakpoint-md: 768px;
    --colors-border: #051f4e33;
    --colors-placeholder: #051f4e66;
    --colors-faq-item-bg: var(--colors-text-invert);
    --colors-faq-item-icon: #4d636b;
    --colors-card-bg: #fff;
    --colors-card-description: var(--colors-text-secondary);
    --colors-secondary: #fff;
    --spacing-card-px-sm: var(--spacing-3);
    --spacing-section-px-sm: var(--spacing-2);
    --spacing-section-px-md: var(--spacing-1);
    --spacing-section-py-sm: var(--spacing-5);
    --spacing-section-py-md: var(--spacing-8);
    --spacing-card: var(--spacing-2-5) var(--spacing-2);
    --spacing-card-gap: var(--spacing-2);
    --spacing-faq: var(--spacing-2);
    --spacing-faq-gap: var(--spacing-1-5);
    --spacing-faq-item-p: var(--spacing-2-5) var(--spacing-2);
    --spacing-faq-item-gap: var(--spacing-1);
    --radii-box: 8px;
    --radii-btn: var(--radii-button);
    --radii-faq-item: var(--radii-lg);
    --radii-card: var(--radii-lg);
    --shadows-box: var(--shadows-default);
    --shadows-faq-item: var(--shadows-default);
  }

  @keyframes scaleIn {
    from {
      opacity: 0;
      transform: rotateX(-30deg)scale(.9);
    }

    to {
      opacity: 1;
      transform: rotateX(0)scale(1);
    }
  }

  @keyframes scaleOut {
    from {
      opacity: 1;
      transform: rotateX(0)scale(1);
    }

    to {
      opacity: 0;
      transform: rotateX(-10deg)scale(.95);
    }
  }

  @keyframes slideIn {
    from {
      opacity: 0;
      transform: translateY(64px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes slideOut {
    from {
      opacity: 1;
      transform: translateY(0);
    }

    to {
      opacity: 0;
      transform: translateY(64px);
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes fadeOut {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @media screen and (min-width: 48rem) {
    :where(:root, :host) {
      --spacing-card: var(--spacing-3-5) var(--spacing-3);
      --spacing-card-gap: var(--spacing-3);
      --spacing-faq: var(--spacing-3);
      --spacing-faq-gap: var(--spacing-2);
      --spacing-faq-item-p: var(--spacing-3) var(--spacing-2-5);
      --spacing-faq-item-gap: var(--spacing-2);
    }
  }
}

@layer recipes {
  @layer _base {
    .button {
      border-radius: var(--radii-btn);
      text-align: center;
      font-family: var(--fonts-text);
      cursor: pointer;
      gap: 12px;
      padding-block: 12px;
      padding-inline: 20px;
      font-size: 14px;
      font-weight: 700;
      line-height: 100%;
      display: inline;
    }

    .button {
      border-radius: var(--radii-btn);
      text-align: center;
      font-family: var(--fonts-text);
      cursor: pointer;
      gap: 12px;
      padding-block: 12px;
      padding-inline: 20px;
      font-size: 14px;
      font-weight: 700;
      line-height: 100%;
      display: inline;
    }

    .image {
      border-radius: 16px;
    }

    @media screen and (min-width: 48rem) {
      .button {
        font-size: 16px;
      }
    }
  }

  .text--size_faq-title {
    font-family: var(--fonts-headline);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
  }

  .text--size_text-default {
    font-family: var(--fonts-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 160%;
  }

  .text--size_item-title {
    font-family: var(--fonts-headline);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
  }

  .text--size_headline-4 {
    font-family: var(--fonts-headline);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
  }

  .text--size_headline-6 {
    font-weight: 700;
  }

  .text--size_headline-3 {
    font-family: var(--fonts-headline);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
  }

  .text--size_headline-2 {
    font-family: var(--fonts-headline);
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
  }

  .text--size_text-small {
    font-family: var(--fonts-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
  }

  .text--size_headline-5 {
    font-weight: 700;
  }

  .text--size_headline-1 {
    font-family: var(--fonts-headline);
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
  }

  .text--size_text-large {
    font-family: var(--fonts-text);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
  }

  .button--variant_solid {
    background: var(--colors-button);
    color: #fff;
  }

  .button--variant_outline {
    border: 2px solid var(--colors-button);
    color: var(--colors-button);
  }

  .button--variant_ghost {
    border-radius: unset;
    color: var(--colors-button);
    padding: 12px;
  }

  .button--variant_disabled {
    --mix-background: color-mix(in srgb, var(--colors-text-secondary) 50%, transparent);
    background: var(--mix-background, var(--colors-text-secondary));
    color: #fff;
    cursor: not-allowed;
  }

  .button--fullWidth_true {
    width: 100%;
  }

  @media screen and (min-width: 48rem) {
    .text--size_faq-title {
      font-size: 24px;
    }

    .text--size_text-default {
      font-size: 16px;
    }

    .text--size_item-title {
      font-size: 22px;
    }

    .text--size_headline-4 {
      font-size: 16px;
    }

    .text--size_headline-3 {
      font-size: 22px;
    }

    .text--size_headline-2 {
      font-size: 30px;
    }

    .text--size_headline-1 {
      font-size: 34px;
    }

    .text--size_text-large {
      font-size: 22px;
    }
  }
}

@layer utilities {
  @layer compositions {
    .textStyle_text-default {
      font-family: var(--fonts-text);
      font-size: 15px;
      font-weight: 400;
      line-height: 160%;
    }

    .textStyle_label {
      font-family: var(--fonts-text);
      letter-spacing: .5px;
      text-transform: uppercase;
      font-size: 10px;
      font-weight: 600;
      line-height: 100%;
    }

    .textStyle_input {
      font-family: var(--fonts-text);
      font-size: 14px;
      font-weight: 600;
      line-height: 100%;
    }

    .textStyle_text-small {
      font-family: var(--fonts-text);
      font-size: 16px;
      font-weight: 400;
      line-height: 100%;
    }

    .textStyle_headline-6 {
      font-weight: 700;
    }

    .textStyle_list-item {
      font-family: var(--fonts-text);
      font-size: 14px;
      font-weight: 600;
      line-height: 120%;
    }

    .layerStyle_container {
      max-width: 1120px;
      margin-inline: auto;
      padding: 0;
      position: relative;
    }

    .textStyle_label-button {
      font-family: var(--fonts-text);
      font-size: 14px;
      font-weight: 700;
      line-height: 100%;
    }

    .textStyle_headline-4 {
      font-family: var(--fonts-headline);
      font-size: 14px;
      font-weight: 700;
      line-height: 120%;
    }

    .textStyle_headline-3 {
      font-family: var(--fonts-headline);
      font-size: 18px;
      font-weight: 700;
      line-height: 120%;
    }

    .textStyle_headline-1 {
      font-family: var(--fonts-headline);
      letter-spacing: -1px;
      font-size: 24px;
      font-weight: 700;
      line-height: 120%;
    }

    .textStyle_text-large {
      font-family: var(--fonts-text);
      font-size: 18px;
      font-weight: 400;
      line-height: 140%;
    }

    @media screen and (min-width: 48rem) {
      .textStyle_text-default {
        font-size: 16px;
      }

      .textStyle_label {
        font-size: 11px;
      }

      .textStyle_input, .textStyle_list-item, .textStyle_label-button, .textStyle_headline-4 {
        font-size: 16px;
      }

      .textStyle_headline-3 {
        font-size: 22px;
      }

      .textStyle_headline-1 {
        font-size: 34px;
      }

      .textStyle_text-large {
        font-size: 22px;
      }
    }
  }

  .--thickness_1px {
    --thickness: 1px;
  }

  .p_faq\.itemP {
    padding: var(--spacing-faq-item-p);
  }

  .bg_faqItemBg {
    background: var(--colors-faq-item-bg);
  }

  .bd_1px_solid {
    border: 1px solid;
  }

  .p_\[9px\] {
    padding: 9px;
  }

  .p_\[17px\] {
    padding: 17px;
  }

  .bg_primary\.dark {
    background: var(--colors-primary-dark);
  }

  .p_\[8px\] {
    padding: 8px;
  }

  .bd_1\.5px_solid {
    border: 1.5px solid;
  }

  .p_1-5 {
    padding: var(--spacing-1-5);
  }

  .bd_1px_solid_\{colors\.text\.primary\} {
    border: 1px solid var(--colors-text-primary);
  }

  .bg_\[white\] {
    background: #fff;
  }

  .p_\[0\] {
    padding: 0;
  }

  .inset_\[0\] {
    inset: 0;
  }

  .bg_secondary\.ultralight {
    background: var(--colors-secondary-ultralight);
  }

  .p_\[6px\] {
    padding: 6px;
  }

  .bd_1px_solid_\{colors\.primary\.base\} {
    border: 1px solid var(--colors-primary-base);
  }

  .bg_\[black\/10\] {
    --mix-background: #0000001a;
    background: var(--mix-background, black);
  }

  .m_1 {
    margin: var(--spacing-1);
  }

  .p_0-5 {
    padding: var(--spacing-0-5);
  }

  .bg_cardBg {
    background: var(--colors-card-bg);
  }

  .p_3 {
    padding: var(--spacing-3);
  }

  .bg_secondary {
    background: var(--colors-secondary);
  }

  .p_\[32px\] {
    padding: 32px;
  }

  .m_auto {
    margin: auto;
  }

  .m_\[0_auto\] {
    margin: 0 auto;
  }

  .bg_\[rgba\(0\,0\,0\,0\.6\)\] {
    background: #0009;
  }

  .bg_\[black\] {
    background: #000;
  }

  .m_\[32px_auto_0px\] {
    margin: 32px auto 0;
  }

  .bg_\[\#D9D9D9\] {
    background: #d9d9d9;
  }

  .bg_highlight {
    background: var(--colors-highlight);
  }

  .bg_\[var\(--bg-color\)\] {
    background: var(--bg-color);
  }

  .p_\[12px\] {
    padding: 12px;
  }

  .bd_1px_solid_rgba\(143\,_161\,_168\,_0\.20\) {
    border: 1px solid #8fa1a833;
  }

  .bg_text\.primary {
    background: var(--colors-text-primary);
  }

  .p_\[4px\] {
    padding: 4px;
  }

  .p_\[5px\] {
    padding: 5px;
  }

  .gap_faq\.gap {
    gap: var(--spacing-faq-gap);
  }

  .gap_faq\.itemGap {
    gap: var(--spacing-faq-item-gap);
  }

  .bdr_faqItem {
    border-radius: var(--radii-faq-item);
  }

  .gap_1-5 {
    gap: var(--spacing-1-5);
  }

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

  .gap_\[35px\] {
    gap: 35px;
  }

  .gap_1 {
    gap: var(--spacing-1);
  }

  .bdr_xl {
    border-radius: var(--radii-xl);
  }

  .bd-c_border {
    border-color: var(--colors-border);
  }

  .bdr_xs {
    border-radius: var(--radii-xs);
  }

  .bd-b_1\.5px_solid {
    border-bottom: 1.5px solid;
  }

  .bd-c_primary\.light {
    border-color: var(--colors-primary-light);
  }

  .gap_\[4px\] {
    gap: 4px;
  }

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

  .trs_\[transform_0\.2s_ease-in-out\] {
    transition: transform .2s ease-in-out;
  }

  .py_1-5 {
    padding-block: var(--spacing-1-5);
  }

  .px_2 {
    padding-inline: var(--spacing-2);
  }

  .ring_0 {
    outline: 0;
  }

  .px_1-5 {
    padding-inline: var(--spacing-1-5);
  }

  .bdr_sm {
    border-radius: var(--radii-sm);
  }

  .py_1 {
    padding-block: var(--spacing-1);
  }

  .py_0-5 {
    padding-block: var(--spacing-0-5);
  }

  .px_1 {
    padding-inline: var(--spacing-1);
  }

  .py_\[22px\] {
    padding-block: 22px;
  }

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

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

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

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

  .li-s_disc {
    list-style: disc;
  }

  .gap_card\.gap {
    gap: var(--spacing-card-gap);
  }

  .bdr_card {
    border-radius: var(--radii-card);
  }

  .ov_hidden {
    overflow: hidden;
  }

  .flex_1 {
    flex: 1;
  }

  .gap_3 {
    gap: var(--spacing-3);
  }

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

  .my_1 {
    margin-block: var(--spacing-1);
  }

  .gap_2-5 {
    gap: var(--spacing-2-5);
  }

  .mx_-1-5 {
    margin-inline: calc(var(--spacing-1-5) * -1);
  }

  .py_2 {
    padding-block: var(--spacing-2);
  }

  .gap_10px {
    gap: 10px;
  }

  .gap_0-5 {
    gap: var(--spacing-0-5);
  }

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

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

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

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

  .gap_\[12px\] {
    gap: 12px;
  }

  .py_\[16px\] {
    padding-block: 16px;
  }

  .mx_auto {
    margin-inline: auto;
  }

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

  .gap_faq {
    gap: var(--spacing-faq);
  }

  .bdr_\[lg\] {
    border-radius: var(--radii-lg);
  }

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

  .px_section-px-sm {
    padding-inline: var(--spacing-section-px-sm);
  }

  .py_section-py-sm {
    padding-block: var(--spacing-section-py-sm);
  }

  .py_\[0\] {
    padding-block: 0;
  }

  .px_\[0\] {
    padding-inline: 0;
  }

  .gap_\[0px\] {
    gap: 0;
  }

  .gap_\[20px\] {
    gap: 20px;
  }

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

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

  .py_\[25px\] {
    padding-block: 25px;
  }

  .gap_\[40px\] {
    gap: 40px;
  }

  .py_\[40px\] {
    padding-block: 40px;
  }

  .px_card-px-sm {
    padding-inline: var(--spacing-card-px-sm);
  }

  .gap_\[6px\] {
    gap: 6px;
  }

  .td_underline {
    text-decoration: underline;
  }

  .bdr_\[50px\] {
    border-radius: 50px;
  }

  .py_2-5 {
    padding-block: var(--spacing-2-5);
  }

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

  .trs_\[all_0\.3s_ease\] {
    transition: all .3s;
  }

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

  .trs_\[all_0\.3s\] {
    transition: all .3s;
  }

  .trs_\[all_0\.4s\] {
    transition: all .4s;
  }

  .bdr_\[4px\] {
    border-radius: 4px;
  }

  .py_4 {
    padding-block: var(--spacing-4);
  }

  .gap_5 {
    gap: var(--spacing-5);
  }

  .flex_\[1_1_34\%\] {
    flex: 34%;
  }

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

  .px_2-5 {
    padding-inline: var(--spacing-2-5);
  }

  .bd-c_text\.secondary {
    border-color: var(--colors-text-secondary);
  }

  .d_flex {
    display: flex;
  }

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

  .bx-sh_faqItem {
    box-shadow: var(--shadows-faq-item);
  }

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

  .ai_center {
    align-items: center;
  }

  .ta_left {
    text-align: left;
  }

  .cursor_pointer {
    cursor: pointer;
  }

  .fill_faqItemIcon {
    fill: var(--colors-faq-item-icon);
  }

  .pos_relative {
    position: relative;
  }

  .jc_center {
    justify-content: center;
  }

  .pos_static {
    position: static;
  }

  .inset-e_\[0\] {
    inset-inline-end: 0;
  }

  .inset-s_\[0\] {
    inset-inline-start: 0;
  }

  .bg-grad_sliderDot {
    background-image: var(--gradients-slider-dot);
  }

  .c_primary\.dark {
    color: var(--colors-primary-dark);
  }

  .c_\[white\] {
    color: #fff;
  }

  .ta_center {
    text-align: center;
  }

  .c_primary\.light {
    color: var(--colors-primary-light);
  }

  .ff_text {
    font-family: var(--fonts-text);
  }

  .fs_15px {
    font-size: 15px;
  }

  .fw_700 {
    font-weight: 700;
  }

  .lh_133\.333\% {
    line-height: 133.333%;
  }

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

  .ap_none {
    appearance: none;
  }

  .d_grid {
    display: grid;
  }

  .grid-tc_repeat\(2\,_1fr\) {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-tc_repeat\(1\,_1fr\) {
    grid-template-columns: repeat(1, 1fr);
  }

  .d_inline-flex {
    display: inline-flex;
  }

  .vis_hidden {
    visibility: hidden;
  }

  .z_1000 {
    z-index: 1000;
  }

  .d_none {
    display: none;
  }

  .c_placeholder {
    color: var(--colors-placeholder);
  }

  .fw_600 {
    font-weight: 600;
  }

  .c_secondary {
    color: var(--colors-secondary);
  }

  .white-space_nowrap {
    white-space: nowrap;
  }

  .rg_1 {
    row-gap: var(--spacing-1);
  }

  .flex-d_row {
    flex-direction: row;
  }

  .obj-f_contain {
    object-fit: contain;
  }

  .pos_absolute {
    position: absolute;
  }

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

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

  .jc_flex-end {
    justify-content: flex-end;
  }

  .c_primary\.base {
    color: var(--colors-primary-base);
  }

  .c_text\.secondary {
    color: var(--colors-text-secondary);
  }

  .op_0\.1 {
    opacity: .1;
  }

  .bd-be-w_var\(--thickness\) {
    border-block-end-width: var(--thickness);
  }

  .rg_\[2px\] {
    row-gap: 2px;
  }

  .pos_fixed {
    position: fixed;
  }

  .z_2000 {
    z-index: 2000;
  }

  .bkdp_\[blur\(4px\)\] {
    -webkit-backdrop-filter: blur(4px);
  }

  .z_2100 {
    z-index: 2100;
  }

  .rg_3 {
    row-gap: var(--spacing-3);
  }

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

  .pointer-events_auto {
    pointer-events: auto;
  }

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

  .bx-sh_default {
    box-shadow: var(--shadows-default);
  }

  .d_block {
    display: block;
  }

  .cg_4 {
    column-gap: var(--spacing-4);
  }

  .rg_2-5 {
    row-gap: var(--spacing-2-5);
  }

  .c_text\.contrast {
    color: var(--colors-text-contrast);
  }

  .order_2 {
    order: 2;
  }

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

  .rg_\[64px\] {
    row-gap: 64px;
  }

  .bdr-r_lg {
    border-top-right-radius: var(--radii-lg);
    border-bottom-right-radius: var(--radii-lg);
  }

  .bdr-l_lg {
    border-top-left-radius: var(--radii-lg);
    border-bottom-left-radius: var(--radii-lg);
  }

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

  .bg-grad_background {
    background-image: var(--gradients-background);
  }

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

  .c_text\.primary {
    color: var(--colors-text-primary);
  }

  .as_center {
    align-self: center;
  }

  .c_secondary\.dark {
    color: var(--colors-secondary-dark);
  }

  .fs_50px {
    font-size: 50px;
  }

  .lh_115\% {
    line-height: 115%;
  }

  .hy_auto {
    hyphens: auto;
  }

  .ov-wrap_break-word {
    overflow-wrap: break-word;
  }

  .wb_break-word {
    word-break: break-word;
  }

  .bg-grad_overview {
    background-image: var(--gradients-overview);
  }

  .obj-p_top {
    object-position: top;
  }

  .grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .ff_headline {
    font-family: var(--fonts-headline);
  }

  .fs_50 {
    font-size: 50px;
  }

  .lh_100\% {
    line-height: 100%;
  }

  .lh_20px {
    line-height: 20px;
  }

  .fs_22px {
    font-size: 22px;
  }

  .lh_120\% {
    line-height: 120%;
  }

  .ls_-0\.48px {
    letter-spacing: -.48px;
  }

  .font-style_italic {
    font-style: italic;
  }

  .obj-f_fill {
    object-fit: fill;
  }

  .as_stretch {
    align-self: stretch;
  }

  .z_2 {
    z-index: 2;
  }

  .asp_16_\/_9 {
    aspect-ratio: 16 / 9;
  }

  .trf_translate\(-50\%\,_-50\%\) {
    transform: translate(-50%, -50%);
  }

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

  .z_30 {
    z-index: 30;
  }

  .vis_visible {
    visibility: visible;
  }

  .z_10 {
    z-index: 10;
  }

  .jc_end {
    justify-content: end;
  }

  .scr-bhv_smooth {
    scroll-behavior: smooth;
  }

  .bg-grad_\[transparent\] {
    --gradient-stops: var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
    --gradient-position: transparent;
    background-image: linear-gradient(var(--gradient-stops));
  }

  .c_highlight {
    color: var(--colors-highlight);
  }

  .cg_\[4px\] {
    column-gap: 4px;
  }

  .tt_uppercase {
    text-transform: uppercase;
  }

  .bx-sh_\[0px_3px_4px_0px_rgba\(0\,_0\,_0\,_0\.10\)\] {
    box-shadow: 0 3px 4px #0000001a;
  }

  .white-space_pre-line {
    white-space: pre-line;
  }

  .fs_12 {
    font-size: 12px;
  }

  .pos_sticky {
    position: sticky;
  }

  .rg_2 {
    row-gap: var(--spacing-2);
  }

  .grid-tc_repeat\(auto-fit\,_minmax\(280px\,_1fr\)\) {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .bx-sh_\[none\] {
    box-shadow: none;
  }

  .fw_bold {
    font-weight: bold;
  }

  .fw_normal {
    font-weight: normal;
  }

  .tt_capitalize {
    text-transform: capitalize;
  }

  .mt_\[25px\] {
    margin-top: 25px;
  }

  .top_\[50\%\] {
    top: 50%;
  }

  .w_\[40px\] {
    width: 40px;
  }

  .h_\[40px\] {
    height: 40px;
  }

  .w_\[10px\] {
    width: 10px;
  }

  .h_\[10px\] {
    height: 10px;
  }

  .w_\[16px\] {
    width: 16px;
  }

  .min-w_\[16px\] {
    min-width: 16px;
  }

  .h_\[16px\] {
    height: 16px;
  }

  .w_\[100\%\] {
    width: 100%;
  }

  .mb_1 {
    margin-bottom: var(--spacing-1);
  }

  .h_\[48px\] {
    height: 48px;
  }

  .h_\[32px\] {
    height: 32px;
  }

  .max-h_\[300px\] {
    max-height: 300px;
  }

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

  .mt_\[56px\] {
    margin-top: 56px;
  }

  .h_\[200px\] {
    height: 200px;
  }

  .pl_3 {
    padding-left: var(--spacing-3);
  }

  .w_\[50px\] {
    width: 50px;
  }

  .h_\[50px\] {
    height: 50px;
  }

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

  .h_\[100\%\] {
    height: 100%;
  }

  .max-w_\[700px\] {
    max-width: 700px;
  }

  .mt_1 {
    margin-top: var(--spacing-1);
  }

  .w_100\% {
    width: 100%;
  }

  .w_\[100vw\] {
    width: 100vw;
  }

  .h_\[100vh\] {
    height: 100vh;
  }

  .top_\[0px\] {
    top: 0;
  }

  .left_\[0px\] {
    left: 0;
  }

  .h_\[100dvh\] {
    height: 100dvh;
  }

  .max-w_\[740px\] {
    max-width: 740px;
  }

  .top_2 {
    top: var(--spacing-2);
  }

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

  .max-h_\[90dvh\] {
    max-height: 90dvh;
  }

  .mt_\[32px\] {
    margin-top: 32px;
  }

  .max-w_\[710px\] {
    max-width: 710px;
  }

  .min-w_\[155px\] {
    min-width: 155px;
  }

  .max-w_\[1040px\] {
    max-width: 1040px;
  }

  .max-w_\[100\%\] {
    max-width: 100%;
  }

  .max-w_\[784px\] {
    max-width: 784px;
  }

  .h_\[340px\] {
    height: 340px;
  }

  .max-w_\[780px\] {
    max-width: 780px;
  }

  .mb_2-5 {
    margin-bottom: var(--spacing-2-5);
  }

  .h_auto {
    height: auto;
  }

  .mb_2 {
    margin-bottom: var(--spacing-2);
  }

  .mt_4 {
    margin-top: var(--spacing-4);
  }

  .h_\[257px\] {
    height: 257px;
  }

  .mb_\[48px\] {
    margin-bottom: 48px;
  }

  .w_\[80px\] {
    width: 80px;
  }

  .h_\[80px\] {
    height: 80px;
  }

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

  .h_\[var\(--min-height\,_unset\)\] {
    height: var(--min-height, unset);
  }

  .pb_\[40px\] {
    padding-bottom: 40px;
  }

  .max-w_\[1130px\] {
    max-width: 1130px;
  }

  .mb_\[12px\] {
    margin-bottom: 12px;
  }

  .mt_\[8px\] {
    margin-top: 8px;
  }

  .mb_\[32px\] {
    margin-bottom: 32px;
  }

  .h_\[293px\] {
    height: 293px;
  }

  .max-w_\[1100px\] {
    max-width: 1100px;
  }

  .max-w_\[356px\] {
    max-width: 356px;
  }

  .min-w_\[270px\] {
    min-width: 270px;
  }

  .h_\[280px\] {
    height: 280px;
  }

  .min-h_\[70vh\] {
    min-height: 70vh;
  }

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

  .max-w_\[844px\] {
    max-width: 844px;
  }

  .max-w_\[557px\] {
    max-width: 557px;
  }

  .w_\[48px\] {
    width: 48px;
  }

  .top_\[1px\] {
    top: 1px;
  }

  .bottom_\[-1px\] {
    bottom: -1px;
  }

  .right_\[0\] {
    right: 0;
  }

  .left_\[0\] {
    left: 0;
  }

  .pb_section-py-sm {
    padding-bottom: var(--spacing-section-py-sm);
  }

  .pb_5 {
    padding-bottom: var(--spacing-5);
  }

  .bottom_\[-12px\] {
    bottom: -12px;
  }

  .right_\[20px\] {
    right: 20px;
  }

  .max-w_\[1144px\] {
    max-width: 1144px;
  }

  .left_\[50\%\] {
    left: 50%;
  }

  .w_\[32px\] {
    width: 32px;
  }

  .top_\[24px\] {
    top: 24px;
  }

  .right_\[24px\] {
    right: 24px;
  }

  .w_\[36px\] {
    width: 36px;
  }

  .h_\[36px\] {
    height: 36px;
  }

  .bottom_\[15px\] {
    bottom: 15px;
  }

  .left_\[15px\] {
    left: 15px;
  }

  .mb_\[8px\] {
    margin-bottom: 8px;
  }

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

  .max-w_\[220px\] {
    max-width: 220px;
  }

  .h_\[385px\] {
    height: 385px;
  }

  .w_\[280px\] {
    width: 280px;
  }

  .w_\[320px\] {
    width: 320px;
  }

  .w_\[360px\] {
    width: 360px;
  }

  .w_\[12px\] {
    width: 12px;
  }

  .h_\[12px\] {
    height: 12px;
  }

  .w_\[auto\] {
    width: auto;
  }

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

  .top_\[0\] {
    top: 0;
  }

  .pt_2 {
    padding-top: var(--spacing-2);
  }

  .pb_4 {
    padding-bottom: var(--spacing-4);
  }

  .min-h_\[400px\] {
    min-height: 400px;
  }

  .mb_4 {
    margin-bottom: var(--spacing-4);
  }

  .max-w_\[360px\] {
    max-width: 360px;
  }

  .h_\[160px\] {
    height: 160px;
  }

  .pt_1 {
    padding-top: var(--spacing-1);
  }

  .checked\:bg_primary\.base:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    background: var(--colors-primary-base);
  }

  .checked\:bd_none:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    border: none;
  }

  .open\:bg_primary\.dark:is([open], [data-open], [data-state="open"], :popover-open) {
    background: var(--colors-primary-dark);
  }

  .checked\:bg_primary\.extralight:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    background: var(--colors-primary-extralight);
  }

  .selected\:bg_primary\.base:is([aria-selected="true"], [data-selected]) {
    background: var(--colors-primary-base);
  }

  .selected\:bg_\[white\]:is([aria-selected="true"], [data-selected]) {
    background: #fff;
  }

  .selected\:bg_primary\.dark:is([aria-selected="true"], [data-selected]) {
    background: var(--colors-primary-dark);
  }

  .open\:anim_fadeIn_250ms_ease-in:is([open], [data-open], [data-state="open"], :popover-open) {
    animation: .25s ease-in fadeIn;
  }

  .closed\:anim_fadeOut_200ms_ease-out:is([closed], [data-closed], [data-state="closed"]) {
    animation: .2s ease-out fadeOut;
  }

  .open\:anim_slideIn_250ms_ease-in:is([open], [data-open], [data-state="open"], :popover-open) {
    animation: .25s ease-in slideIn;
  }

  .closed\:anim_slideOut_200ms_ease-out:is([closed], [data-closed], [data-state="closed"]) {
    animation: .2s ease-out slideOut;
  }

  .invalid\:bd-c_\[red\]:is(:invalid, [data-invalid], [aria-invalid="true"]) {
    border-color: red;
  }

  .open\:bdr_lg:is([open], [data-open], [data-state="open"], :popover-open) {
    border-radius: var(--radii-lg);
  }

  .checked\:bd-c_primary\.base:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    border-color: var(--colors-primary-base);
  }

  .disabled\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) {
    cursor: not-allowed;
  }

  .open\:trf_rotate\(-180deg\):is([open], [data-open], [data-state="open"], :popover-open) {
    transform: rotate(-180deg);
  }

  .current\:bg-grad_sliderDot:is([aria-current="true"], [data-current]) {
    background-image: var(--gradients-slider-dot);
  }

  .open\:ff_text:is([open], [data-open], [data-state="open"], :popover-open) {
    font-family: var(--fonts-text);
  }

  .open\:fs_15px:is([open], [data-open], [data-state="open"], :popover-open) {
    font-size: 15px;
  }

  .open\:fw_700:is([open], [data-open], [data-state="open"], :popover-open) {
    font-weight: 700;
  }

  .open\:lh_133\.333\%:is([open], [data-open], [data-state="open"], :popover-open) {
    line-height: 133.333%;
  }

  .open\:trf_rotate\(180deg\):is([open], [data-open], [data-state="open"], :popover-open) {
    transform: rotate(180deg);
  }

  .placeholder\:c_placeholder::placeholder, .placeholder\:c_placeholder[data-placeholder] {
    color: var(--colors-placeholder);
  }

  .disabled\:op_0\.4:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) {
    opacity: .4;
  }

  .checked\:cursor_default:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    cursor: default;
  }

  .checked\:vis_visible:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    visibility: visible;
  }

  .hidden\:d_none:is([hidden], [data-hidden]) {
    display: none;
  }

  .selected\:c_\[white\]:is([aria-selected="true"], [data-selected]) {
    color: #fff;
  }

  .selected\:c_primary\.base:is([aria-selected="true"], [data-selected]) {
    color: var(--colors-primary-base);
  }

  .selected\:fw_700:is([aria-selected="true"], [data-selected]) {
    font-weight: 700;
  }

  .selected\:c_secondary:is([aria-selected="true"], [data-selected]) {
    color: var(--colors-secondary);
  }

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

  .current\:w_\[32px\]:is([aria-current="true"], [data-current]) {
    width: 32px;
  }

  .current\:h_\[10px\]:is([aria-current="true"], [data-current]) {
    height: 10px;
  }

  .focus\:bd-c_text\.primary:is(:focus, [data-focus]) {
    border-color: var(--colors-text-primary);
  }

  .hover\:bg_primary\.ultralight:is(:hover, [data-hover]) {
    background: var(--colors-primary-ultralight);
  }

  .hover\:bg_border:is(:hover, [data-hover]) {
    background: var(--colors-border);
  }

  .hover\:trs_\[transform_0\.3s_ease\]:is(:hover, [data-hover]) {
    transition: transform .3s;
  }

  .hover\:trf_translate\(-50\%\,_-50\%\)_scale\(1\.2\):is(:hover, [data-hover]) {
    transform: translate(-50%, -50%)scale(1.2);
  }

  .hover\:trf_scale\(1\.3\):is(:hover, [data-hover]) {
    transform: scale(1.3);
  }

  .invalid\:focus\:bd-c_\[red\]:is(:invalid, [data-invalid], [aria-invalid="true"]):is(:focus, [data-focus]) {
    border-color: red;
  }

  @media screen and (min-width: 48rem) {
    .md\:p_8 {
      padding: var(--spacing-8);
    }

    .md\:bg_cardBg {
      background: var(--colors-card-bg);
    }

    .md\:p_\[56px\] {
      padding: 56px;
    }

    .md\:p_5-5 {
      padding: var(--spacing-5-5);
    }

    .md\:inset_\[0\] {
      inset: 0;
    }

    .md\:bg_\[linear-gradient\(to_right\,_black\,_\{black\/0\}\)\] {
      background: linear-gradient(to right, #000, #0000);
    }

    .md\:bg_\[unset\] {
      background: unset;
    }

    .md\:gap_2 {
      gap: var(--spacing-2);
    }

    .md\:px_\[70px\] {
      padding-inline: 70px;
    }

    .md\:gap_1-5 {
      gap: var(--spacing-1-5);
    }

    .md\:gap_3 {
      gap: var(--spacing-3);
    }

    .md\:gap_\[12px\] {
      gap: 12px;
    }

    .md\:py_\[32px\] {
      padding-block: 32px;
    }

    .md\:px_\[44px\] {
      padding-inline: 44px;
    }

    .md\:gap_\[56px\] {
      gap: 56px;
    }

    .md\:gap_\[24px\] {
      gap: 24px;
    }

    .md\:bdr_\[16px\] {
      border-radius: 16px;
    }

    .md\:gap_5-5 {
      gap: var(--spacing-5-5);
    }

    .md\:px_section-px-md {
      padding-inline: var(--spacing-section-px-md);
    }

    .md\:py_section-py-md {
      padding-block: var(--spacing-section-py-md);
    }

    .md\:gap_\[0\] {
      gap: 0;
    }

    .md\:py_card-px-sm {
      padding-block: var(--spacing-card-px-sm);
    }

    .md\:px_card-px-sm {
      padding-inline: var(--spacing-card-px-sm);
    }

    .md\:gap_\[48px\] {
      gap: 48px;
    }

    .md\:gap_\[32px\] {
      gap: 32px;
    }

    .md\:px_\[15px\] {
      padding-inline: 15px;
    }

    .md\:bdr_card {
      border-radius: var(--radii-card);
    }

    .md\:gap_\[25px\] {
      gap: 25px;
    }

    .md\:grid-c_span_var\(--card-size\,_1\) {
      grid-column: span var(--card-size, 1);
    }

    .md\:px_\[32px_16px\] {
      padding-inline: 32px 16px;
    }

    .md\:py_\[25px\] {
      padding-block: 25px;
    }

    .md\:gap_\[64px\] {
      gap: 64px;
    }

    .md\:py_\[64px\] {
      padding-block: 64px;
    }

    .md\:gap_1 {
      gap: var(--spacing-1);
    }

    .md\:gap_\[44px\] {
      gap: 44px;
    }

    .md\:gap_\[78px\] {
      gap: 78px;
    }

    .md\:px_3-5 {
      padding-inline: var(--spacing-3-5);
    }

    .md\:py_5-5 {
      padding-block: var(--spacing-5-5);
    }

    .md\:gap_8 {
      gap: var(--spacing-8);
    }

    .md\:flex_none {
      flex: none;
    }

    .md\:flex_1 {
      flex: 1;
    }

    .md\:px_2 {
      padding-inline: var(--spacing-2);
    }

    .md\:py_\[100px\] {
      padding-block: 100px;
    }

    .md\:px_1-5 {
      padding-inline: var(--spacing-1-5);
    }

    .md\:py_\[0px\] {
      padding-block: 0;
    }

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

    .md\:pos_absolute {
      position: absolute;
    }

    .md\:trf_translateY\(-50\%\) {
      transform: translateY(-50%);
    }

    .md\:d_none {
      display: none;
    }

    .md\:grid-tc_repeat\(4\,_1fr\) {
      grid-template-columns: repeat(4, 1fr);
    }

    .md\:grid-tc_1fr {
      grid-template-columns: 1fr;
    }

    .md\:d_grid {
      display: grid;
    }

    .md\:flex-d_column {
      flex-direction: column;
    }

    .md\:ai_flex-start {
      align-items: flex-start;
    }

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

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

    .md\:ta_right {
      text-align: right;
    }

    .md\:d_block {
      display: block;
    }

    .md\:ai_end {
      align-items: end;
    }

    .md\:rg_\[160px\] {
      row-gap: 160px;
    }

    .md\:bx-sh_default {
      box-shadow: var(--shadows-default);
    }

    .md\:bdr-l_\[0\] {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

    .md\:pos_sticky {
      position: sticky;
    }

    .md\:fs_50px {
      font-size: 50px;
    }

    .md\:grid-tc_repeat\(3\,_1fr\) {
      grid-template-columns: repeat(3, 1fr);
    }

    .md\:obj-p_right_top {
      object-position: right top;
    }

    .md\:grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:fs_36px {
      font-size: 36px;
    }

    .md\:jc_center {
      justify-content: center;
    }

    .md\:flex-wrap_nowrap {
      flex-wrap: nowrap;
    }

    .md\:jc_flex-end {
      justify-content: flex-end;
    }

    .md\:rg_3 {
      row-gap: var(--spacing-3);
    }

    .md\:bdr-t_\[16px\] {
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }

    .md\:d_flex {
      display: flex;
    }

    .md\:pos_relative {
      position: relative;
    }

    .md\:op_0\.5 {
      opacity: .5;
    }

    .md\:c_text\.invert {
      color: var(--colors-text-invert);
    }

    .md\:mt_\[0px\] {
      margin-top: 0;
    }

    .md\:w_\[64px\] {
      width: 64px;
    }

    .md\:h_\[64px\] {
      height: 64px;
    }

    .md\:w_\[50\%\] {
      width: 50%;
    }

    .md\:top_3 {
      top: var(--spacing-3);
    }

    .md\:right_3 {
      right: var(--spacing-3);
    }

    .md\:h_\[556px\] {
      height: 556px;
    }

    .md\:max-w_\[560px\] {
      max-width: 560px;
    }

    .md\:w_\[40\%\] {
      width: 40%;
    }

    .md\:h_\[420px\] {
      height: 420px;
    }

    .md\:top_\[250px\] {
      top: 250px;
    }

    .md\:mb_\[0px\] {
      margin-bottom: 0;
    }

    .md\:max-w_\[540px\] {
      max-width: 540px;
    }

    .md\:w_\[110px\] {
      width: 110px;
    }

    .md\:h_\[110px\] {
      height: 110px;
    }

    .md\:mt_\[40px\] {
      margin-top: 40px;
    }

    .md\:mt_\[8px\] {
      margin-top: 8px;
    }

    .md\:h_\[322px\] {
      height: 322px;
    }

    .md\:mb_\[16px\] {
      margin-bottom: 16px;
    }

    .md\:w_\[45\%\] {
      width: 45%;
    }

    .md\:h_\[316px\] {
      height: 316px;
    }

    .md\:pb_section-py-md {
      padding-bottom: var(--spacing-section-py-md);
    }

    .md\:pt_3 {
      padding-top: var(--spacing-3);
    }

    .md\:pb_5-5 {
      padding-bottom: var(--spacing-5-5);
    }

    .md\:w_\[55px\] {
      width: 55px;
    }

    .md\:h_\[55px\] {
      height: 55px;
    }

    .md\:w_\[45px\] {
      width: 45px;
    }

    .md\:h_\[45px\] {
      height: 45px;
    }

    .md\:w_\[280px\] {
      width: 280px;
    }

    .md\:w_\[445px\] {
      width: 445px;
    }

    .md\:w_\[600px\] {
      width: 600px;
    }

    .md\:w_\[360px\] {
      width: 360px;
    }

    .md\:w_\[560px\] {
      width: 560px;
    }

    .md\:w_\[720px\] {
      width: 720px;
    }

    .md\:h_\[40px\] {
      height: 40px;
    }

    .md\:h_\[50px\] {
      height: 50px;
    }

    .md\:pb_8 {
      padding-bottom: var(--spacing-8);
    }

    .md\:h_\[400px\] {
      height: 400px;
    }

    .md\:mt_\[-160px\] {
      margin-top: -160px;
    }

    .md\:min-h_\[160px\] {
      min-height: 160px;
    }

    .md\:pb_\[0\] {
      padding-bottom: 0;
    }

    .md\:min-h_\[80vh\] {
      min-height: 80vh;
    }

    .md\:w_\[100\%\] {
      width: 100%;
    }

    .md\:h_\[100\%\] {
      height: 100%;
    }

    .md\:max-w_\[unset\] {
      max-width: unset;
    }

    .md\:max-w_\[300px\] {
      max-width: 300px;
    }
  }
}

@layer recipes.slots {
  @layer _base {
    .card__root {
      padding: var(--spacing-card);
      gap: var(--spacing-1);
      border-radius: var(--radii-lg);
      box-shadow: var(--shadows-box);
      background: #fff;
      flex-direction: column;
      display: flex;
    }

    .card__header {
      gap: var(--spacing-2);
      flex-direction: column;
      display: flex;
    }

    .card__body {
      flex-direction: column;
      display: flex;
    }

    .card__footer {
      justify-content: flex-end;
      display: flex;
    }

    .card__title {
      font-family: var(--fonts-headline);
      font-size: 18px;
      font-weight: 700;
      line-height: 120%;
    }

    .teaser__root {
      gap: var(--spacing-2);
      flex-direction: column;
      width: 100%;
      min-width: 270px;
      max-width: 356px;
      display: flex;
    }

    .teaser__image {
      object-fit: cover;
      width: 100%;
      height: 200px;
    }

    .teaser__body {
      gap: var(--spacing-1);
      flex-direction: column;
      display: flex;
    }

    .teaser__footer {
      justify-content: flex-end;
      display: flex;
    }

    .teaser__title {
      font-family: var(--fonts-headline);
      font-size: 18px;
      font-weight: 700;
      line-height: 120%;
    }

    .teaser__description {
      color: var(--colors-card-description);
    }

    @media screen and (min-width: 48rem) {
      .card__title, .teaser__title {
        font-size: 22px;
      }

      .card__root {
        grid-column: span var(--card-size, 1);
        min-height: 200px;
      }

      .card__title, .teaser__title {
        font-size: 22px;
      }
    }
  }

  .teaser__title--variant_cards, .teaser__description--variant_cards {
    text-align: center;
  }

  .card__root--verticalAlign_bottom {
    justify-content: flex-end;
  }

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

  .teaser__root--variant_cards {
    background: var(--colors-card-bg);
    gap: unset;
    border-radius: var(--radii-lg);
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
  }

  .teaser__body--variant_cards {
    padding: var(--spacing-4);
  }

  .teaser__footer--variant_cards {
    padding-inline: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .teaser__title--variant_cards, .teaser__description--variant_cards {
    text-align: center;
  }

  .teaser__root--variant_contacts {
    background: var(--colors-card-bg);
    gap: unset;
    border-radius: var(--radii-lg);
    overflow: hidden;
  }

  .teaser__body--variant_contacts {
    padding-inline: var(--spacing-3);
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-3-5);
  }

  .teaser__footer--variant_contacts {
    padding-inline: var(--spacing-3);
    padding-bottom: var(--spacing-4);
    flex-direction: column;
    gap: 8px;
    font-weight: 600;
    display: flex;
  }

  @media screen and (min-width: 48rem) {
    .teaser__root--variant_cards {
      align-items: stretch;
    }
  }
}