/* Exported Styles */
html {
    scroll-padding-top: 100px;
    scroll-behavior: smooth;
}

/* Dynamically Captured Variables */
:root {
    --scrim: #000000FF;
    --base-black: #000000FF;
    --background-neutral--default: #FFFFFFFF;
    --base-white: #FFFFFFFF;
    --background-neutral--neutral-strong: #212121FF;
    --grey-500: #212121FF;
    --background-neutral--neutral-mute: #8F8F8FFF;
    --grey-300: #8F8F8FFF;
    --background-neutral--neutral-subtle: #EEEEEEFF;
    --grey-100: #EEEEEEFF;
    --background-neutral--neutral-faint: #FCFCFCFF;
    --grey-50: #FCFCFCFF;
    --background-neutral--button--neutral-default: #212121FF;
    --background-neutral--button--neutral-hover: #000000FF;
    --background-neutral--button--invert-default: #FFFFFFFF;
    --background-neutral--button--invert-hover: #FCFCFCFF;
    --background-neutral--alpha--black-75: #000000BF;
    --alpha-black-75: #000000BF;
    --background-neutral--alpha--black-50: #00000080;
    --alpha-black-50: #00000080;
    --background-neutral--alpha--black-25: #00000040;
    --alpha-black-25: #00000040;
    --background-neutral--alpha--white-75: #FFFFFFBF;
    --alpha-white-75: #FFFFFFBF;
    --background-neutral--alpha--white-50: #FFFFFF80;
    --alpha-white-50: #FFFFFF80;
    --background-neutral--alpha--white-25: #FFFFFF40;
    --alpha-white-25: #FFFFFF40;
    --background-brand--brand-strong: #007038FF;
    --brand-color-300: #007038FF;
    --background-brand--brand-mute: #E6F1EBFF;
    --brand-color-50: #E6F1EBFF;
    --background-brand--informative-strong: #1E6AEDFF;
    --system-color-blue-300: #1E6AEDFF;
    --background-brand--informative-mute: #E9EBF8FF;
    --system-color-blue-50: #E9EBF8FF;
    --background-brand--positive-strong: #2BAA66FF;
    --system-color-green-300: #2BAA66FF;
    --background-brand--positive-mute: #EAF7F0FF;
    --system-color-green-50: #EAF7F0FF;
    --background-brand--warning-strong: #FFDF00FF;
    --system-color-yellow-300: #FFDF00FF;
    --background-brand--warning-mute: #FFFCE6FF;
    --system-color-yellow-50: #FFFCE6FF;
    --background-brand--danger-strong: #D93B3BFF;
    --system-color-red-300: #D93B3BFF;
    --background-brand--danger-mute: #FBEBEBFF;
    --system-color-red-50: #FBEBEBFF;
    --background-brand--button--primary-default: #007038FF;
    --background-brand--button--primary-hover: #004E27FF;
    --brand-color-400: #004E27FF;
    --content-neutral--title: #212121FF;
    --content-neutral--body: #424242FF;
    --grey-400: #424242FF;
    --content-neutral--caption: #8F8F8FFF;
    --content-neutral--body-subtle: #BDBDBDFF;
    --grey-200: #BDBDBDFF;
    --content-neutral--body-invert: #FFFFFFFF;
    --content-neutral--button--primary: #FFFFFFFF;
    --text--primary-button: #FFFFFFFF;
    --content-neutral--button--neutral: #212121FF;
    --content-neutral--button--ghost: #424242FF;
    --content-brand--brand-strong: #00381CFF;
    --brand-color-500: #00381CFF;
    --content-brand--brand: #007038FF;
    --content-brand--informative-strong: #124191FF;
    --system-color-blue-500: #124191FF;
    --content-brand--informative: #1E6AEDFF;
    --content-brand--positive-strong: #1B683EFF;
    --system-color-green-500: #1B683EFF;
    --content-brand--positive: #2BAA66FF;
    --content-brand--warning-strong: #9C8800FF;
    --system-color-yellow-500: #9C8800FF;
    --content-brand--warning: #FFDF00FF;
    --content-brand--danger-strong: #832524FF;
    --system-color-red-500: #832524FF;
    --content-brand--danger: #D93B3BFF;
    --stroke-brand--brand-strong: #00381CFF;
    --stroke-brand--brand: #007038FF;
    --stroke-brand--informative-strong: #124191FF;
    --stroke-brand--informative: #1E6AEDFF;
    --stroke-brand--positive-strong: #1B683EFF;
    --stroke-brand--positive: #2BAA66FF;
    --stroke-brand--warning-strong: #9C8800FF;
    --stroke-brand--warning: #FFDF00FF;
    --stroke-brand--danger-strong: #832524FF;
    --stroke-brand--danger: #D93B3BFF;
    --stroke-neutral--neutral: #EEEEEEFF;
    --stroke-neutral--invert: #FFFFFFFF;
    --shadow--button: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    --shadow-x-button: 0px;
    --shadow-y-button: 0px;
    --shadow-blur-button: 0px;
    --shadow-spread-button: 0px;
    --shadow-color-button: rgba(0, 0, 0, 0);
    --shadow--md: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
    --shadow-x-md: 0px;
    --shadow-y-md: 8px;
    --shadow-blur-md: 20px;
    --shadow-spread-md: 0px;
    --shadow-color-md: rgba(0, 0, 0, 0.2);
    --size-icon-sm: 16px;
    --size-icon-md: 20px;
    --size-icon-lg: 24px;
    --font-family-heading: 'Poppins', sans-serif;
    --font-weight-bold: 600;
    --typography-font-size-heading-xl: 72px;
    --typography-line-height-heading-xl: 80px;
    --typography-font-size-heading-lg: 48px;
    --typography-line-height-heading-lg: 56px;
    --typography-font-size-heading-md: 36px;
    --typography-line-height-heading-md: 44px;
    --typography-font-size-heading-sm: 24px;
    --typography-line-height-heading-sm: 32px;
    --typography-font-size-heading-xs: 20px;
    --typography-line-height-heading-xs: 28px;
    --font-family-body: 'Lato', sans-serif;
    --font-weight-regular: 300;
    --typography-font-size-paragraph-md: 16px;
    --typography-line-height-paragraph-md: 24px;
    --font-family-caption: 'Lato', sans-serif;
    --typography-font-size-caption-md: 14px;
    --typography-line-height-caption-md: 20px;
    --font-family-action: 'Lato', sans-serif;
    --font-weight-action: 600;
    --border-radius-button: 9999px;
    --size-button-sm: 36px;
    --space-80: 16px;
    --space-60: 8px;
    --size-button-md: 42px;
    --space-70: 12px;
    --size-button-lg: 56px;
    --space-100: 24px;
    --stroke--primary-button: none;
    --stroke--neutral-button: #BDBDBDFF;
    --border-radius-round: 9999px;
    --border-radius-md: 16px;
    --padding-xs: 8px;
    --gap-xs: 8px;
    --padding-sm: 16px;
    --border-radius-sm: 12px;
    --gap-sm: 16px;
    --grid-margin: 120px;
    --grid-columns: 12;
    --grid-gutter: 0;
    --padding-md: 24px;
    --padding-lg: 40px;
    --padding-xl: 56px;
    --padding-2xl: 80px;
    --gap-md: 24px;
    --gap-lg: 40px;
    --gap-xl: 56px;
    --space-140: 40px;
    --gap-2xl: 80px;
    --space-180: 56px;
    --round-80: 12px;
    --round-100: 16px;
    --border-radius-lg: 20px;
    --round-120: 20px;
    --round-circle: 9999px;
    --round-button: 9999px;
    --typography-font-size-100: 16px;
    --typography-font-size-120: 20px;
    --typography-font-size-140: 24px;
    --typography-font-size-200: 36px;
    --typography-font-size-260: 48px;
    --typography-font-size-90: 14px;
    --typography-font-size-80: 12px;
    --typography-line-height-100: 24px;
    --typography-line-height-120: 28px;
    --typography-line-height-140: 32px;
    --typography-line-height-200: 44px;
    --typography-line-height-260: 56px;
    --typography-line-height-80: 20px;
    --size-margin-md: 120px;
    --space-240: 80px;
    --typography-font-size-380: 72px;
    --typography-line-height-380: 80px;
    --accent-color-tomato-300: #ff7051;
    --accent-color-topaz-300: #ffcb7f;
    --accent-color-topaz-50: #fff2df;
    --accent-color-jade-green-300: #23a185;
    --accent-color-jade-green-50: #eafaf7;
    --accent-color-dark-orange-300: #fa984b;
    --accent-color-dark-orange-50: #feebd5;
    --accent-color-mikado-yellow-300: #f9cb15;
    --accent-color-mikado-yellow-50: #fdf8c2;
    --accent-color-celadon-green-300: #85e0a5;
    --accent-color-celadon-green-50: #e9fdef;
    --accent-color-orange-300: #fd9b28;
    --accent-color-orange-50: #feeacd;
    --accent-color-ocean-green-300: #3cd9a0;
    --accent-color-ocean-green-50: #d4fcec;
    --accent-color-sea-green-300: #68d391;
    --accent-color-sea-green-50: #e6fbed;
    --accent-color-fusion-coral-300: #ff8577;
    --accent-color-fusion-coral-50: #ffdfdb;
    --accent-color-fuel-yellow-300: #fd9b28;
    --accent-color-fuel-yellow-50: #feeacd;
    --accent-color-slime-green-300: #ceea76;
    --accent-color-slime-green-50: #f1f9d8;
    --accent-color-orange-yellow-300: #fabe24;
    --accent-color-orange-yellow-50: #fdf2c6;
    --accent-color-philippine-yellow-300: #ffc700;
    --accent-color-philippine-yellow-50: #fff2df;
    --accent-color-neo-green-300: #a2e435;
    --accent-color-neo-green-50: #eafac9;
    --accent-color-fresh-green-300: #4adc7f;
    --accent-color-fresh-green-50: #dbfbe6;
    --accent-color-orange-peel-300: #fabe24;
    --accent-color-orange-peel-50: #fdf2c6;
    --accent-color-teal-300: #2dd3be;
    --accent-color-teal-50: #cbfaf0;
    --accent-color-cyan-300: #22d2ed;
    --accent-color-cyan-50: #cef9fd;
    --accent-color-maya-blue-300: #2fb0e6;
    --accent-color-maya-blue-50: #eaf7fd;
    --accent-color-crystal-blue-300: #60a5f9;
    --accent-color-crystal-blue-50: #dae9fd;
    --accent-color-cornflower-blue-300: #689bf7;
    --accent-color-cornflower-blue-50: #d3e2fd;
    --accent-color-soft-blue-300: #828df9;
    --accent-color-soft-blue-50: #e0e7ff;
    --accent-color-purple-mimosa-300: #a68af8;
    --accent-color-purple-mimosa-50: #ece8fd;
    --accent-color-easter-purple-300: #d47ffb;
    --accent-color-easter-purple-50: #f7e8ff;
    --accent-color-violet-300: #e779f8;
    --accent-color-violet-50: #f9e7fe;
    --accent-color-pink-300: #de2490;
    --accent-color-pink-50: #fce7f6;
    --accent-color-rosty-pink-300: #f97084;
    --accent-color-rosty-pink-50: #fde2e4;
    --accent-color-bean-red-300: #f56565;
    --accent-color-bean-red-50: #fee3e3;
    --accent-color-pastel-red-300: #de5456;
    --accent-color-pastel-red-50: #f7dbd9;
    --accent-color-tomato-50: #ffd9d1;
    --bg1: #282828;
    --bg2: #1a1a1a;
    --bg3: #3a3a3a;
    --bg4: #3f3f3f;
    --bdr: #3a3a3a;
    --shd-btn: 0 2px 4px #0000001a, inset 0 1px 0 #ffffff0d;
    --shd-active: 0 1px 2px #0000001a, inset 0 1px 2px #0000001a;
    --shd-input: inset 0 2px 4px #0000001a;
    --shd-pop: 0 4px 20px #00000080;
    --h-btn: 28px;
    --h-input: 32px;
    --h-topbar: 42px;
    --w-sidebar: 320px;
    --w-pop: 362px;
    --brand-color-200: #2B885AFF;
    --brand-color-100: #6BAC8CFF;
    --brand-color-75: #96C4ADFF;
    --space-120: 32px;
    --font-family-overline: 'Lato', sans-serif;
}

:root {
    --scrim: var(--base-black);
    --background-neutral--default: var(--base-white);
    --background-neutral--neutral-strong: var(--grey-500);
    --background-neutral--neutral-mute: var(--grey-300);
    --background-neutral--neutral-subtle: var(--grey-100);
    --background-neutral--neutral-faint: var(--grey-50);
    --background-neutral--button--neutral-default: var(--grey-500);
    --background-neutral--button--neutral-hover: var(--base-black);
    --background-neutral--button--invert-default: var(--base-white);
    --background-neutral--button--invert-hover: var(--grey-50);
    --background-neutral--alpha--black-75: var(--alpha-black-75);
    --background-neutral--alpha--black-50: var(--alpha-black-50);
    --background-neutral--alpha--black-25: var(--alpha-black-25);
    --background-neutral--alpha--white-75: var(--alpha-white-75);
    --background-neutral--alpha--white-50: var(--alpha-white-50);
    --background-neutral--alpha--white-25: var(--alpha-white-25);
    --background-brand--brand-strong: var(--brand-color-300);
    --background-brand--brand-mute: var(--brand-color-50);
    --background-brand--informative-strong: var(--system-color-blue-300);
    --background-brand--informative-mute: var(--system-color-blue-50);
    --background-brand--positive-strong: var(--system-color-green-300);
    --background-brand--positive-mute: var(--system-color-green-50);
    --background-brand--warning-strong: var(--system-color-yellow-300);
    --background-brand--warning-mute: var(--system-color-yellow-50);
    --background-brand--danger-strong: var(--system-color-red-300);
    --background-brand--danger-mute: var(--system-color-red-50);
    --background-brand--button--primary-default: var(--brand-color-300);
    --background-brand--button--primary-hover: var(--brand-color-400);
    --content-neutral--title: var(--grey-500);
    --content-neutral--body: var(--grey-400);
    --content-neutral--caption: var(--grey-300);
    --content-neutral--body-subtle: var(--grey-200);
    --content-neutral--body-invert: var(--base-white);
    --content-neutral--button--primary: var(--text--primary-button);
    --content-neutral--button--neutral: var(--grey-500);
    --content-neutral--button--ghost: var(--grey-400);
    --content-brand--brand-strong: var(--brand-color-500);
    --content-brand--brand: var(--brand-color-300);
    --content-brand--informative-strong: var(--system-color-blue-500);
    --content-brand--informative: var(--system-color-blue-300);
    --content-brand--positive-strong: var(--system-color-green-500);
    --content-brand--positive: var(--system-color-green-300);
    --content-brand--warning-strong: var(--system-color-yellow-500);
    --content-brand--warning: var(--system-color-yellow-300);
    --content-brand--danger-strong: var(--system-color-red-500);
    --content-brand--danger: var(--system-color-red-300);
    --stroke-brand--brand-strong: var(--brand-color-500);
    --stroke-brand--brand: var(--brand-color-300);
    --stroke-brand--informative-strong: var(--system-color-blue-500);
    --stroke-brand--informative: var(--system-color-blue-300);
    --stroke-brand--positive-strong: var(--system-color-green-500);
    --stroke-brand--positive: var(--system-color-green-300);
    --stroke-brand--warning-strong: var(--system-color-yellow-500);
    --stroke-brand--warning: var(--system-color-yellow-300);
    --stroke-brand--danger-strong: var(--system-color-red-500);
    --stroke-brand--danger: var(--system-color-red-300);
    --stroke-neutral--neutral: var(--grey-100);
    --stroke-neutral--invert: var(--base-white);
    --shadow--button: var(--shadow-x-button) var(--shadow-y-button) var(--shadow-blur-button) var(--shadow-spread-button) var(--shadow-color-button);
    --shadow--md: var(--shadow-x-md) var(--shadow-y-md) var(--shadow-blur-md) var(--shadow-spread-md) var(--shadow-color-md);
}

:root {
    --size-icon-sm: 16px;
    --size-icon-md: 20px;
    --size-icon-lg: 24px;
}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body {
    background-color: var(--background-neutral--default);
    background-image: url("/images/bg-berkahekonomi.webp");
    background-size: cover;
    background-position: center;
    color: var(--content-neutral--body);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-bold);
    overflow-wrap: break-word;
}

.h1 {
    font-size: var(--typography-font-size-heading-xl);
    line-height: var(--typography-line-height-heading-xl);
}

.h2 {
    font-size: var(--typography-font-size-heading-lg);
    line-height: var(--typography-line-height-heading-lg);
}

.h3 {
    font-size: var(--typography-font-size-heading-md);
    line-height: var(--typography-line-height-heading-md);
}

.h4 {
    font-size: var(--typography-font-size-heading-sm);
    line-height: var(--typography-line-height-heading-sm);
}

.h5,
.h6 {
    font-size: var(--typography-font-size-heading-xs);
    line-height: var(--typography-line-height-heading-xs);
}

.subheader-h1,
.subheader-h2 {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-regular);
    overflow-wrap: break-word;
}

.subheader-h1 {
    font-size: var(--typography-font-size-heading-sm);
    line-height: var(--typography-line-height-heading-sm);
}

.subheader-h2 {
    font-size: var(--typography-font-size-heading-xs);
    line-height: var(--typography-line-height-heading-xs);
}

.body-bold,
.body-regular,
.body-link {
    font-family: var(--font-family-body);
    font-size: var(--typography-font-size-paragraph-md);
    line-height: var(--typography-line-height-paragraph-md);
    overflow-wrap: break-word;
}

.body-bold,
.body-link {
    font-weight: var(--font-weight-bold);
}

.body-regular {
    font-weight: var(--font-weight-regular);
}

.body-link {
    text-decoration: underline;
}

.caption-bold,
.caption-regular,
.caption-link {
    font-family: var(--font-family-caption);
    font-size: var(--typography-font-size-caption-md);
    line-height: var(--typography-line-height-caption-md);
    overflow-wrap: break-word;
}

.caption-bold,
.caption-link {
    font-weight: var(--font-weight-bold);
}

.caption-regular {
    font-weight: var(--font-weight-regular);
}

.caption-link {
    text-decoration: underline;
}

.button-md {
    font-family: var(--font-family-action);
    font-size: var(--typography-font-size-paragraph-md);
    font-weight: var(--font-weight-bold);
    line-height: var(--typography-line-height-paragraph-md);
    overflow-wrap: break-word;
}

.button-lg {
    font-family: var(--font-family-action);
    font-size: var(--typography-font-size-heading-xs);
    font-weight: var(--font-weight-bold);
    line-height: var(--typography-line-height-heading-xs);
    overflow-wrap: break-word;
}

.btn {
    cursor: pointer;
    font-family: var(--font-family-action);
    font-weight: var(--font-weight-action);
    border-radius: var(--border-radius-button);
    max-width: 100%;
    box-shadow: var(--shadow--button);
    border: none;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: 0.3s;
    display: inline-flex;
}

.btn-sm {
    height: var(--size-button-sm);
    padding: 0 var(--space-80);
    gap: var(--space-60);
    font-size: var(--typography-font-size-caption-md);
}

.btn-md {
    height: var(--size-button-md);
    padding: 0 var(--space-80);
    gap: var(--space-70);
    font-size: var(--typography-font-size-paragraph-md);
}

.btn-lg {
    height: var(--size-button-lg);
    padding: 0 var(--space-100);
    gap: var(--space-80);
    font-size: var(--typography-font-size-heading-xs);
}

.btn-primary {
    background-color: var(--background-brand--button--primary-default);
    color: var(--text--primary-button);
    border: 1px solid var(--stroke--primary-button);
}

.btn-primary:hover {
    background-color: var(--background-brand--button--primary-hover);
}

.btn-ghost-neutral {
    color: var(--content-neutral--button--ghost);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 0px;
}

.btn-ghost-neutral:hover {
    color: var(--content-neutral--button--neutral);
}

.btn-neutral {
    background-color: var(--background-neutral--button--neutral-default);
    color: var(--content-neutral--button--primary);
}

.btn-neutral:hover {
    background-color: var(--background-neutral--button--neutral-hover);
}

.btn-outline {
    background-color: var(--background-neutral--button--invert-default);
    border: 1px solid var(--stroke--neutral-button);
    color: var(--content-neutral--button--neutral);
}

.btn-outline:hover {
    background-color: var(--background-neutral--button--invert-hover);
}

.btn-ghost {
    color: var(--content-brand--brand);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 0px;
}

.btn-ghost:hover {
    color: var(--content-brand--brand-strong);
}

.btn-icon {
    border-radius: var(--border-radius-round);
    width: var(--size-button-sm);
    padding: 0px;
}

.btn-icon.btn-sm {
    width: var(--size-button-sm);
}

.btn-icon.btn-md {
    width: var(--size-button-md);
}

.btn-icon.btn-lg {
    width: var(--size-button-lg);
}

.btn-sm svg,
.btn-sm .icon {
    width: var(--size-icon-sm);
    height: var(--size-icon-sm);
}

.btn-md svg,
.btn-md .icon {
    width: var(--size-icon-md);
    height: var(--size-icon-md);
}

.btn-lg svg,
.btn-lg .icon {
    width: var(--size-icon-lg);
    height: var(--size-icon-lg);
}

.btn-link {
    color: var(--content-brand--brand);
    gap: var(--space-60);
    font-size: var(--typography-font-size-paragraph-md);
    background-color: rgba(0, 0, 0, 0);
    padding: 0px;
}

.imagePlaceholder-1-1,
.imagePlaceholder-4-5,
.imagePlaceholder-5-4,
.imagePlaceholder-4-3,
.imagePlaceholder-16-9,
.imagePlaceholder-21-9 {
    border-radius: var(--border-radius-md);
    width: 100%;
}

.imagePlaceholder-1-1 {
    aspect-ratio: 1 / 1;
}

.imagePlaceholder-4-5 {
    aspect-ratio: 4 / 5;
}

.imagePlaceholder-5-4 {
    aspect-ratio: 5 / 4;
}

.imagePlaceholder-4-3 {
    aspect-ratio: 4 / 3;
}

.imagePlaceholder-16-9 {
    aspect-ratio: 16 / 9;
}

.imagePlaceholder-21-9 {
    aspect-ratio: 21 / 9;
}

.icon-social {
    width: var(--size-icon-md);
    height: var(--size-icon-md);
    fill: currentcolor;
}

.tabs {
    background-color: var(--background-neutral--neutral-subtle);
    border-radius: var(--border-radius-round);
    padding: var(--padding-xs);
    align-items: center;
    gap: var(--gap-xs);
    width: fit-content;
    display: flex;
}

.tabs-button {
    padding: var(--padding-xs) var(--padding-sm);
    border-radius: var(--border-radius-md);
    cursor: pointer;
    font-family: var(--font-family-body);
    font-size: var(--typography-font-size-paragraph-md);
    font-weight: var(--font-weight-regular);
    line-height: var(--typography-line-height-paragraph-md);
    color: var(--content-neutral--body);
    white-space: nowrap;
    user-select: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    display: inline-flex;
}

.tabs-button-active {
    background-color: var(--background-neutral--default);
    color: var(--content-neutral--title);
    font-weight: var(--font-weight-bold);
    box-shadow: var(--shadow--md);
    border-radius: var(--border-radius-round);
}

.tabs-button:hover:not(.tabs-button-active) {
    background-color: var(--background-neutral--neutral-subtle);
    color: var(--content-neutral--title);
}

.tabs-button:focus-visible {
    outline: 2px solid var(--stroke-brand--brand);
    outline-offset: 2px;
}

.tabs-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

[data-tooltip] {
    position: relative;
}

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

[data-tooltip]::after {
    content: attr(data-tooltip);
    top: calc(100% + var(--gap-xs));
    background-color: var(--background-neutral--neutral-strong);
    color: var(--content-neutral--body-invert);
    border-radius: var(--border-radius-sm);
    font-size: var(--typography-font-size-caption-md);
    white-space: normal;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 999;
    overflow-wrap: break-word;
    word-break: break-word;
    width: max-content;
    max-width: 240px;
    padding: 8px 12px;
    font-weight: 500;
    transition: opacity 0.2s;
    position: absolute;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
}

[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
}

[data-tooltip-position="top"]::after {
    margin-bottom: 8px;
    top: -32px;
    bottom: auto;
}

[data-tooltip-position="left"]::after {
    margin-right: 8px;
    inset: 50% 100% auto auto;
    transform: translateY(-50%);
}

[data-tooltip-align="right"]::after {
    left: auto;
    right: 0px;
    transform: translateX(0px);
}

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

.truncate-2-lines {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.shadow-md {
    box-shadow: var(--shadow--md);
}

.z-sm {
    z-index: 1;
}

.z-md {
    z-index: 2;
}

.z-lg {
    z-index: 4;
}

.z-xl {
    z-index: 8;
}

.imageWrapper {
    align-items: center;
    width: 100%;
    display: flex;
}

.buttonWrapperLeft {
    justify-content: flex-start;
    gap: var(--gap-sm);
    flex-wrap: wrap;
    max-width: 100%;
    display: flex;
}

.buttonWrapperCenter {
    justify-content: center;
    gap: var(--gap-sm);
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    display: flex;
}

.container-grid {
    width: 100%;
    max-width: 1440px;
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    margin-left: auto;
    margin-right: auto;
}

.container-grid.pl-0 {
    padding-left: 0px;
}

.container-grid.pr-0 {
    padding-right: 0px;
}

.container-grid.container-full {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.grid {
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    gap: var(--grid-gutter);
    justify-content: center;
    width: 100%;
    display: grid;
}

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

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

.col-3 {
    grid-column: auto / span 3;
}

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

.col-5 {
    grid-column: auto / span 5;
}

.col-6 {
    grid-column: auto / span 6;
}

.col-7 {
    grid-column: auto / span 7;
}

.col-8 {
    grid-column: auto / span 8;
}

.col-9 {
    grid-column: auto / span 9;
}

.col-10 {
    grid-column: auto / span 10;
}

.col-11 {
    grid-column: auto / span 11;
}

.col-12 {
    grid-column: auto / span 12;
}

:root {
    --grid-columns: 2;
    --grid-margin: 16px;
    --grid-gutter: 0;
    --padding-xs: var(--space-60);
    --padding-sm: var(--space-70);
    --padding-md: var(--space-80);
    --padding-lg: var(--space-80);
    --padding-xl: var(--space-80);
    --padding-2xl: var(--space-100);
    --gap-xs: var(--space-60);
    --gap-sm: var(--space-70);
    --gap-md: var(--space-80);
    --gap-lg: var(--space-100);
    --gap-xl: var(--space-140);
    --gap-2xl: var(--space-180);
    --border-radius-sm: var(--round-80);
    --border-radius-md: var(--round-100);
    --border-radius-lg: var(--round-120);
    --border-radius-round: var(--round-circle);
    --border-radius-button: var(--round-button);
    --typography-font-size-heading-xs: var(--typography-font-size-100);
    --typography-font-size-heading-sm: var(--typography-font-size-120);
    --typography-font-size-heading-md: var(--typography-font-size-140);
    --typography-font-size-heading-lg: var(--typography-font-size-200);
    --typography-font-size-heading-xl: var(--typography-font-size-260);
    --typography-font-size-paragraph-md: var(--typography-font-size-90);
    --typography-font-size-caption-md: var(--typography-font-size-80);
    --typography-line-height-heading-xs: var(--typography-line-height-100);
    --typography-line-height-heading-sm: var(--typography-line-height-120);
    --typography-line-height-heading-md: var(--typography-line-height-140);
    --typography-line-height-heading-lg: var(--typography-line-height-200);
    --typography-line-height-heading-xl: var(--typography-line-height-260);
    --typography-line-height-paragraph-md: var(--typography-line-height-80);
    --typography-line-height-caption-md: var(--typography-line-height-80);
    --size-button-sm: 32px;
    --size-button-md: 40px;
    --size-button-lg: 48px;
    --size-margin-md: 16px;
}

@media (min-width: 481px) and (max-width: 767px) {
    :root {
        --grid-columns: 8;
        --grid-margin: 40px;
        --grid-gutter: 0;
        --padding-xs: var(--space-60);
        --padding-sm: var(--space-80);
        --padding-md: var(--space-100);
        --padding-lg: var(--space-140);
        --padding-xl: var(--space-180);
        --padding-2xl: var(--space-240);
        --gap-xs: var(--space-60);
        --gap-sm: var(--space-80);
        --gap-md: var(--space-100);
        --gap-lg: var(--space-140);
        --gap-xl: var(--space-180);
        --gap-2xl: var(--space-240);
        --border-radius-sm: var(--round-80);
        --border-radius-md: var(--round-100);
        --border-radius-lg: var(--round-120);
        --border-radius-round: var(--round-circle);
        --border-radius-button: var(--round-button);
        --typography-font-size-heading-xs: var(--typography-font-size-120);
        --typography-font-size-heading-sm: var(--typography-font-size-140);
        --typography-font-size-heading-md: var(--typography-font-size-200);
        --typography-font-size-heading-lg: var(--typography-font-size-260);
        --typography-font-size-heading-xl: var(--typography-font-size-380);
        --typography-font-size-paragraph-md: var(--typography-font-size-100);
        --typography-font-size-caption-md: var(--typography-font-size-90);
        --typography-line-height-heading-xs: var(--typography-line-height-120);
        --typography-line-height-heading-sm: var(--typography-line-height-140);
        --typography-line-height-heading-md: var(--typography-line-height-200);
        --typography-line-height-heading-lg: var(--typography-line-height-260);
        --typography-line-height-heading-xl: var(--typography-line-height-380);
        --typography-line-height-paragraph-md: var(--typography-line-height-100);
        --typography-line-height-caption-md: var(--typography-line-height-80);
        --size-button-sm: 36px;
        --size-button-md: 42px;
        --size-button-lg: 56px;
        --size-margin-md: 40px;
    }
}

@media (min-width: 768px) {
    :root {
        --grid-columns: 12;
        --grid-margin: 120px;
        --grid-gutter: 0;
        --padding-xs: var(--space-60);
        --padding-sm: var(--space-80);
        --padding-md: var(--space-100);
        --padding-lg: var(--space-140);
        --padding-xl: var(--space-180);
        --padding-2xl: var(--space-240);
        --gap-xs: var(--space-60);
        --gap-sm: var(--space-80);
        --gap-md: var(--space-100);
        --gap-lg: var(--space-140);
        --gap-xl: var(--space-180);
        --gap-2xl: var(--space-240);
        --border-radius-sm: var(--round-80);
        --border-radius-md: var(--round-100);
        --border-radius-lg: var(--round-120);
        --border-radius-round: var(--round-circle);
        --border-radius-button: var(--round-button);
        --typography-font-size-heading-xs: var(--typography-font-size-120);
        --typography-font-size-heading-sm: var(--typography-font-size-140);
        --typography-font-size-heading-md: var(--typography-font-size-200);
        --typography-font-size-heading-lg: var(--typography-font-size-260);
        --typography-font-size-heading-xl: var(--typography-font-size-380);
        --typography-font-size-paragraph-md: var(--typography-font-size-100);
        --typography-font-size-caption-md: var(--typography-font-size-90);
        --typography-line-height-heading-xs: var(--typography-line-height-120);
        --typography-line-height-heading-sm: var(--typography-line-height-140);
        --typography-line-height-heading-md: var(--typography-line-height-200);
        --typography-line-height-heading-lg: var(--typography-line-height-260);
        --typography-line-height-heading-xl: var(--typography-line-height-380);
        --typography-line-height-paragraph-md: var(--typography-line-height-100);
        --typography-line-height-caption-md: var(--typography-line-height-80);
        --size-button-sm: 36px;
        --size-button-md: 42px;
        --size-button-lg: 56px;
        --size-margin-md: 120px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .col-tablet-1 {
        grid-column: auto / span 1;
    }

    .col-tablet-2 {
        grid-column: auto / span 2;
    }

    .col-tablet-3 {
        grid-column: auto / span 3;
    }

    .col-tablet-4 {
        grid-column: auto / span 4;
    }

    .col-tablet-5 {
        grid-column: auto / span 5;
    }

    .col-tablet-6 {
        grid-column: auto / span 6;
    }

    .col-tablet-7 {
        grid-column: auto / span 7;
    }

    .col-tablet-8 {
        grid-column: auto / span 8;
    }

    .offset-tablet-0 {
        grid-column-start: auto;
    }

    .offset-tablet-1 {
        grid-column-start: 2;
    }

    .offset-tablet-2 {
        grid-column-start: 3;
    }

    .offset-tablet-3 {
        grid-column-start: 4;
    }

    .offset-tablet-4 {
        grid-column-start: 5;
    }
}

@media (min-width: 768px) {
    .col-desktop-1 {
        grid-column: auto / span 1;
    }

    .col-desktop-2 {
        grid-column: auto / span 2;
    }

    .col-desktop-3 {
        grid-column: auto / span 3;
    }

    .col-desktop-4 {
        grid-column: auto / span 4;
    }

    .col-desktop-5 {
        grid-column: auto / span 5;
    }

    .col-desktop-6 {
        grid-column: auto / span 6;
    }

    .col-desktop-7 {
        grid-column: auto / span 7;
    }

    .col-desktop-8 {
        grid-column: auto / span 8;
    }

    .col-desktop-9 {
        grid-column: auto / span 9;
    }

    .col-desktop-10 {
        grid-column: auto / span 10;
    }

    .col-desktop-11 {
        grid-column: auto / span 11;
    }

    .col-desktop-12 {
        grid-column: auto / span 12;
    }

    .offset-desktop-0 {
        grid-column-start: auto;
    }

    .offset-desktop-1 {
        grid-column-start: 2;
    }

    .offset-desktop-2 {
        grid-column-start: 3;
    }

    .offset-desktop-3 {
        grid-column-start: 4;
    }

    .offset-desktop-4 {
        grid-column-start: 5;
    }

    .offset-desktop-5 {
        grid-column-start: 6;
    }

    .offset-desktop-6 {
        grid-column-start: 7;
    }
}

@media (max-width: 480px) {
    .col-mobile-1 {
        grid-column: auto / span 1;
    }

    .col-mobile-2 {
        grid-column: auto / span 2;
    }

    .offset-mobile-0 {
        grid-column-start: auto;
    }

    .offset-mobile-1 {
        grid-column-start: 2;
    }
}

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

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

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

.align-center {
    align-items: center;
}

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

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

.grid-debug {
    position: relative;
}

.grid-debug::before {
    content: "";
    top: 0px;
    left: var(--grid-margin);
    right: var(--grid-margin);
    background-image: repeating-linear-gradient(to right, #ff00001a 0, #ff00001a calc((100% - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns)), transparent calc((100% - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns)), transparent calc((100% - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) + var(--grid-gutter)));
    pointer-events: none;
    z-index: 9999;
    height: 100%;
    position: absolute;
}

:root {
    --accent-color-tomato-300: #ff7051;
    --accent-color-topaz-300: #ffcb7f;
    --accent-color-topaz-50: #fff2df;
    --accent-color-jade-green-300: #23a185;
    --accent-color-jade-green-50: #eafaf7;
    --accent-color-dark-orange-300: #fa984b;
    --accent-color-dark-orange-50: #feebd5;
    --accent-color-mikado-yellow-300: #f9cb15;
    --accent-color-mikado-yellow-50: #fdf8c2;
    --accent-color-celadon-green-300: #85e0a5;
    --accent-color-celadon-green-50: #e9fdef;
    --accent-color-orange-300: #fd9b28;
    --accent-color-orange-50: #feeacd;
    --accent-color-ocean-green-300: #3cd9a0;
    --accent-color-ocean-green-50: #d4fcec;
    --accent-color-sea-green-300: #68d391;
    --accent-color-sea-green-50: #e6fbed;
    --accent-color-fusion-coral-300: #ff8577;
    --accent-color-fusion-coral-50: #ffdfdb;
    --accent-color-fuel-yellow-300: #fd9b28;
    --accent-color-fuel-yellow-50: #feeacd;
    --accent-color-slime-green-300: #ceea76;
    --accent-color-slime-green-50: #f1f9d8;
    --accent-color-orange-yellow-300: #fabe24;
    --accent-color-orange-yellow-50: #fdf2c6;
    --accent-color-philippine-yellow-300: #ffc700;
    --accent-color-philippine-yellow-50: #fff2df;
    --accent-color-neo-green-300: #a2e435;
    --accent-color-neo-green-50: #eafac9;
    --accent-color-fresh-green-300: #4adc7f;
    --accent-color-fresh-green-50: #dbfbe6;
    --accent-color-orange-peel-300: #fabe24;
    --accent-color-orange-peel-50: #fdf2c6;
    --accent-color-teal-300: #2dd3be;
    --accent-color-teal-50: #cbfaf0;
    --accent-color-cyan-300: #22d2ed;
    --accent-color-cyan-50: #cef9fd;
    --accent-color-maya-blue-300: #2fb0e6;
    --accent-color-maya-blue-50: #eaf7fd;
    --accent-color-crystal-blue-300: #60a5f9;
    --accent-color-crystal-blue-50: #dae9fd;
    --accent-color-cornflower-blue-300: #689bf7;
    --accent-color-cornflower-blue-50: #d3e2fd;
    --accent-color-soft-blue-300: #828df9;
    --accent-color-soft-blue-50: #e0e7ff;
    --accent-color-purple-mimosa-300: #a68af8;
    --accent-color-purple-mimosa-50: #ece8fd;
    --accent-color-easter-purple-300: #d47ffb;
    --accent-color-easter-purple-50: #f7e8ff;
    --accent-color-violet-300: #e779f8;
    --accent-color-violet-50: #f9e7fe;
    --accent-color-pink-300: #de2490;
    --accent-color-pink-50: #fce7f6;
    --accent-color-rosty-pink-300: #f97084;
    --accent-color-rosty-pink-50: #fde2e4;
    --accent-color-bean-red-300: #f56565;
    --accent-color-bean-red-50: #fee3e3;
    --accent-color-pastel-red-300: #de5456;
    --accent-color-pastel-red-50: #f7dbd9;
    --accent-color-tomato-50: #ffd9d1;
}

:root {
    --bg1: #282828;
    --bg2: #1a1a1a;
    --bg3: #3a3a3a;
    --bg4: #3f3f3f;
    --bdr: #3a3a3a;
    --shd-btn: 0 2px 4px #0000001a, inset 0 1px 0 #ffffff0d;
    --shd-active: 0 1px 2px #0000001a, inset 0 1px 2px #0000001a;
    --shd-input: inset 0 2px 4px #0000001a;
    --shd-pop: 0 4px 20px #00000080;
    --h-btn: 28px;
    --h-input: 32px;
    --h-topbar: 42px;
    --w-sidebar: 320px;
    --w-pop: 362px;
    --font-family-body: "Plus Jakarta Sans", sans-serif;
}

.page-module__funnpG__container {
    height: 100vh;
    font-family: var(--font-family-body);
    flex-direction: column;
    display: flex;
    overflow: hidden;
}

.page-module__funnpG__formInputTitle {
    color: var(--grey-200);
    font-size: var(--typography-font-size-90);
    font-weight: var(--typography-font-weight-regular);
    margin-bottom: var(--space-60);
}

.page-module__funnpG__formInput {
    width: 100%;
    font-size: var(--typography-font-size-90);
    background: var(--bg2);
    color: var(--base-white);
    border: 1px solid var(--bdr);
    box-shadow: var(--shd-input);
    padding: 0 var(--space-70);
    height: var(--h-input);
    border-radius: 8px;
    outline: none;
    transition: border-color 0.2s;
}

.page-module__funnpG__formInput:focus {
    border-color: var(--grey-400);
}

.page-module__funnpG__formInput::placeholder {
    color: var(--grey-400);
}

.page-module__funnpG__formTextarea {
    resize: none;
    padding: var(--space-60) var(--space-70);
    height: 80px;
    font-family: inherit;
}

.page-module__funnpG__formSelect {
    cursor: pointer;
    appearance: none;
    padding-right: 2.5em;
}

.page-module__funnpG__topBarLeft,
.page-module__funnpG__topBarRight,
.page-module__funnpG__popoverHeader,
.page-module__funnpG__propertyRow,
.page-module__funnpG__analyticsHeader,
.page-module__funnpG__searchRow,
.page-module__funnpG__treeRow,
.page-module__funnpG__treeChevron,
.page-module__funnpG__treeIconWrapper,
.page-module__funnpG__settingsButton,
.page-module__funnpG__categoryHeader,
.page-module__funnpG__toaster {
    align-items: center;
    display: flex;
}

.page-module__funnpG__categoryWrapper,
.page-module__funnpG__treeGroup,
.page-module__funnpG__treeContainer,
.page-module__funnpG__analyticsContainer,
.page-module__funnpG__analyticsSection,
.page-module__funnpG__popoverProperties,
.page-module__funnpG__exportInputWrapper,
.page-module__funnpG__themeList,
.page-module__funnpG__customDragImage {
    flex-direction: column;
    display: flex;
}

.page-module__funnpG__topBar {
    background: var(--bg1);
    border-bottom: 1px solid var(--bdr);
    height: var(--h-topbar);
    z-index: 200;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
}

.page-module__funnpG__topBarLeft {
    gap: var(--space-60);
    padding: 0 var(--space-100);
}

.page-module__funnpG__topBarRight {
    gap: 8px;
    padding-right: 8px;
}

.page-module__funnpG__logo {
    color: var(--base-white);
    padding: 0px;
}

.page-module__funnpG__topBarButton,
.page-module__funnpG__topBarButtonWide,
.page-module__funnpG__topBarButtonExport {
    cursor: pointer;
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0px;
    transition: background 0.2s;
    display: flex;
}

.page-module__funnpG__topBarButton {
    width: 36px;
}

.page-module__funnpG__topBarButton:hover {
    background: var(--grey-400);
}

.page-module__funnpG__topBarButtonWide {
    max-width: 134px;
}

.page-module__funnpG__topBarButtonText {
    text-align: left;
    max-width: 80px;
}

.page-module__funnpG__generatorButton {
    gap: var(--space-60);
    font-size: var(--typography-font-size-90);
    color: var(--base-white);
    height: var(--h-btn);
    background: var(--bg3);
    box-shadow: var(--shd-btn);
    cursor: pointer;
    padding: 0 var(--space-60);
    border: none;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin: 0px;
    transition: background 0.2s;
    display: flex;
}

.page-module__funnpG__generatorButton:hover {
    background: var(--bg4);
}

.page-module__funnpG__generatorButton:active:not(:disabled),
.page-module__funnpG__topBarButtonActive,
.page-module__funnpG__generatorButtonActive {
    background: var(--bg4);
    box-shadow: var(--shd-active);
    transform: translateY(1px);
}

.page-module__funnpG__generatorButton:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.page-module__funnpG__mainContent {
    flex: 1 1 0%;
    display: flex;
    overflow: hidden;
}

.page-module__funnpG__canvas {
    background: var(--base-white);
    flex: 1 1 0%;
    position: relative;
    overflow-y: auto;
}

.page-module__funnpG__emptyState {
    background: var(--background-neutral--default);
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    display: flex;
}

.page-module__funnpG__emptyStateText {
    text-align: center;
}

.page-module__funnpG__componentWrapper {
    background: var(--background-neutral--default);
    transition: border-color 0.2s, transform 0.2s;
    position: relative;
}

.page-module__funnpG__dropIndicator {
    background: var(--brand-color-300);
    z-index: 10;
    pointer-events: none;
    height: 2px;
    position: absolute;
    top: -12px;
    left: 0px;
    right: 0px;
}

.page-module__funnpG__dropIndicatorCircle {
    border: 2px solid var(--brand-color-300);
    background: var(--base-white);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: -5px;
    left: -6px;
}

.page-module__funnpG__sidebar {
    width: var(--w-sidebar);
    background: linear-gradient(to top, #111, var(--bg1));
    padding: 0 var(--space-80);
    border-left: 1px solid rgb(42, 42, 42);
    overflow-y: auto;
}

.page-module__funnpG__tabs {
    border-bottom: 1px solid var(--bdr);
    margin: 0 calc(-1 * var(--space-80));
    display: flex;
}

.page-module__funnpG__tab {
    padding: var(--space-80);
    font-weight: var(--font-weight-regular);
    font-size: var(--typography-font-size-90);
    cursor: pointer;
    background: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    margin-bottom: -1px;
}

.page-module__funnpG__tabActive {
    color: var(--base-white);
    border-bottom-color: var(--base-white);
}

.page-module__funnpG__tabInactive {
    color: var(--grey-200);
}

.page-module__funnpG__analyticsTextarea {
    min-height: 80px;
}

.page-module__funnpG__sidebarEmptyState {
    padding: var(--space-80) 0;
    text-align: center;
    color: var(--content-neutral--body-subtle);
    font-size: var(--typography-font-size-90);
}

.page-module__funnpG__accordionContent {
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
    display: grid;
}

.page-module__funnpG__accordionContentOpen {
    grid-template-rows: 1fr;
}

.page-module__funnpG__accordionInner {
    overflow: hidden;
}

.page-module__funnpG__customDragImage {
    background: var(--background-neutral--default);
    padding: var(--space-60);
    border: 1px solid var(--grey-200);
    align-items: center;
    gap: var(--space-40);
    z-index: -1;
    border-radius: 8px;
    width: 100px;
    position: absolute;
    top: -1000px;
    left: -1000px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.page-module__funnpG__popoverOverlay {
    z-index: 150;
    position: fixed;
    inset: 0px;
}

.page-module__funnpG__popoverContainer {
    background: var(--bg1);
    border: 1px solid var(--bdr);
    width: var(--w-pop);
    max-width: 90%;
    max-height: 90vh;
    box-shadow: var(--shd-pop);
    z-index: 160;
    border-radius: 8px;
    flex-direction: column;
    display: flex;
    overflow: hidden;
}

.page-module__funnpG__popoverHeader {
    padding: var(--padding-sm);
    border-bottom: 1px solid var(--bdr);
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.page-module__funnpG__popoverTitle {
    font-weight: 600;
    font-size: var(--typography-font-size-80);
    color: var(--content-neutral--title);
    margin: 0px;
}

.page-module__funnpG__popoverClose {
    color: var(--content-neutral--caption);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 4px;
    transition: 0.1s;
    display: flex;
}

.page-module__funnpG__popoverClose:hover {
    background: var(--bg-hover);
    color: var(--content-neutral--title);
}

.page-module__funnpG__popoverContent {
    padding: var(--padding-sm);
    flex: 1 1 0%;
    overflow-y: auto;
}

.page-module__funnpG__popoverProperties {
    gap: var(--gap-sm);
    color: var(--content-neutral--title);
    position: relative;
}

.page-module__funnpG__popoverProperties .page-module__funnpG__propertySelect {
    background-image: none;
}

.page-module__funnpG__propertyRow {
    justify-content: space-between;
}

.page-module__funnpG__propertyRowStacked {
    flex-direction: column;
    align-items: flex-start;
}

.page-module__funnpG__popoverFooter {
    padding: var(--padding-sm);
}

.page-module__funnpG__toggleSwitch {
    width: 44px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.page-module__funnpG__toggleInput {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.page-module__funnpG__toggleSlider {
    cursor: pointer;
    background: var(--grey-200);
    border-radius: 24px;
    transition: 0.4s;
    position: absolute;
    inset: 0px;
}

.page-module__funnpG__toggleSlider::before {
    content: "";
    background: rgb(255, 255, 255);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    transition: 0.4s;
    position: absolute;
    bottom: 2px;
    left: 2px;
}

.page-module__funnpG__toggleInput:checked+.page-module__funnpG__toggleSlider {
    background: var(--brand-color-300);
}

.page-module__funnpG__toggleInput:checked+.page-module__funnpG__toggleSlider::before {
    transform: translateX(20px);
}

.page-module__funnpG__selectWrapper {
    width: 100%;
    position: relative;
}

.page-module__funnpG__selectIcon {
    pointer-events: none;
    color: var(--grey-200);
    z-index: 5;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}

.page-module__funnpG__toaster {
    background: var(--background-neutral--neutral-strong);
    color: var(--content-neutral--body-invert);
    z-index: 1000;
    font-family: var(--font-family-body);
    border-radius: 8px;
    gap: 12px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    animation: 0.3s ease-out 0s 1 normal none running page-module__funnpG__slideUp;
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
}

.page-module__funnpG__toasterDelete {
    background: var(--background-brand--danger-strong);
}

.page-module__funnpG__toasterIcon {
    width: 16px;
    height: 16px;
}

.page-module__funnpG__analyticsSection {
    gap: var(--space-60);
    margin: var(--padding-sm) 0;
}

.page-module__funnpG__analyticsHeader {
    gap: var(--space-60);
}

.page-module__funnpG__themePickerPopover,
.page-module__funnpG__exportPopover {
    margin: 0px;
    position: absolute;
    top: 40px;
    right: 16px;
}

.page-module__funnpG__themePickerPopover {
    width: 260px;
}

.page-module__funnpG__exportPopover {
    width: 362px;
}

.page-module__funnpG__themeList {
    gap: 4px;
    max-height: 240px;
    overflow-y: auto;
}

.page-module__funnpG__themeOption {
    padding: var(--padding-xs) var(--padding-sm);
    cursor: pointer;
    width: 100%;
    height: auto;
    color: var(--grey-300);
    background-color: var(--bg2);
    border: 1px solid var(--bdr);
    font-size: var(--typography-font-size-90);
    border-radius: 8px;
    flex: 1 1 0%;
    justify-content: flex-start;
    align-items: center;
    transition: 0.2s;
    display: flex;
}

.page-module__funnpG__themeOptionSelected {
    color: var(--base-white);
    background-color: var(--grey-500);
    border-color: var(--grey-400);
}

.page-module__funnpG__themeOption:last-child {
    border-bottom: none;
}

.page-module__funnpG__themeOptionInput {
    width: 16px;
    height: 16px;
    accent-color: var(--grey-500);
    cursor: pointer;
    margin-right: 12px;
}

.page-module__funnpG__themePickerFooter {
    padding-top: 8px;
}

.page-module__funnpG__themePickerContent {
    padding: var(--padding-sm) var(--padding-sm);
}

.page-module__funnpG__themePickerSearchContainer {
    margin-bottom: var(--gap-xs);
}

.page-module__funnpG__exportInputWrapper {
    gap: var(--gap-xs);
}

.page-module__funnpG__exportTextarea {
    min-height: 80px;
    max-height: 240px;
}

.page-module__funnpG__exportHelperText {
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-family-body);
}

.page-module__funnpG__exportLink {
    color: var(--grey-200);
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline;
}

.page-module__funnpG__exportLinkText {
    color: var(--content-neutral--caption);
    font-weight: 400;
}

.page-module__funnpG__activeWrapper {
    position: relative;
}

.page-module__funnpG__activeBorderOutline {
    pointer-events: none;
    z-index: 5;
    border: 1px solid rgb(64, 64, 64);
    border-radius: 1px;
    position: absolute;
    inset: 0px;
}

.page-module__funnpG__activeOverlay {
    color: rgb(255, 255, 255);
    z-index: 7;
    white-space: nowrap;
    min-width: 100px;
    height: 20px;
    box-shadow: var(--shadow--md);
    background: rgb(64, 64, 64);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    display: flex;
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
}

.page-module__funnpG__overlayLabel {
    height: 100%;
    font-family: var(--font-family-caption);
    font-size: 10px;
    line-height: var(--typography-line-height-caption-md);
    font-weight: var(--font-weight-regular);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    flex-grow: 1;
    align-items: center;
    gap: 4px;
    min-width: 0px;
    padding: 0px 8px;
    display: flex;
    overflow: hidden;
}

.page-module__funnpG__overlayInput {
    color: rgb(255, 255, 255);
    font-family: var(--font-family-caption);
    font-size: 10px;
    line-height: var(--typography-line-height-caption-md);
    font-weight: var(--font-weight-regular);
    background: none;
    border: none;
    outline: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.page-module__funnpG__overlayIdText {
    color: rgb(255, 255, 255);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: monospace;
    font-size: 10px;
    overflow: hidden;
}

.page-module__funnpG__settingsButton {
    cursor: pointer;
    width: 20px;
    height: 100%;
    color: var(--base-white);
    background: var(--bg3);
    box-shadow: var(--shd-btn);
    border: none;
    border-radius: 0px 4px 4px 0px;
    flex-shrink: 0;
    justify-content: center;
    padding: 0px;
    transition: background 0.2s;
}

.page-module__funnpG__settingsButton svg {
    width: 12px;
    height: 12px;
}

.page-module__funnpG__settingsButton:hover {
    background: rgb(74, 73, 73);
}

.page-module__funnpG__settingsButton:active,
.page-module__funnpG__settingsButtonActive {
    background: rgb(59, 59, 59);
}

.page-module__funnpG__treeContainer {
    gap: 2px;
    padding: 8px 0px;
}

.page-module__funnpG__searchRow {
    padding-top: var(--padding-sm);
    gap: 8px;
}

.page-module__funnpG__searchRow .page-module__funnpG__searchBar {
    flex: 1 1 0%;
    margin-bottom: 0px;
}

.page-module__funnpG__searchInputWrapper {
    flex: 1 1 0%;
    align-items: center;
    display: flex;
    position: relative;
}

.page-module__funnpG__searchInputWrapper .page-module__funnpG__searchBar {
    padding-left: 32px;
}

.page-module__funnpG__searchIcon {
    width: 16px;
    height: 16px;
    color: var(--grey-400);
    pointer-events: none;
    position: absolute;
    left: 8px;
}

.page-module__funnpG__treeRow {
    cursor: pointer;
    height: var(--h-input);
    user-select: none;
    border-radius: 4px;
    gap: 8px;
    transition: background 0.1s;
    position: relative;
}

.page-module__funnpG__treeChevron {
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    padding: 0px;
    display: flex;
}

.page-module__funnpG__treeChevron:hover {
    background: var(--grey-400);
    color: var(--base-white);
}

.page-module__funnpG__treeChevron:hover .page-module__funnpG__treeChevronIcon {
    color: var(--base-white);
}

.page-module__funnpG__treeChevronIcon {
    width: 12px;
    height: 12px;
    color: var(--grey-300);
    transition: transform 0.15s;
}

.page-module__funnpG__treeChevronExpanded {
    transform: rotate(90deg);
}

.page-module__funnpG__treeRowActive .page-module__funnpG__treeIcon,
.page-module__funnpG__treeRowActive .page-module__funnpG__treeInputInline,
.page-module__funnpG__treeRowActive .page-module__funnpG__treeChevronIcon {
    color: var(--content-neutral--body-invert);
}

.page-module__funnpG__sidebarDeleteButton {
    cursor: pointer;
    color: var(--grey-200);
    background: none;
    border: none;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 4px;
    display: none;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
}

.page-module__funnpG__treeRow:hover .page-module__funnpG__sidebarDeleteButton {
    display: flex;
}

.page-module__funnpG__sidebarDeleteButton:hover {
    color: var(--grey-300);
}

.page-module__funnpG__treeDeleteIcon {
    width: 20px;
    height: 20px;
}

.page-module__funnpG__sidebarDeleteButton .page-module__funnpG__iconSolid,
.page-module__funnpG__sidebarDeleteButton:hover .page-module__funnpG__iconOutline {
    display: none;
}

.page-module__funnpG__sidebarDeleteButton:hover .page-module__funnpG__iconSolid {
    display: block;
}

.page-module__funnpG__treeRowNested {
    padding-left: 16px;
}

.page-module__funnpG__treeChildren {
    border-left: .75px solid var(--grey-300);
    margin-left: 10px;
}

.page-module__funnpG__treeIconWrapper {
    opacity: 0.7;
    justify-content: center;
    width: 16px;
    height: 16px;
}

.page-module__funnpG__treeIcon {
    width: 14px;
    height: 14px;
    color: var(--grey-300);
}

.page-module__funnpG__treeInputInline {
    color: var(--grey-200);
    background: none;
    border: none;
    outline: none;
    flex: 1 1 0%;
    min-width: 0px;
    font-family: monospace;
    font-size: 13px;
}

.page-module__funnpG__treeInputInline:focus {
    color: var(--base-white);
}

.page-module__funnpG__sidebarAddButton {
    width: var(--h-btn);
    padding: 0px;
}

.page-module__funnpG__sidebarAddButton:hover {
    background: var(--bg4);
}

.page-module__funnpG__sidebarAddIcon {
    width: 16px;
    height: 16px;
}

.page-module__funnpG__componentsPopover {
    z-index: 1001;
    background: var(--bg1);
    border: 1px solid var(--bdr);
    box-shadow: var(--shd-pop);
    position: fixed;
}

.page-module__funnpG__popoverGrid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 0px 16px 16px;
    display: grid;
}

.page-module__funnpG__popoverCard {
    border: 1px solid var(--grey-100);
    text-align: left;
    background: var(--base-white);
    border-radius: 6px;
    padding: 0px;
    transition: 0.2s;
    overflow: hidden;
}

.page-module__funnpG__popoverCard:hover {
    border-color: var(--brand-color-300);
    transform: translateY(-2px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.page-module__funnpG__cardImageWrapper {
    aspect-ratio: 3 / 2;
    background: var(--grey-50);
    width: 100%;
    position: relative;
}

.page-module__funnpG__cardContent {
    padding: 10px;
}

.page-module__funnpG__cardTitle {
    color: var(--grey-900);
    margin: 0px;
    font-size: 12px;
    font-weight: 600;
}

.page-module__funnpG__categoryHeader {
    cursor: pointer;
    user-select: none;
    color: var(--grey-300);
    justify-content: space-between;
    padding: 12px 16px;
}

:root {
    --brand-color-500: #00381CFF;
    --brand-color-400: #004E27FF;
    --brand-color-300: #007038FF;
    --brand-color-200: #2B885AFF;
    --brand-color-100: #6BAC8CFF;
    --brand-color-75: #96C4ADFF;
    --brand-color-50: #E6F1EBFF;
    --text--primary-button: var(--base-white);
    --stroke--primary-button: none;
    --stroke--neutral-button: var(--grey-200);
    --stroke-brand--brand-strong: var(--brand-color-500);
    --system-color-green-500: #1B683EFF;
    --system-color-green-300: #2BAA66FF;
    --system-color-green-50: #EAF7F0FF;
    --system-color-blue-500: #124191FF;
    --system-color-blue-300: #1E6AEDFF;
    --system-color-blue-50: #E9EBF8FF;
    --system-color-yellow-500: #9C8800FF;
    --system-color-yellow-300: #FFDF00FF;
    --system-color-yellow-50: #FFFCE6FF;
    --system-color-red-500: #832524FF;
    --system-color-red-300: #D93B3BFF;
    --system-color-red-50: #FBEBEBFF;
    --round-80: 12px;
    --round-100: 16px;
    --round-120: 20px;
    --round-button: 9999px;
    --round-circle: 9999px;
    --shadow-x-button: 0px;
    --shadow-x-md: 0px;
    --shadow-y-button: 0px;
    --shadow-y-md: 8px;
    --shadow-blur-button: 0px;
    --shadow-blur-md: 20px;
    --shadow-spread-button: 0px;
    --shadow-spread-md: 0px;
    --shadow-color-button: rgba(0, 0, 0, 0);
    --shadow-color-md: rgba(0, 0, 0, 0.2);
    --base-black: #000000FF;
    --base-white: #FFFFFFFF;
    --alpha-black-75: #000000BF;
    --alpha-black-50: #00000080;
    --alpha-black-25: #00000040;
    --alpha-white-75: #FFFFFFBF;
    --alpha-white-50: #FFFFFF80;
    --alpha-white-25: #FFFFFF40;
    --grey-500: #212121FF;
    --grey-400: #424242FF;
    --grey-300: #8F8F8FFF;
    --grey-200: #BDBDBDFF;
    --grey-100: #EEEEEEFF;
    --grey-50: #FCFCFCFF;
    --space-60: 8px;
    --space-70: 12px;
    --space-80: 16px;
    --space-100: 24px;
    --space-120: 32px;
    --space-140: 40px;
    --space-180: 56px;
    --space-240: 80px;
    --typography-font-size-80: 12px;
    --typography-font-size-90: 14px;
    --typography-font-size-100: 16px;
    --typography-font-size-120: 20px;
    --typography-font-size-140: 24px;
    --typography-font-size-200: 36px;
    --typography-font-size-260: 48px;
    --typography-font-size-380: 72px;
    --typography-line-height-80: 20px;
    --typography-line-height-100: 24px;
    --typography-line-height-120: 28px;
    --typography-line-height-140: 32px;
    --typography-line-height-200: 44px;
    --typography-line-height-260: 56px;
    --typography-line-height-380: 80px;
    --font-family-heading: 'Poppins', sans-serif;
    --font-family-body: 'Lato', sans-serif;
    --font-family-caption: 'Lato', sans-serif;
    --font-family-overline: 'Lato', sans-serif;
    --font-family-action: 'Lato', sans-serif;
    --font-weight-bold: 600;
    --font-weight-regular: 300;
    --font-weight-action: 600;
}

@font-face {
    font-family: __nextjs-Geist;
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("/__nextjs_font/geist-latin-ext.woff2") format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "__nextjs-Geist Mono";
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("/__nextjs_font/geist-mono-latin-ext.woff2") format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: __nextjs-Geist;
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("/__nextjs_font/geist-latin.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "__nextjs-Geist Mono";
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("/__nextjs_font/geist-mono-latin.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.banner-information-module__wm3xCG__banner {
    background-color: #007038;
    padding: var(--padding-xs) 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 40px;
    display: flex;
}

.banner-information-module__wm3xCG__content {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 0px;
    display: flex;
}

.banner-information-module__wm3xCG__title {
    color: var(--content-neutral--body-invert);
    text-align: left;
    white-space: nowrap;
    margin: 0px;
}

.banner-information-module__wm3xCG__marqueeWrapper {
    min-width: 0px;
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
    flex: 0 1 auto;
    position: relative;
    overflow: hidden;
}

.banner-information-module__wm3xCG__marqueeMask {
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 16px, rgb(0, 0, 0) calc(100% - 16px), rgba(0, 0, 0, 0));
}

.banner-information-module__wm3xCG__marquee {
    padding-left: 0px;
    animation-delay: 1s;
    display: inline-block;
}

.banner-information-module__wm3xCG__marqueeWrapper:hover .banner-information-module__wm3xCG__marquee,
.banner-information-module__wm3xCG__marqueeWrapper:focus-within .banner-information-module__wm3xCG__marquee {
    animation-play-state: paused;
}

.lacto-navigation-module__04PJCG__container {
    padding: var(--padding-xs);
    background-color: transparent;
    transition: background-color 0.3s ease;
    width: 100%;
    margin: 0px;
    display: flex;
}

.lacto-navigation-module__04PJCG__container.scrolled {
    background-color: var(--background-neutral--alpha--white-50);
    backdrop-filter: blur(30px);
}

.lacto-navigation-module__04PJCG__menuItem {
    text-align: center;
    width: 100%;
    min-width: 0px;
    height: 100%;
    padding: 0 var(--padding-sm);
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.lacto-navigation-module__04PJCG__menuItem>*,
.lacto-navigation-module__04PJCG__menuItem a,
.lacto-navigation-module__04PJCG__menuItem span {
    min-width: 0px;
    max-width: 100%;
}

@media (min-width: 768px) {
    .lacto-navigation-module__04PJCG__menuItem {
        max-width: 100%;
    }
}

.lacto-navigation-module__04PJCG__menuItem a {
    color: inherit;
    text-decoration: none;
}

.lacto-navigation-module__04PJCG__logo {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 56px;
    display: flex;
}

.lacto-navigation-module__04PJCG__hamburger {
    cursor: pointer;
    width: 24px;
    height: 24px;
    color: var(--content-neutral--title);
    background: none;
    border: none;
    display: none;
    position: absolute;
    left: 0px;
}

.lacto-navigation-module__04PJCG__mobileMenu {
    background: var(--background-neutral--default);
    border-radius: var(--border-radius-md);
    padding: var(--padding-md);
    gap: var(--gap-sm);
    margin-top: var(--gap-sm);
    z-index: 50;
    flex-direction: column;
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
}

.lacto-navigation-module__04PJCG__mobileMenuItem {
    padding: var(--padding-sm);
    color: var(--content-neutral--title);
    text-align: left;
    border-bottom: 1px solid var(--stroke-neutral--neutral);
}

.lacto-navigation-module__04PJCG__mobileMenuItem a {
    color: inherit;
    text-decoration: none;
}

.lacto-navigation-module__04PJCG__mobileMenuItem:last-child {
    border-bottom: none;
}

@media (max-width: 767px) {
    .lacto-navigation-module__04PJCG__hamburger {
        display: block;
    }

    .lacto-navigation-module__04PJCG__mobileMenu {
        display: flex;
    }

    .lacto-navigation-module__04PJCG__menuItem {
        display: none;
    }
}

.media-16-9-module__B7Kk8a__container {
    width: 100%;
    padding: var(--padding-sm) 0;
    position: relative;
}

.media-16-9-module__B7Kk8a__image {
    height: auto;
    display: block;
}

.header-section-module__QzlgQW__section {
    padding-top: var(--padding-2xl);
    position: relative;
}

.header-section-module__QzlgQW__content {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.header-section-module__QzlgQW__title {
    color: var(--content-brand--brand);
    overflow-wrap: break-word;
    word-break: break-word;
}

.header-section-module__QzlgQW__subtitle {
    color: var(--content-neutral--title);
    overflow-wrap: break-word;
    word-break: break-word;
}

.terra-features-image-left-module__MkaKOW__container {
    padding: var(--padding-2xl) 0;
}

.terra-features-image-left-module__MkaKOW__imageWrapper {
    order: 1;
}

.terra-features-image-left-module__MkaKOW__content {
    padding: var(--padding-md);
    flex-direction: column;
    order: 2;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.terra-features-image-left-module__MkaKOW__title {
    color: var(--content-brand--brand);
    margin: 0 0 var(--gap-lg) 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

.terra-features-image-left-module__MkaKOW__description {
    color: var(--content-neutral--caption);
    margin: 0 0 var(--gap-sm) 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

@media (max-width: 767px) {
    .terra-features-image-left-module__MkaKOW__imageWrapper {
        order: 2;
    }

    .terra-features-image-left-module__MkaKOW__content {
        order: 1;
    }
}

.terra-testimony-module__sPU9Ea__container {
    padding: var(--padding-xl) 0;
}

.terra-testimony-module__sPU9Ea__cardsWrapper {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    justify-content: flex-start;
    display: flex;
    overflow: auto hidden;
}

.terra-testimony-module__sPU9Ea__cardsWrapper::-webkit-scrollbar {
    display: none;
}

.terra-testimony-module__sPU9Ea__itemWrapper {
    scroll-snap-align: start;
    padding: var(--padding-md);
    flex: 0 0 85vw;
    justify-content: center;
    display: flex;
}

@media (min-width: 768px) {
    .terra-testimony-module__sPU9Ea__itemWrapper {
        flex: 0 0 28%;
    }
}

.terra-testimony-module__sPU9Ea__card {
    aspect-ratio: 4 / 5;
    background: var(--background-neutral--default);
    border-radius: var(--border-radius-lg);
    width: 100%;
    position: relative;
    overflow: hidden;
}

.terra-testimoni-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.terra-testimony-module__sPU9Ea__terraTestimoniDescriptionCard {
    bottom: var(--padding-sm);
    left: var(--padding-sm);
    right: var(--padding-sm);
    background: var(--background-neutral--default);
    border-radius: var(--border-radius-md);
    backdrop-filter: blur(5.5px);
    padding: var(--padding-lg) var(--padding-sm) var(--padding-sm) var(--padding-sm);
    pointer-events: auto;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: absolute;
}

@media (min-width: 481px) and (max-width: 767px) {
    .terra-testimony-module__sPU9Ea__terraTestimoniDescriptionCard {
        padding-top: var(--padding-lg);
    }
}

@media (max-width: 480px) {
    .terra-testimony-module__sPU9Ea__terraTestimoniDescriptionCard {
        padding-top: var(--padding-2xl);
    }
}

.terra-testimony-module__sPU9Ea__avatarImg {
    border: 4px solid var(--background-neutral--default);
    width: 52px;
    height: 52px;
    box-shadow: var(--shadow--button);
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
}

.terra-testimony-module__sPU9Ea__role {
    opacity: 0.6;
    text-align: center;
    width: 100%;
    color: var(--content-neutral--caption);
    margin-bottom: var(--gap-xs);
}

.terra-testimony-module__sPU9Ea__description {
    opacity: 0.8;
    text-align: center;
    width: 100%;
    color: var(--content-neutral--body);
}

.terra-testimony-module__sPU9Ea__paginator {
    justify-content: center;
    gap: var(--gap-sm);
    margin-top: var(--gap-sm);
    display: flex;
}

@media (max-width: 1023px) {
    .terra-testimony-module__sPU9Ea__paginator {
        display: none;
    }
}

.terra-testimony-module__sPU9Ea__dot {
    border-radius: var(--border-radius-lg);
    background: var(--background-neutral--neutral-subtle);
    cursor: pointer;
    width: 40px;
    height: 4px;
    transition: background 0.3s, opacity 0.3s;
}

.terra-testimony-module__sPU9Ea__dot:hover {
    opacity: 0.7;
}

.terra-testimony-module__sPU9Ea__activeDot {
    background: var(--background-brand--button--primary-default);
}

.terra-footer-2-module__JtJgyG__container {
    background-color: var(--background-neutral--default);
    padding-top: var(--padding-sm);
    padding-bottom: var(--padding-sm);
}

.terra-footer-2-module__JtJgyG__logoSection {
    justify-content: center;
    align-items: center;
    display: flex;
}

.terra-footer-2-module__JtJgyG__logo {
    object-fit: contain;
    max-height: 52px;
}

.terra-footer-2-module__JtJgyG__linksSection {
    justify-content: center;
    align-items: center;
    gap: var(--gap-md);
    flex-wrap: wrap;
    display: flex;
}

.terra-footer-2-module__JtJgyG__linksSection a {
    color: var(--content-neutral--body);
    text-align: center;
    text-decoration: none;
}

.terra-footer-2-module__JtJgyG__socialSection {
    justify-content: center;
    align-items: center;
    gap: var(--gap-sm);
    display: flex;
}

.terra-footer-2-module__JtJgyG__iconWrapper {
    width: 40px;
    height: 40px;
    padding: var(--padding-xs);
    background-color: var(--background-neutral--neutral-subtle);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    color: var(--content-neutral--body);
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: background-color 0.3s;
    display: flex;
}

.terra-footer-2-module__JtJgyG__iconWrapper:hover {
    background-color: var(--background-neutral--neutral);
}

.terra-footer-2-module__JtJgyG__socialIcon {
    object-fit: contain;
    width: 24px;
    height: 24px;
}

@media (max-width: 480px) {

    .terra-footer-2-module__JtJgyG__logoSection,
    .terra-footer-2-module__JtJgyG__linksSection,
    .terra-footer-2-module__JtJgyG__socialSection {
        margin-bottom: var(--gap-sm);
    }

    .terra-footer-2-module__JtJgyG__logoSection:last-child,
    .terra-footer-2-module__JtJgyG__linksSection:last-child,
    .terra-footer-2-module__JtJgyG__socialSection:last-child {
        margin-bottom: 0px;
    }
}

.dialog-section-module__ax9XXG__wrapper {
    display: inline-block;
    position: relative;
}

.dialog-section-module__ax9XXG__triggerWrapper {
    display: inline-block;
}

.dialog-section-module__ax9XXG__overlay {
    background-color: var(--background-neutral--alpha--black-50);
    padding: var(--padding-md);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    animation: 0.2s ease-out 0s 1 normal none running dialog-section-module__ax9XXG__fadeIn;
    display: flex;
    position: fixed;
    inset: 0px;
}

.dialog-section-module__ax9XXG__dialog {
    background-color: var(--background-neutral--default);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow--md);
    width: 100%;
    max-height: 90vh;
    padding-bottom: var(--padding-xl);
    flex-direction: column;
    animation: 0.2s ease-out 0s 1 normal none running dialog-section-module__ax9XXG__scaleIn;
    display: flex;
    position: relative;
    overflow-y: auto;
}

.dialog-section-module__ax9XXG__closeButton {
    top: var(--padding-xs);
    right: var(--padding-xs);
    background: var(--background-neutral--default);
    cursor: pointer;
    width: var(--size-button-sm);
    height: var(--size-button-sm);
    border-radius: var(--border-radius-round);
    color: var(--content-neutral--caption);
    z-index: 10;
    box-shadow: var(--shadow--sm);
    border: none;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s;
    display: flex;
    position: absolute;
}

.dialog-section-module__ax9XXG__closeButton:hover {
    background-color: var(--background-neutral--default);
    color: var(--content-neutral--title);
}

.dialog-section-module__ax9XXG__textContainer {
    padding: var(--padding-md) var(--padding-md);
    gap: var(--gap-xs);
    flex-direction: column;
    display: flex;
}

.dialog-section-module__ax9XXG__title {
    color: var(--content-neutral--title);
    margin: 0px;
}

.dialog-section-module__ax9XXG__description {
    color: var(--content-neutral--body);
    margin: 0px;
}

.dialog-section-module__ax9XXG__imageContainer {
    background-color: var(--background-neutral--neutral-subtle);
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}

.dialog-section-module__ax9XXG__listContainer {
    padding: 0 var(--padding-md);
    gap: var(--gap-xs);
    flex-direction: column;
    flex: 1 1 0%;
    display: flex;
    overflow-y: auto;
}

.dialog-section-module__ax9XXG__listItem {
    align-items: center;
    gap: var(--gap-xs);
    padding: var(--padding-sm) var(--padding-sm);
    color: var(--content-neutral--body);
    border: 1px solid var(--stroke-neutral--neutral);
    border-radius: var(--border-radius-md);
    text-align: left;
    cursor: pointer;
    background: none;
    width: 100%;
    text-decoration: none;
    transition: background-color 0.2s;
    display: flex;
}

.dialog-section-module__ax9XXG__lastItem {
    border-bottom: none;
}

.dialog-section-module__ax9XXG__listItem:hover {
    background-color: var(--background-neutral--neutral-subtle);
}

.dialog-section-module__ax9XXG__itemIcon {
    width: var(--size-button-md);
    height: var(--size-button-md);
    border-radius: var(--border-radius-sm);
    flex-shrink: 0;
    overflow: hidden;
}

.dialog-section-module__ax9XXG__itemContent {
    font-family: var(--font-family-body);
    font-size: var(--typography-font-size-paragraph-md);
    color: var(--content-neutral--title);
    flex: 1 1 0%;
}

.dialog-section-module__ax9XXG__itemArrow {
    color: var(--content-neutral--caption);
    width: var(--size-icon-md);
    height: var(--size-icon-md);
}

.dialog-section-module__ax9XXG__accordionContainer {
    padding: 0 var(--padding-md);
    flex-direction: column;
    flex: 1 1 0%;
    display: flex;
}

.dialog-section-module__ax9XXG__accordionItem {
    text-align: left;
    border-bottom: 1px solid var(--stroke-neutral--neutral);
    background: none;
    width: 100%;
}

.dialog-section-module__ax9XXG__accordionItem:last-child {
    border-bottom: none;
}

.dialog-section-module__ax9XXG__accordionHeader {
    align-items: center;
    gap: var(--gap-md);
    width: 100%;
    padding: var(--padding-md) 0;
    cursor: pointer;
    text-align: left;
    background: none;
    border: none;
    display: flex;
}

.dialog-section-module__ax9XXG__accordionTitle {
    color: var(--content-neutral--title);
    flex: 1 1 0%;
    font-weight: 600;
}

.dialog-section-module__ax9XXG__iconContainer {
    width: var(--size-icon-lg);
    height: var(--size-icon-lg);
    border-radius: var(--border-radius-round);
    background-color: var(--background-neutral--default);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s;
    display: flex;
}

.dialog-section-module__ax9XXG__accordionIcon {
    width: var(--size-icon-sm);
    height: var(--size-icon-sm);
    color: var(--content-neutral--default-invert);
}

.dialog-section-module__ax9XXG__accordionContent {
    background-color: rgba(0, 0, 0, 0);
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
    display: grid;
    overflow: hidden;
}

.dialog-section-module__ax9XXG__accordionContentOpen {
    grid-template-rows: 1fr;
}

.dialog-section-module__ax9XXG__accordionInner {
    z-index: 1;
    min-height: 0px;
    padding-left: calc(var(--size-icon-lg) + var(--gap-md));
    opacity: 0;
    color: var(--content-neutral--caption);
    padding-bottom: 0px;
    padding-right: 0px;
    transition: opacity 0.3s ease-out, padding-bottom 0.3s;
    position: relative;
}

.dialog-section-module__ax9XXG__accordionContentOpen .dialog-section-module__ax9XXG__accordionInner {
    opacity: 1;
    padding-bottom: var(--padding-md);
}

/* Lacto Footer Styles */
.lacto-footer-module__NcxE6W__section {
    background-color: var(--base-white);
    max-height: 100px;
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    border-top: 1px solid var(--background-neutral--neutral-subtle);
    overflow: hidden;
}

.lacto-footer-module__NcxE6W__container {
    height: 100%;
    display: flex;
    align-items: center;
}

.lacto-footer-module__NcxE6W__leftColumn {
    display: flex;
    align-items: center;
    gap: var(--gap-md);
    height: 100%;
}

.lacto-footer-module__NcxE6W__logo {
    height: 100%;
    width: auto;
    max-height: 48px;
    object-fit: contain;
}

.lacto-footer-module__NcxE6W__description {
    font-size: var(--typography-font-size-caption-md);
    color: var(--content-neutral--body);
    display: -webkit-box;
    overflow: hidden;
}

.lacto-footer-module__NcxE6W__rightColumn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--gap-md);
    height: 100%;
}

.lacto-footer-module__NcxE6W__socialIcon {
    width: 24px;
    height: 24px;
    transition: opacity 0.2s;
}

.lacto-footer-module__NcxE6W__socialIcon:hover {
    opacity: 0.7;
}

@media (max-width: 768px) {
    .lacto-footer-module__NcxE6W__section {
        height: auto;
        max-height: none;
        padding: var(--padding-md) 0;
    }

    .lacto-footer-module__NcxE6W__leftColumn {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--gap-sm);
        margin-bottom: var(--gap-md);
    }

    .lacto-footer-module__NcxE6W__rightColumn {
        justify-content: flex-start;
    }
}