@layer reset, base, tokens, recipes, utilities;

@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';
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: var(--global-font-body, var(--font-fallback));
    -webkit-tap-highlight-color: transparent;
}

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

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

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

  img {
    border-style: none;
}

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

  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']),::file-selector-button {
    appearance: button;
    -webkit-appearance: button;
}

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

  ::placeholder {
    --placeholder-fallback: rgba(0, 0, 0, 0.5);
    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);
}
}

  textarea {
    resize: vertical;
}

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

  summary {
    display: list-item;
}

  small {
    font-size: 80%;
}

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

  sub {
    bottom: -0.25em;
}

  sup {
    top: -0.5em;
}

  dialog {
    padding: 0px;
}

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

  abbr:where([title]) {
    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-size: 1em;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

  progress {
    vertical-align: baseline;
}

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

  ::-webkit-inner-spin-button,::-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: '🐼';
}

  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;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
}
}
}

@layer tokens{
  :where(:root, :host) {
    --spacing-card-px-sm: 25px;
    --spacing-section-px-sm: 25px;
    --spacing-section-px-md: 25px;
    --spacing-section-py-sm: 32px;
    --spacing-section-py-md: 80px;
    --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: #F6F7FF;
    --colors-primary-extralight: #DBE1FF;
    --colors-primary-ultralight: #E5EAFF;
    --colors-primary-dark: #051F4E;
    --colors-secondary-base: #FF971D;
    --colors-secondary-light: #FFC581;
    --colors-secondary-extralight: #FFECD6;
    --colors-secondary-ultralight: #FFF8F0;
    --colors-secondary-dark: #1D3295;
    --colors-text-primary: #031638;
    --colors-text-secondary: #FFF;
    --colors-text-contrast: #FFF;
    --colors-text-invert: #FFF;
    --colors-text-highlight: #F3C;
    --colors-button: var(--colors-primary-base);
    --colors-slider-dot: #D9D9D9;
    --colors-border-color: rgba(5, 31, 78, 0.20);
    --colors-placeholder: rgba(5, 31, 78, 0.40);
    --fonts-headline: var(--font-headline);
    --fonts-text: var(--font-text);
    --radii-xs: 0.25rem;
    --radii-sm: 0.5rem;
    --radii-md: 0.75rem;
    --radii-lg: 0.938rem;
    --radii-xl: 1.875rem;
    --breakpoints-md: 768px;
    --sizes-breakpoint-md: 768px;
}

  @keyframes enterFromRight {
    from {
      opacity: 0;
      transform: translateX(200px);
}

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

  @keyframes enterFromLeft {
    from {
      opacity: 0;
      transform: translateX(-200px);
}

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

  @keyframes exitToRight {
    from {
      opacity: 1;
      transform: translateX(0);
}

    to {
      opacity: 0;
      transform: translateX(200px);
}
}

  @keyframes exitToLeft {
    from {
      opacity: 1;
      transform: translateX(0);
}

    to {
      opacity: 0;
      transform: translateX(-200px);
}
}

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

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

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

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

  @keyframes slideDown {
    from {
      opacity: 0.01;
      height: 0;
}

    to {
      opacity: 1;
      height: var(--height);
}
}

  @keyframes slideUp {
    from {
      opacity: 1;
      height: var(--height);
}

    to {
      opacity: 0.01;
      height: 0;
}
}

  @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;
}
}
}

@layer utilities{
  @layer compositions{
    .textStyle_button-label {
      font-size: 18px;
}

    .textStyle_button-label,.textStyle_cta {
      font-family: var(--fonts-text);
      font-weight: 600;
      line-height: 100%;
}

    .textStyle_cta,.textStyle_label {
      font-size: 14px;
}

    .textStyle_label {
      font-family: var(--fonts-text);
      font-weight: 600;
      line-height: 142.857%;
      letter-spacing: -0.1px;
}

    .textStyle_collapsable-label {
      font-family: var(--fonts-text);
      font-size: 15px;
      font-weight: 700;
      line-height: 133.333%;
}

    .textStyle_tabs-label {
      font-family: var(--fonts-text);
      font-size: 16px;
      font-weight: 600;
      line-height: 125%;
}

    .textStyle_headline-6 {
      font-family: var(--fonts-headline);
      font-size: 20px;
      font-weight: 600;
      line-height: 115%;
      letter-spacing: 0.5px;
}

    .textStyle_headline-1 {
      line-height: 120%;
      letter-spacing: -2px;
}

    .textStyle_headline-1,.textStyle_headline-2 {
      font-family: var(--fonts-headline);
      font-size: 35px;
      font-weight: 700;
}

    .textStyle_headline-2 {
      line-height: 115%;
}

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

    .textStyle_headline-4 {
      letter-spacing: -1.5px;
}

    .textStyle_headline-4,.textStyle_headline-5 {
      font-family: var(--fonts-headline);
      font-size: 26px;
      font-weight: 700;
      line-height: 115%;
}

    .textStyle_headline-5 {
      letter-spacing: -0.48px;
}

    .textStyle_text-default {
      line-height: 133.333%;
}

    .textStyle_text-default,.textStyle_text-small {
      font-family: var(--fonts-text);
      font-size: 16px;
      font-weight: 400;
}

    .textStyle_text-small {
      line-height: 137.5%;
}

    .textStyle_text-extra {
      font-family: var(--fonts-text);
      font-size: 50px;
      font-weight: 600;
      line-height: 115%;
}

    .textStyle_text-testimonial {
      font-family: var(--fonts-text);
      font-size: 22px;
      font-weight: 400;
      line-height: 120%;
      letter-spacing: -0.48px;
      font-style: italic;
}

    .textStyle_button-label-small {
      font-family: var(--fonts-text);
      font-size: 15px;
      font-weight: 600;
      line-height: 20px;
}

    .open\:textStyle_collapsable-label:is([open], [data-open], [data-state="open"], :popover-open) {
      font-family: var(--fonts-text);
      font-size: 15px;
      font-weight: 700;
      line-height: 133.333%;
}

    @media screen and (min-width: 48rem) {
      .textStyle_button-label,.textStyle_cta {
        font-size: 16px;
}
      .textStyle_headline-6 {
        font-size: 24px;
}
      .textStyle_headline-1 {
        font-size: 60px;
}
      .textStyle_headline-2 {
        font-size: 56px;
}
      .textStyle_headline-3 {
        font-size: 50px;
}
      .textStyle_headline-4 {
        font-size: 40px;
}
      .textStyle_headline-5 {
        font-size: 32px;
}
      .textStyle_text-default {
        font-size: 18px;
}
      .textStyle_text-small {
        line-height: 150%;
}
      .textStyle_text-extra {
        font-size: 50px;
}
      .textStyle_text-testimonial {
        font-size: 36px;
}
}
}

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

  .bg_button {
    background: var(--colors-button);
}

  .bd_2px_solid_white {
    border: 2px solid white;
}

  .bg_\[\#e0e0e0\] {
    background: #e0e0e0;
}

  .bd_2px_solid {
    border: 2px solid;
}

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

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

  .bg_sliderDot {
    background: var(--colors-slider-dot);
}

  .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_\[12px\] {
    padding: 12px;
}

  .bd_1px_solid_rgba\(143\,_161\,_168\,_0\.20\) {
    border: 1px solid rgba(143, 161, 168, 0.20);
}

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

  .bg_\[black\/10\] {
    --mix-background: color-mix(in srgb, black 10%, transparent);
    background: var(--mix-background, black);
}

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

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

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

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

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

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

  .m_auto {
    margin: auto;
}

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

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

  .bg_black {
    background: black;
}

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

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

  .gap_8 {
    gap: 8px;
}

  .gap_20 {
    gap: 20px;
}

  .px_20 {
    padding-inline: 20px;
}

  .py_16 {
    padding-block: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .px_16 {
    padding-inline: 16px;
}

  .py_20 {
    padding-block: 20px;
}

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

  .px_0 {
    padding-inline: 0;
}

  .gap_35 {
    gap: 35px;
}

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

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

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

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

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

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

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

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

  .ring_0 {
    outline: 0;
}

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

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

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

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

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

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

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

  .py_16px {
    padding-block: 16px;
}

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

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

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

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

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

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

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

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

  .mx_auto {
    margin-inline: auto;
}

  .gap_10px {
    gap: 10px;
}

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

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

  .bd-b_1px_solid {
    border-bottom: 1px solid;
}

  .flex_1 {
    flex: 1 1 0%;
}

  .gap_4 {
    gap: 4px;
}

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

  .gap_24 {
    gap: 24px;
}

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

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

  .td_underline {
    text-decoration: underline;
}

  .ov_hidden {
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

  .py_28 {
    padding-block: 28px;
}

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

  .py_40 {
    padding-block: 40px;
}

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

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

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

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

  .trs_all_0\.3s {
    transition: all 0.3s;
}

  .trs_all_0\.4s {
    transition: all 0.4s;
}

  .d_flex {
    display: flex;
}

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

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

  .ai_center {
    align-items: center;
}

  .ta_left {
    text-align: left;
}

  .cursor_pointer {
    cursor: pointer;
}

  .fw_600 {
    font-weight: 600;
}

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

  .d_inline {
    display: inline;
}

  .ta_center {
    text-align: center;
}

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

  .cursor_not-allowed {
    cursor: not-allowed;
}

  .op_0\.6 {
    opacity: 0.6;
}

  .c_button {
    color: var(--colors-button);
}

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

  .bx-sh_0px_0px_20px_0px_\{black\/10\} {
    box-shadow: 0px 0px 20px 0px color-mix(in srgb, black 10%, transparent);
}

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

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

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

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

  .ap_none {
    appearance: none;
    -webkit-appearance: none;
}

  .cg_4 {
    column-gap: 4px;
}

  .tt_uppercase {
    text-transform: uppercase;
}

  .bx-sh_0px_3px_4px_0px_rgba\(0\,_0\,_0\,_0\.10\) {
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.10);
}

  .z_1000 {
    z-index: 1000;
}

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

  .d_none {
    display: none;
}

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

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

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

  .rg_8 {
    row-gap: 8px;
}

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

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

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

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

  .fw_700 {
    font-weight: 700;
}

  .c_\[rgba\(255\,_255\,_255\,_0\.80\)\] {
    color: rgba(255, 255, 255, 0.80);
}

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

  .fs_12 {
    font-size: 12px;
}

  .op_0\.75 {
    opacity: 0.75;
}

  .c_white {
    color: white;
}

  .d_select {
    display: select;
}

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

  .d_block {
    display: block;
}

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

  .pos_sticky {
    position: sticky;
}

  .bx-sh_0_4px_20px_0_rgba\(0\,_0\,_0\,_0\.05\) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}

  .d_toggle {
    display: toggle;
}

  .pos_fixed {
    position: fixed;
}

  .z_2000 {
    z-index: 2000;
}

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

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

  .z_2100 {
    z-index: 2100;
}

  .z_10 {
    z-index: 10;
}

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

  .pos_absolute {
    position: absolute;
}

  .anim-dur_200ms {
    animation-duration: 200ms;
}

  .anim-tmf_ease {
    animation-timing-function: ease;
}

  .trf-o_top_center {
    transform-origin: top center;
}

  .as_stretch {
    align-self: stretch;
}

  .ta_right {
    text-align: right;
}

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

  .op_0\.4 {
    opacity: 0.4;
}

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

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

  .bdr-b_\[0\] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

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

  .c_primary {
    color: primary;
}

  .c_dark {
    color: dark;
}

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

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

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

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

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

  .bx-sh_md {
    box-shadow: md;
}

  .as_center {
    align-self: center;
}

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

  .hy_auto {
    hyphens: auto;
    -webkit-hyphens: auto;
}

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

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

  .controlling_field_path_items\.showPlaceholder {
    controlling_field_path: items.showPlaceholder;
}

  .operator_EQUAL {
    operator: EQUAL;
}

  .d_radio {
    display: radio;
}

  .controlling_value_regex_true {
    controlling_value_regex: true;
}

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

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

  .d_grid {
    display: grid;
}

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

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

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

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

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

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

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

  .z_30 {
    z-index: 30;
}

  .vis_visible {
    visibility: visible;
}

  .vis_hidden {
    visibility: hidden;
}

  .jc_end {
    justify-content: end;
}

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

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

  .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_text\.highlight {
    color: var(--colors-text-highlight);
}

  .controlling_field_path_showSectionButton {
    controlling_field_path: showSectionButton;
}

  .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_\[8px\] {
    margin-bottom: 8px;
}

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

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

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

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

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

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

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

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

  .pl_24 {
    padding-left: 24px;
}

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

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

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

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

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

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

  .max-w_1324px {
    max-width: 1324px;
}

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

  .ml_auto {
    margin-left: auto;
}

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

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

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

  .bd-b-c_borderColor {
    border-bottom-color: var(--colors-border-color);
}

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

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

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

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

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

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

  .pb_3 {
    padding-bottom: 3px;
}

  .top_100\% {
    top: 100%;
}

  .left_0 {
    left: 0;
}

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

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

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

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

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

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

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

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

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

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

  .pt_\[16px\] {
    padding-top: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h_auto {
    height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w_100\% {
    width: 100%;
}

  .h_100\% {
    height: 100%;
}

  .top_0 {
    top: 0;
}

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

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

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

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

  .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: white;
}

  .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: fadeIn 250ms ease-in;
}

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

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

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

  .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\: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: 0.4;
}

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

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

  .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_text\.secondary:is([aria-selected=true], [data-selected]) {
    color: var(--colors-text-secondary);
}

  .\[\&\[data-state\=open\]\]\:anim-n_scaleIn[data-state=open] {
    animation-name: scaleIn;
}

  .\[\&\[data-state\=closed\]\]\:anim-n_scaleOut[data-state=closed] {
    animation-name: scaleOut;
}

  .\[\&\:\:-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\:bg_primary\.base:is(:focus, [data-focus]) {
    background: var(--colors-primary-base);
}

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

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

  .hover\:trs_\[transform_0\.25s_ease-in-out\]:is(:hover, [data-hover]) {
    transition: transform 0.25s ease-in-out;
}

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

  .hover\:bd-y-c_primary\.base:is(:hover, [data-hover]) {
    border-block-color: var(--colors-primary-base);
}

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

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

  .\[\&\[data-state\=open\]\]\:\[\&_\>_\.itemText\]\:bd-b-c_primary\.base[data-state=open] > .itemText {
    border-bottom-color: var(--colors-primary-base);
}

  .hover\:\[\&_\>_\.itemText\]\:bd-b-c_primary\.base:is(:hover, [data-hover]) > .itemText {
    border-bottom-color: var(--colors-primary-base);
}

  @media screen and (min-width: 48rem) {
    .md\:p_\[44px\] {
      padding: 44px;
}
    .md\:inset_\[0\] {
      inset: 0;
}
    .md\:bg_\[unset\] {
      background: unset;
}
    .md\:p_\[56px\] {
      padding: 56px;
}
    .md\:bg_primary\.light {
      background: var(--colors-primary-light);
}
    .md\:gap_12 {
      gap: 12px;
}
    .md\:gap_16 {
      gap: 16px;
}
    .md\:px_32 {
      padding-inline: 32px;
}
    .md\:py_24 {
      padding-block: 24px;
}
    .md\:px_\[40px\] {
      padding-inline: 40px;
}
    .md\:py_\[16px\] {
      padding-block: 16px;
}
    .md\:px_\[24px\] {
      padding-inline: 24px;
}
    .md\:py_\[12px\] {
      padding-block: 12px;
}
    .md\:py_\[14px\] {
      padding-block: 14px;
}
    .md\:px_\[30px\] {
      padding-inline: 30px;
}
    .md\:px_28 {
      padding-inline: 28px;
}
    .md\:px_70 {
      padding-inline: 70px;
}
    .md\:gap_\[44px\] {
      gap: 44px;
}
    .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_\[64px\] {
      gap: 64px;
}
    .md\:flex_none {
      flex: none;
}
    .md\:gap_\[16px\] {
      gap: 16px;
}
    .md\:gap_24 {
      gap: 24px;
}
    .md\:gap_\[78px\] {
      gap: 78px;
}
    .md\:gap_\[32px\] {
      gap: 32px;
}
    .md\:py_\[25px\] {
      padding-block: 25px;
}
    .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\:gap_\[50px\] {
      gap: 50px;
}
    .md\:bdr_\[16px\] {
      border-radius: 16px;
}
    .md\:bdr_\[16px_0_0_16px\] {
      border-radius: 16px 0 0 16px;
}
    .md\:py_\[64px\] {
      padding-block: 64px;
}
    .md\:flex_1 {
      flex: 1 1 0%;
}
    .md\:py_\[0px\] {
      padding-block: 0px;
}
    .md\:gap_\[48px\] {
      gap: 48px;
}
    .md\:py_\[60px\] {
      padding-block: 60px;
}
    .md\:bdr_xl {
      border-radius: var(--radii-xl);
}
    .md\:px_\[15px\] {
      padding-inline: 15px;
}
    .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\: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\:py_60 {
      padding-block: 60px;
}
    .md\:gap_\[80px\] {
      gap: 80px;
}
    .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\:flex-wrap_nowrap {
      flex-wrap: nowrap;
}
    .md\:ai_center {
      align-items: center;
}
    .md\:flex-d_row {
      flex-direction: row;
}
    .md\:d_block {
      display: block;
}
    .md\:flex-d_column {
      flex-direction: column;
}
    .md\:ai_end {
      align-items: end;
}
    .md\:rg_\[24px\] {
      row-gap: 24px;
}
    .md\:d_flex {
      display: flex;
}
    .md\:pos_relative {
      position: relative;
}
    .md\:jc_center {
      justify-content: center;
}
    .md\:ai_flex-start {
      align-items: flex-start;
}
    .md\:c_text\.primary {
      color: var(--colors-text-primary);
}
    .md\:pos_sticky {
      position: sticky;
}
    .md\:d_grid {
      display: grid;
}
    .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\:rg_\[160px\] {
      row-gap: 160px;
}
    .md\:bdr-l_\[0\] {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
}
    .md\:cg_32 {
      column-gap: 32px;
}
    .md\:cg_\[78px\] {
      column-gap: 78px;
}
    .md\:mt_\[0px\] {
      margin-top: 0px;
}
    .md\:w_\[64px\] {
      width: 64px;
}
    .md\:h_\[64px\] {
      height: 64px;
}
    .md\:h_\[46px\] {
      height: 46px;
}
    .md\:h_\[40px\] {
      height: 40px;
}
    .md\:h_\[210px\] {
      height: 210px;
}
    .md\:h_\[255px\] {
      height: 255px;
}
    .md\:mt_\[12px\] {
      margin-top: 12px;
}
    .md\:w_\[50\%\] {
      width: 50%;
}
    .md\:h_\[420px\] {
      height: 420px;
}
    .md\:h_\[556px\] {
      height: 556px;
}
    .md\:pt_\[200px\] {
      padding-top: 200px;
}
    .md\:h_\[400px\] {
      height: 400px;
}
    .md\:mt_\[-160px\] {
      margin-top: -160px;
}
    .md\:min-h_\[160px\] {
      min-height: 160px;
}
    .md\:pb_\[0px\] {
      padding-bottom: 0px;
}
    .md\:min-h_\[80vh\] {
      min-height: 80vh;
}
    .md\:w_\[100\%\] {
      width: 100%;
}
    .md\:h_\[100\%\] {
      height: 100%;
}
    .md\:pt_\[100px\] {
      padding-top: 100px;
}
    .md\:max-w_\[unset\] {
      max-width: unset;
}
    .md\:top_\[250px\] {
      top: 250px;
}
    .md\:max-w_\[560px\] {
      max-width: 560px;
}
    .md\:mb_\[0px\] {
      margin-bottom: 0px;
}
    .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\:max-w_\[420px\] {
      max-width: 420px;
}
    .md\:mb_\[80px\] {
      margin-bottom: 80px;
}
    .md\:w_auto {
      width: auto;
}
    .md\:h_\[352px\] {
      height: 352px;
}
    .md\:h_\[322px\] {
      height: 322px;
}
    .md\:mb_\[16px\] {
      margin-bottom: 16px;
}
    .md\:w_\[45\%\] {
      width: 45%;
}
    .md\:h_\[316px\] {
      height: 316px;
}
    .md\:top_\[0\] {
      top: 0;
}
    .md\:w_\[40\%\] {
      width: 40%;
}
    .md\:max-w_\[538px\] {
      max-width: 538px;
}
    .md\:max-w_\[569px\] {
      max-width: 569px;
}
    .md\:pb_section-py-md {
      padding-bottom: var(--spacing-section-py-md);
}
    .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;
}
}
}