/* Exported Styless updatesssssss! */

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 40px;
}

/* Dynamically Captured Variables */
:root {
    --scrim: #000000FF;
    --base-black: #000000FF;
    --background-neutral--default: #FFFFFFFF;
    --base-white: #FFFFFFFF;
    --background-neutral--neutral-strong: #000000FF;
    --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;
    --grey-500: #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: #F9B71CFF;
    --brand-color-300: #F9B71CFF;
    --background-brand--brand-mute: #FEF8E8FF;
    --brand-color-50: #FEF8E8FF;
    --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: #F9B71CFF;
    --background-brand--button--primary-hover: #F6B10EFF;
    --brand-color-400: #F6B10EFF;
    --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--neutral: #212121FF;
    --content-neutral--button--ghost: #424242FF;
    --content-brand--brand-strong: #D59807FF;
    --brand-color-500: #D59807FF;
    --content-brand--brand: #F9B71CFF;
    --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: #D59807FF;
    --stroke-brand--brand: #F9B71CFF;
    --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: #BDBDBDFF;
    --stroke-neutral--invert: #FFFFFFFF;
    --shadow--button: 4px 6px 0px 0px rgba(0, 0, 0, 1);
    --shadow-x-button: 4px;
    --shadow-y-button: 6px;
    --shadow-blur-button: 0px;
    --shadow-spread-button: 0px;
    --shadow-color-button: rgba(0, 0, 0, 1);
    --shadow--md: 8px 10px 0px 0px rgba(0, 0, 0, 1);
    --shadow-x-md: 8px;
    --shadow-y-md: 10px;
    --shadow-blur-md: 0px;
    --shadow-spread-md: 0px;
    --shadow-color-md: rgba(0, 0, 0, 1);
    --z-index-sm: 0;
    --z-index-md: 2;
    --z-index-lg: 4;
    --z-index-xl: 8;
    --bg-color: #424242FF;
    --text-color: #FFFFFFFF;
    --input-bg: #FFFFFF40;
    --input-border: #FFFFFF40;
    --font-family-heading: "Montserrat", 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: "Montserrat", sans-serif;
    --font-weight-regular: 300;
    --typography-font-size-paragraph-md: 16px;
    --typography-line-height-paragraph-md: 24px;
    --font-family-caption: "Montserrat", sans-serif;
    --typography-font-size-caption-md: 14px;
    --typography-line-height-caption-md: 20px;
    --font-family-action: "Montserrat", 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;
    --button--text-primary: #212121FF;
    --button--stroke-primary: #212121FF;
    --border-radius-round: 9999px;
    --padding-xs: 8px;
    --gap-xs: 8px;
    --padding-sm: 16px;
    --border-radius-md: 16px;
    --grid-margin: 120px;
    --grid-columns: 12;
    --grid-gutter: 0;
    --padding-md: 24px;
    --padding-lg: 40px;
    --padding-xl: 56px;
    --padding-2xl: 80px;
    --gap-sm: 16px;
    --gap-md: 24px;
    --gap-lg: 40px;
    --gap-xl: 56px;
    --space-140: 40px;
    --gap-2xl: 80px;
    --space-180: 56px;
    --border-radius-sm: 12px;
    --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;
    --brand-color-200: #FAC343FF;
    --brand-color-100: #FCD57BFF;
    --brand-color-75: #FDE1A2FF;
    --space-120: 32px;
    --font-family-overline: "Montserrat", sans-serif;
}

:root {
    --scrim: var(--base-black);
    --background-neutral--default: var(--base-white);
    --background-neutral--neutral-strong: var(--base-black);
    --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(--button-text-primary);
    --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-200);
    --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);
    --z-index-sm: 0;
    --z-index-md: 2;
    --z-index-lg: 4;
    --z-index-xl: 8;
}

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

body {
    background-color: var(--background-neutral--default);
    background-image: url(images/bg-milku.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.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: fit-content;
    box-shadow: var(--shadow--button);
    border: medium;
    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(--button--text-primary);
    border: 1px solid var(--button--stroke-primary);
}

.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(--button--stroke-primary);
    color: var(--button--text-primary);
}

.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: 16px;
    height: 16px;
}

.btn-md svg,
.btn-md .icon {
    width: 20px;
    height: 20px;
}

.btn-lg svg,
.btn-lg .icon {
    width: 24px;
    height: 24px;
}

.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 {
    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 {
    fill: currentcolor;
    width: 20px;
    height: 20px;
}

.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;
    background-color: rgba(0, 0, 0, 0);
    border: medium;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    display: inline-flex;
}

.tabs-button-active {
    background-color: var(--base-white);
    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;
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    background-color: var(--base-black);
    color: var(--base-white);
    white-space: normal;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 100;
    border-radius: 4px;
    width: max-content;
    max-width: 240px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 500;
    transition: opacity 0.2s;
    position: absolute;
    bottom: -32px;
    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: auto;
    bottom: 100%;
}

[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;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

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

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

.z-sm {
    z-index: var(--z-index-sm);
}

.z-md {
    z-index: var(--z-index-md);
}

.z-lg {
    z-index: var(--z-index-lg);
}

.z-xl {
    z-index: var(--z-index-xl);
}


/* Grid System */

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

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

/* Column Spans */
.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;
}

/* Mobile (2 cols) */
: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;
}

/* Tablet (8 cols) */
@media (min-width: 481px) and (max-width: 1023px) {
    :root {
        --grid-columns: 8;
        --grid-margin: 40px;
        --grid-gutter: 0;

        /* Tokens from tokens.css */
        --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;
    }
}

/* Desktop (12 cols) */
@media (min-width: 1024px) {
    :root {
        --grid-columns: 12;
        --grid-margin: 120px;
        --grid-gutter: 0;

        /* Tokens from tokens.css */
        --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;
    }
}

/* Tablet Columns */
@media (min-width: 481px) and (max-width: 1023px) {
    .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;
    }

    /* Offsets */
    .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;
    }

    /* Visibility */
    .hidden-tablet {
        display: none !important;
    }
}

/* Desktop Columns */
@media (min-width: 1024px) {
    .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;
    }

    /* Offsets */
    .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;
    }
}

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

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

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

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

    /* Visibility */
    .hidden-mobile {
        display: none !important;
    }
}

/* Alignment */
.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;
}

/* Debug Grid */
.grid-debug {
    position: relative;
}

.grid-debug::before {
    content: '';
    position: absolute;
    top: 0;
    left: var(--grid-margin);
    right: var(--grid-margin);
    height: 100%;
    background-image: repeating-linear-gradient(to right,
            rgba(255, 0, 0, 0.1) 0,
            rgba(255, 0, 0, 0.1) 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;
}

.page-module__E0kJGG__container {
    --popover-width: 362px;
    flex-direction: column;
    height: 100vh;
    font-family: "Plus Jakarta Sans", sans-serif;
    display: flex;
    overflow: hidden;
}

.page-module__E0kJGG__topBar {
    background-color: var(--background-neutral--default);
    border-bottom: 1px solid var(--grey-100);
    z-index: 10;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding: 0px;
    display: flex;
}

.page-module__E0kJGG__topBarLeft {
    align-items: center;
    gap: var(--space-60);
    padding: 0 var(--space-100);
    display: flex;
}

.page-module__E0kJGG__topBarRight {
    gap: 0px;
    display: flex;
}

.page-module__E0kJGG__logo {
    color: var(--content-neutral--title);
    padding: 0px;
}

.page-module__E0kJGG__topBarButton,
.page-module__E0kJGG__topBarButtonWide,
.page-module__E0kJGG__topBarButtonExport {
    cursor: pointer;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-image: none;
    border-left: 1px solid var(--grey-100);
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    height: 36px;
    padding: 0px;
    transition: background-color 0.2s;
    display: flex;
}

.page-module__E0kJGG__topBarButton {
    width: 36px;
}

.page-module__E0kJGG__topBarButtonWide,
.page-module__E0kJGG__topBarButtonExport {
    gap: var(--space-60);
    font-size: var(--typography-font-size-90);
    color: var(--content-neutral--title);
}

.page-module__E0kJGG__topBarButtonWide {
    width: 134px;
    padding: 0 var(--space-60);
    justify-content: center;
}

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

.page-module__E0kJGG__topBarButtonExport {
    width: 94px;
}

.page-module__E0kJGG__topBarButton:hover,
.page-module__E0kJGG__topBarButtonWide:hover,
.page-module__E0kJGG__topBarButtonExport:hover,
.page-module__E0kJGG__topBarButtonActive {
    background-color: var(--grey-100);
}

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

.page-module__E0kJGG__canvas {
    background-color: var(--background-neutral--default);
    flex: 1 1 0%;
    position: relative;
    overflow-y: auto;
}

.page-module__E0kJGG__canvasInner {
    padding: var(--space-100);
}

.page-module__E0kJGG__emptyState {
    background-color: var(--background-neutral--default);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    display: flex;
}

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

.page-module__E0kJGG__componentWrapper {
    background-color: var(--background-neutral--default);
    cursor: grab;
    border: 1px dashed rgba(0, 0, 0, 0);
    border-radius: 10px;
    transition: border-color 0.2s, transform 0.2s;
    position: relative;
}

.page-module__E0kJGG__componentWrapper:hover {
    border-color: var(--grey-100);
}

.page-module__E0kJGG__componentWrapperDragging {
    opacity: 0;
}

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

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

.page-module__E0kJGG__controlButtons {
    top: var(--space-60);
    right: var(--space-60);
    background-color: var(--base-white);
    opacity: 0;
    z-index: 10;
    border-radius: 8px;
    gap: 0px;
    transition: opacity 0.2s;
    display: flex;
    position: absolute;
    overflow: hidden;
    box-shadow: rgba(38, 38, 38, 0.12) 0px 1px 3px;
}

.page-module__E0kJGG__componentWrapper:hover .page-module__E0kJGG__controlButtons {
    opacity: 1;
}

.page-module__E0kJGG__controlButton {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: medium;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    font-size: 16px;
    transition: background-color 0.2s;
    display: flex;
}

.page-module__E0kJGG__controlButton:hover {
    background-color: var(--grey-50);
}

.page-module__E0kJGG__controlButton:disabled {
    cursor: not-allowed;
}

.page-module__E0kJGG__controlButtonBordered {
    border-right: 1px solid var(--grey-100);
}

.page-module__E0kJGG__controlButtonDelete {
    color: var(--content-neutral--body);
}

.page-module__E0kJGG__controlButtonDelete:hover {
    color: var(--system-color-red-300);
}

.page-module__E0kJGG__controlId {
    color: var(--content-neutral--body);
    background-color: var(--base-white);
    border-right: 1px solid var(--grey-100);
    white-space: nowrap;
    align-items: center;
    height: 36px;
    padding: 0px 12px;
    font-family: monospace;
    font-size: 12px;
    display: flex;
}

.page-module__E0kJGG__controlIdHash {
    color: var(--content-neutral--caption);
    margin-right: 2px;
}

.page-module__E0kJGG__controlIdInput {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    border: medium;
    outline: currentcolor;
    width: 100px;
    padding: 0px;
}

.page-module__E0kJGG__controlIdInput:focus {
    color: var(--content-neutral--title);
}

.page-module__E0kJGG__sidebar {
    background-color: var(--grey-50);
    border-left: 1px solid var(--grey-100);
    width: 300px;
    padding: var(--space-80);
    overflow-y: auto;
}

.page-module__E0kJGG__sidebarSection {
    margin-bottom: var(--space-80);
}

.page-module__E0kJGG__sidebarTitle {
    margin-bottom: var(--space-80);
    color: var(--content-neutral--title);
}

.page-module__E0kJGG__tabs {
    border-bottom: 1px solid var(--grey-100);
    margin: 0 calc(-1 * var(--space-80));
    gap: 0px;
    padding: 0px;
    display: flex;
}

.page-module__E0kJGG__tab {
    padding: var(--space-60) var(--space-80);
    font-weight: var(--font-weight-regular);
    font-size: var(--typography-font-size-90);
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border-width: medium medium 1px;
    border-style: none none solid;
    border-color: currentcolor currentcolor rgba(0, 0, 0, 0);
    border-image: none;
    margin-bottom: -1px;
}

.page-module__E0kJGG__tabActive {
    color: var(--content-neutral--title);
    border-bottom-color: var(--content-neutral--title);
}

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

.page-module__E0kJGG__searchBar {
    width: 100%;
    padding: 0 var(--space-70);
    border: 1px solid var(--grey-100);
    height: 36px;
    margin-bottom: var(--space-60);
    font-size: var(--typography-font-size-90);
    border-radius: 8px;
    outline: currentcolor;
    transition: border-color 0.2s;
}

.page-module__E0kJGG__searchBar:focus {
    border-color: var(--brand-color-300);
}

.page-module__E0kJGG__searchBar::placeholder {
    color: var(--content-neutral--body-subtle);
    opacity: 1;
}

.page-module__E0kJGG__separator {
    border-bottom: 1px solid var(--grey-100);
    margin-top: var(--space-60);
    margin-bottom: var(--space-60);
    margin-left: calc(-1 * var(--space-80));
    margin-right: calc(-1 * var(--space-80));
    width: calc(100% + (2 * var(--space-80)));
}

.page-module__E0kJGG__categoryWrapper {
    flex-direction: column;
    display: flex;
}

.page-module__E0kJGG__categorySummary {
    cursor: pointer;
    padding: var(--space-60) 0;
    font-weight: var(--font-weight-regular);
    font-size: var(--typography-font-size-90);
    color: var(--content-neutral--body);
    justify-content: space-between;
    align-items: center;
    list-style: none;
    display: flex;
}

.page-module__E0kJGG__componentGrid {
    gap: var(--gap-sm);
    margin-top: var(--space-60);
    grid-template-columns: 1fr 1fr;
    display: grid;
}

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

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

.page-module__E0kJGG__accordionInner {
    overflow: hidden;
}

.page-module__E0kJGG__customDragImage {
    background-color: 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;
    flex-direction: column;
    width: 100px;
    display: flex;
    position: absolute;
    top: -1000px;
    left: -1000px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.page-module__E0kJGG__sidebarButton {
    align-items: center;
    gap: var(--gap-xs);
    cursor: pointer;
    text-align: center;
    margin-bottom: var(--padding-sm);
    background-color: rgba(0, 0, 0, 0);
    border: medium;
    flex-direction: column;
    padding: 0px;
    transition: 0.2s;
    display: flex;
}

.page-module__E0kJGG__sidebarButtonImageWrapper {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: box-shadow 0.2s;
    display: flex;
    overflow: hidden;
}

.page-module__E0kJGG__sidebarButton:hover .page-module__E0kJGG__sidebarButtonImageWrapper,
.page-module__E0kJGG__sidebarButtonSelected .page-module__E0kJGG__sidebarButtonImageWrapper {
    box-shadow: rgba(38, 38, 38, 0.12) 0px 1px 3px;
}

.page-module__E0kJGG__popoverOverlay {
    z-index: 1000;
    position: fixed;
    inset: 0px;
}

.page-module__E0kJGG__popoverContainer {
    background-color: var(--base-white);
    width: var(--popover-width);
    border-radius: 10px;
    flex-direction: column;
    max-width: 90%;
    max-height: 90vh;
    display: flex;
    overflow: hidden;
    box-shadow: rgba(38, 38, 38, 0.12) 0px 1px 3px;
}

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

.page-module__E0kJGG__popoverTitle {
    color: var(--content-neutral--title);
    margin: 0px;
}

.page-module__E0kJGG__popoverClose {
    cursor: pointer;
    color: var(--content-neutral--caption);
    background: none;
    border: medium;
    justify-content: center;
    align-items: center;
    padding: 0px;
    display: flex;
}

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

.page-module__E0kJGG__popoverPreview {
    aspect-ratio: 16 / 9;
    width: 100%;
    margin-bottom: var(--padding-sm);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.page-module__E0kJGG__popoverProperties {
    gap: var(--gap-sm);
    color: var(--content-neutral--title);
    flex-direction: column;
    display: flex;
}

.page-module__E0kJGG__propertyRow {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.page-module__E0kJGG__propertyLabel {
    color: var(--content-neutral--body);
    font-size: var(--typography-font-size-90);
}

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

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

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

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

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

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

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

.page-module__E0kJGG__propertySelect {
    border: 1px solid var(--grey-100);
    cursor: pointer;
    appearance: none;
    background-color: var(--base-white);
    border-radius: 8px;
    min-width: 120px;
    padding: 8px 2.5em 8px 12px;
    transition: border-color 0.2s;
    position: relative;
}

.page-module__E0kJGG__propertySelect:focus {
    border-color: var(--brand-color-300);
    outline: currentcolor;
}

.page-module__E0kJGG__popoverProperties .page-module__E0kJGG__propertySelect {
    background-image: none;
}

.page-module__E0kJGG__propertyRow:has(select) {
    position: relative;
}

.page-module__E0kJGG__propertyRow:has(select)::after {
    content: "";
    pointer-events: none;
    background-color: var(--content-neutral--title);
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9' /%3E%3C/svg%3E");
    -webkit-mask-position-x: center;
    -webkit-mask-position-y: center;
    mask-repeat: no-repeat;
}

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

.page-module__E0kJGG__toasterDelete {
    background-color: var(--background-brand--danger-strong);
    color: var(--content-neutral--body-invert);
}

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

.page-module__E0kJGG__analyticsContainer {
    flex-direction: column;
    display: flex;
}

.page-module__E0kJGG__analyticsSection {
    gap: var(--space-60);
    margin: var(--padding-xs) 0;
    flex-direction: column;
    display: flex;
}

.page-module__E0kJGG__analyticsHeader {
    justify-content: flex-start;
    align-items: center;
    gap: var(--space-60);
    display: flex;
}

.page-module__E0kJGG__analyticsTitle {
    color: var(--content-neutral--title);
}

.page-module__E0kJGG__helpIconWrapper {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
}

.page-module__E0kJGG__helpIcon {
    width: 12px;
    height: 12px;
    color: var(--accent-color-fuel-yellow-300);
}

.page-module__E0kJGG__analyticsInput {
    width: 100%;
    padding: 0 var(--space-70);
    border: 1px solid var(--grey-100);
    height: 36px;
    font-size: var(--typography-font-size-90);
    border-radius: 8px;
    outline: currentcolor;
    transition: border-color 0.2s;
}

.page-module__E0kJGG__analyticsInput:focus {
    border-color: var(--brand-color-300);
}

.page-module__E0kJGG__analyticsInput::placeholder {
    color: var(--content-neutral--body-subtle);
}

.page-module__E0kJGG__analyticsTextarea {
    width: 100%;
    padding: var(--space-60) var(--space-70);
    border: 1px solid var(--grey-100);
    height: 80px;
    font-size: var(--typography-font-size-90);
    resize: none;
    border-radius: 8px;
    outline: currentcolor;
    font-family: inherit;
    transition: border-color 0.2s;
}

.page-module__E0kJGG__analyticsTextarea:focus {
    border-color: var(--brand-color-300);
}

.page-module__E0kJGG__analyticsTextarea::placeholder {
    color: var(--content-neutral--body-subtle);
}

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

.page-module__E0kJGG__themePickerPopover {
    width: 320px;
    margin: 0px;
    position: absolute;
    top: 40px;
    right: 16px;
}

.page-module__E0kJGG__themeList {
    gap: var(--gap-xs);
    flex-direction: column;
    max-height: 240px;
    padding-right: 4px;
    display: flex;
    overflow-y: auto;
}

.page-module__E0kJGG__themeOption {
    padding: var(--gap-sm) var(--gap-sm);
    border: 1px solid var(--grey-100);
    cursor: pointer;
    background-color: var(--base-white);
    color: var(--content-neutral--caption);
    border-radius: 8px;
    align-items: center;
    transition: background-color 0.2s;
    display: flex;
}

.page-module__E0kJGG__themeOptionSelected {
    background-color: var(--grey-50);
}

.page-module__E0kJGG__themeOptionInput {
    margin-right: var(--padding-xs);
    width: 16px;
    height: 16px;
    accent-color: var(--grey-500);
}

.page-module__E0kJGG__themePickerButton {
    width: auto;
    padding: 0 var(--padding-sm);
}

.page-module__E0kJGG__themePickerButton:disabled {
    background-color: var(--background-neutral--button--neutral-default);
    color: var(--content-neutral--button--primary);
    cursor: not-allowed;
    opacity: 0.5;
}

.page-module__E0kJGG__themePickerFooter {
    justify-content: flex-end;
    display: flex;
}

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

.page-module__E0kJGG__themePickerSearchContainer {
    margin-bottom: var(--padding-xs);
}

.page-module__E0kJGG__exportPopover {
    width: 362px;
    margin: 0px;
    position: absolute;
    top: 40px;
    right: 16px;
}

.page-module__E0kJGG__exportInputWrapper {
    flex-direction: column;
    gap: 8px;
    display: flex;
}

.page-module__E0kJGG__exportTextarea {
    background-color: var(--background-neutral--default);
    border: .5px solid var(--stroke-neutral--neutral);
    width: 100%;
    min-height: 80px;
    max-height: 240px;
    font-family: var(--font-family-body);
    color: var(--content-neutral--title);
    resize: none;
    border-radius: 8px;
    outline: currentcolor;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    transition: border-color 0.2s;
}

.page-module__E0kJGG__exportTextarea:focus {
    border-color: var(--brand-color-300);
}

.page-module__E0kJGG__exportTextarea::placeholder {
    color: var(--content-neutral--caption);
}

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

.page-module__E0kJGG__exportLink {
    color: var(--content-brand--brand-strong);
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline;
}

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

.page-module__E0kJGG__exportButton {
    background-color: var(--background-neutral--neutral-faint);
    color: var(--content-neutral--caption);
    font-family: var(--font-family-body);
    text-transform: capitalize;
    cursor: not-allowed;
    border: medium;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    transition: 0.2s;
    display: flex;
}

.page-module__E0kJGG__exportButtonActive {
    background-color: var(--background-brand--button--primary-default);
    color: var(--content-neutral--button--primary);
    cursor: pointer;
}

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

.page-module__E0kJGG__activeWrapper {
    display: inline-block;
    position: relative;
}

.page-module__E0kJGG__activeBorder {
    position: relative;
}

.page-module__E0kJGG__activeBorder::after {
    content: "";
    pointer-events: none;
    z-index: 10;
    border: 1px solid rgb(64, 64, 64);
    border-radius: 1px;
    position: absolute;
    inset: 0px;
}

.page-module__E0kJGG__activeOverlay {
    color: rgb(255, 255, 255);
    z-index: 50;
    white-space: nowrap;
    background-color: rgb(64, 64, 64);
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    width: 100px;
    height: 20px;
    font-size: 12px;
    line-height: 1;
    display: flex;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.page-module__E0kJGG__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-width: 1px;
    border-right-style: solid;
    border-right-color: 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__E0kJGG__overlayInput {
    color: rgb(255, 255, 255);
    font-size: 10px;
    line-height: var(--typography-line-height-caption-md);
    font-weight: var(--font-weight-regular);
    background: none;
    border: medium;
    outline: currentcolor;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: inherit;
}

.page-module__E0kJGG__settingsButton {
    cursor: pointer;
    width: 20px;
    height: 100%;
    color: var(--content-neutral--body-invert);
    background: none;
    border: medium;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0px;
    display: flex;
}

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

.page-module__E0kJGG__settingsButton:hover {
    background-color: rgb(43, 43, 43);
    border-radius: 0px 4px 4px 0px;
}

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

.old-lacto-navigation-module__Lkl0Xa__navigation {
    padding-top: var(--padding-md);
    padding-bottom: var(--padding-md);
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: 0px;
    z-index: var(--z-index-xl);
    transition: background-color 0.3s ease;
    max-height: 80px;
}

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

.old-lacto-navigation-module__Lkl0Xa__navWrapper {
    justify-content: space-between;
    align-items: center;
    gap: var(--gap-sm);
    display: flex;
}

.old-lacto-navigation-module__Lkl0Xa__menuWrapper {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

.old-lacto-navigation-module__Lkl0Xa__menuItem {
    text-align: center;
    color: var(--content-neutral--body);
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.3s;
    cursor: pointer;
    font-weight: var(--font-weight-regular);
}

.old-lacto-navigation-module__Lkl0Xa__menuItem:hover {
    color: var(--content-neutral--title);
}

.old-lacto-navigation-module__Lkl0Xa__menuItem.active {
    font-weight: var(--font-weight-bold);
}

.old-lacto-navigation-module__Lkl0Xa__logoWrapper {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
}

.old-lacto-navigation-module__Lkl0Xa__logo {
    height: var(--size-button-md);
    object-fit: contain;
    width: auto;
}

.old-lacto-navigation-module__Lkl0Xa__hamburgerButton {
    cursor: pointer;
    padding: var(--padding-xs);
    background: none;
    border: medium;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s;
    display: none;
}

.old-lacto-navigation-module__Lkl0Xa__hamburgerButton:hover {
    opacity: 0.7;
}

.old-lacto-navigation-module__Lkl0Xa__hamburgerIcon {
    width: 24px;
    height: 24px;
    color: var(--content-neutral--body);
}

.old-lacto-navigation-module__Lkl0Xa__spacer {
    width: 24px;
    height: 24px;
    display: none;
}

.old-lacto-navigation-module__Lkl0Xa__mobileMenu {
    gap: var(--gap-sm);
    padding: var(--padding-md);
    background-color: var(--base-white);
    border-top: 1px solid var(--stroke-neutral--neutral-subtle);
    margin-top: var(--gap-sm);
    flex-direction: column;
    display: none;
}

.old-lacto-navigation-module__Lkl0Xa__mobileMenuItem {
    padding: var(--padding-sm);
    color: var(--content-neutral--body);
    text-align: left;
    text-decoration: none;
    transition: color 0.3s;
}

.old-lacto-navigation-module__Lkl0Xa__mobileMenuItem:hover {
    color: var(--content-neutral--title);
}

.old-lacto-navigation-module__Lkl0Xa__desktopOnly {
    display: flex;
}

.old-lacto-navigation-module__Lkl0Xa__tabletMobileOnly {
    display: none;
}

@media (max-width: 1023px) {
    .old-lacto-navigation-module__Lkl0Xa__navigation {
        padding-top: var(--padding-xs);
        padding-bottom: var(--padding-xs);
    }

    .old-lacto-navigation-module__Lkl0Xa__navWrapper {
        justify-content: space-between;
    }

    .old-lacto-navigation-module__Lkl0Xa__desktopOnly {
        display: none !important;
    }

    .old-lacto-navigation-module__Lkl0Xa__tabletMobileOnly,
    .old-lacto-navigation-module__Lkl0Xa__hamburgerButton {
        display: flex;
    }

    .old-lacto-navigation-module__Lkl0Xa__spacer {
        display: block;
    }

    .old-lacto-navigation-module__Lkl0Xa__logoWrapper {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .old-lacto-navigation-module__Lkl0Xa__logo {
        height: var(--size-button-md);
    }

    .old-lacto-navigation-module__Lkl0Xa__mobileMenu {
        display: flex;
    }
}

@media (max-width: 1023px) {
    .old-lacto-navigation-module__Lkl0Xa__logo {
        height: var(--size-button-sm);
    }

    .old-lacto-navigation-module__Lkl0Xa__hamburgerIcon {
        width: 20px;
        height: 20px;
    }
}

#hero-section {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    text-align: center;
}

.old-lacto-features-stacked-module__9IaMoq__contentWrapper {
    align-items: center;
    gap: var(--gap-sm);
    margin-left: var(--size-margin-md);
    margin-right: var(--size-margin-md);
    flex-direction: column;
    display: flex;
}

.old-lacto-features-stacked-module__9IaMoq__textWrapper {
    gap: var(--padding-md);
    padding: var(--padding-md);
    flex-direction: column;
    align-items: center;
    display: flex;
}

.old-lacto-features-stacked-module__9IaMoq__title {
    color: var(--content-neutral--body);
}

.old-lacto-features-stacked-module__9IaMoq__subtitle {
    color: var(--content-neutral--caption);
}

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

.terra-features-image-left-module__pedbjq__imageWrapper {
    width: 100%;
    padding: 0 var(--padding-md);
    order: 1;
    align-items: center;
    display: flex;
}

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

.terra-features-image-left-module__pedbjq__title {
    color: var(--base-white);
    margin: 0 0 var(--gap-lg) 0;
    text-shadow: 0px 4px 30px #00000054;
}

.terra-features-image-left-module__pedbjq__description {
    color: var(--content-neutral--caption);
    margin: 0 0 var(--gap-sm) 0;
    text-shadow: 0px 4px 30px #00000054;
}

.terra-features-image-left-module__pedbjq__icon {
    width: 16px;
    height: 16px;
}

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

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

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

.terra-features-image-right-module__JR3VTG__imageWrapper {
    padding: 0 var(--padding-md);
    order: 2;
    align-items: center;
    width: 100%;
    display: flex;
}

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

.terra-features-image-right-module__JR3VTG__title {
    color: var(--background-neutral--neutral-subtle);
    margin: 0 0 var(--gap-lg) 0;
}

.terra-features-image-right-module__JR3VTG__description {
    color: var(--content-neutral--caption);
    margin: 0 0 var(--gap-sm) 0;
}

.terra-features-image-right-module__JR3VTG__icon {
    width: 16px;
    height: 16px;
}

@media (max-width: 1023px) {
    .terra-features-image-right-module__JR3VTG__imageWrapper {
        order: 2;
    }

    .terra-features-image-right-module__JR3VTG__content {
        order: 1;
    }
}

.header-title-description-module__g3xuhW__section {
    padding-top: var(--padding-2xl);
}

.header-title-description-module__g3xuhW__content {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.header-title-description-module__g3xuhW__title {
    color: var(--content-neutral--title);
    margin-bottom: var(--gap-md);
}

.header-title-description-module__g3xuhW__subtitle {
    color: var(--content-neutral--caption);
}

.header-title-description-module__g3xuhW__icon {
    width: 20px;
    height: 20px;
}

.lacto-product-carousel-module__urmaSq__section {
    width: 100%;
    padding: var(--padding-2xl) 0;
}

.lacto-product-carousel-module__urmaSq__sideImageWrapper {
    aspect-ratio: 1 / 2;
    width: 100%;
    height: auto;
    padding: var(--padding-xs);
    opacity: 0.15;
}

.lacto-product-carousel-module__urmaSq__sideImage {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: block;
}

.lacto-product-carousel-module__urmaSq__centerColumn {
    justify-content: center;
    align-items: flex-start;
    gap: var(--gap-lg);
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
    z-index: var(--z-index-md);
}

.lacto-product-carousel-module__urmaSq__mainImageWrapper {
    width: 100%;
    height: auto;
    padding: var(--padding-xs);
    position: relative;
    z-index: var(--z-index-md);
}

.lacto-product-carousel-module__urmaSq__mainImage {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    display: block;
}

.lacto-product-carousel-module__urmaSq__contentWrapper {
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    gap: var(--gap-md);
    flex-direction: column;
    display: flex;
}

.lacto-product-carousel-module__urmaSq__textGroup {
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    gap: var(--gap-xs);
    text-align: center;
    flex-direction: column;
    display: flex;
}

.lacto-product-carousel-module__urmaSq__title {
    color: var(--content-neutral--title);
}

.lacto-product-carousel-module__urmaSq__description {
    color: var(--content-neutral--caption);
}

.lacto-product-carousel-module__urmaSq__navButton {
    height: var(--size-button-lg);
    width: var(--size-button-lg);
    border-radius: var(--border-radius-round);
    background-color: var(--base-white);
    box-shadow: var(--shadow--md);
    border: 1px solid var(--stroke-neutral--neutral);
    cursor: pointer;
    z-index: 10;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.lacto-product-carousel-module__urmaSq__navButtonLeft {
    left: calc(var(--size-button-lg) / -2);
}

.lacto-product-carousel-module__urmaSq__navButtonRight {
    right: calc(var(--size-button-lg) / -2);
}

.lacto-product-carousel-module__urmaSq__icon {
    width: 24px;
    height: 24px;
    color: var(--content-neutral--body);
}

.lacto-product-carousel-module__urmaSq__iconWhite {
    width: 24px;
    height: 24px;
    color: var(--content-neutral--title);
}

@media (max-width: 1024px) {
    .lacto-product-carousel-module__urmaSq__navButtonLeft {
        left: var(--padding-xs);
    }

    .lacto-product-carousel-module__urmaSq__navButtonRight {
        right: var(--padding-xs);
    }
}

@media (max-width: 1023px) {
    .lacto-product-carousel-module__urmaSq__sideImageWrapper {
        display: none;
    }

    .lacto-product-carousel-module__urmaSq__centerColumn {
        width: 100%;
        padding: 0 var(--padding-md);
    }

    .lacto-product-carousel-module__urmaSq__mainImageWrapper {
        aspect-ratio: 1 / 1;
        height: auto;
    }
}

.terra-usp-3col-module__MJer5G__section {
    width: 100%;
    padding: var(--padding-2xl) 0;
}

@media (max-width: 1024px) {
    .terra-usp-3col-module__MJer5G__section {
        background-color: var(--base-white);
    }
}

.terra-usp-3col-module__MJer5G__contentWrapper {
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--gap-md);
    flex-direction: column;
    display: flex;
}

.terra-usp-3col-module__MJer5G__mainTitleWrapper {
    padding: var(--padding-md);
    justify-content: center;
    align-items: center;
    display: flex;
}

.terra-usp-3col-module__MJer5G__mainTitle {
    color: var(--content-neutral--title);
}

.terra-usp-3col-module__MJer5G__featureBlock {
    padding: var(--padding-md);
    gap: var(--gap-sm);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.terra-usp-3col-module__MJer5G__textGroup {
    gap: var(--gap-md);
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.terra-usp-3col-module__MJer5G__featureTitle {
    color: var(--content-neutral--title);
}

.terra-usp-3col-module__MJer5G__featureDescription {
    color: var(--content-neutral--caption);
}

.terra-usp-3col-module__MJer5G__linkButton {
    align-items: center;
    gap: var(--gap-xs);
    color: var(--content-brand--brand);
    cursor: pointer;
    background: none;
    border: medium;
    padding: 0px;
    text-decoration: none;
    display: inline-flex;
}

.terra-usp-3col-module__MJer5G__iconBox {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
    position: relative;
}

.terra-usp-3col-module__MJer5G__icon {
    width: 20px;
    height: 20px;
    color: var(--content-brand--brand);
}

.lacto-media-module___3-U2G__section {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.lacto-media-module___3-U2G__container {
    justify-content: center;
    align-items: flex-start;
    gap: var(--gap-xs);
    padding-top: var(--padding-sm);
    padding-bottom: var(--padding-sm);
    display: flex;
}

.lacto-media-module___3-U2G__imageWrapper {
    padding: var(--padding-xs);
    flex: 1 1 0px;
    justify-content: center;
    display: flex;
    border-radius: var(--border-radius-md);
}

.lacto-media-module___3-U2G__image {
    aspect-ratio: 16 / 9;
    width: 100%;
    object-fit: contain;
    display: block;
    background-color: transparent;
}

@media (max-width: 1023px) {
    .lacto-media-module___3-U2G__image {
        aspect-ratio: 1 / 1;
    }
}

.lacto-footer-module__NcxE6W__section {
    width: 100%;
}

.lacto-footer-module__NcxE6W__container {
    padding-top: var(--padding-md);
    padding-bottom: var(--padding-md);
}

.lacto-footer-module__NcxE6W__leftColumn {
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--gap-sm);
    padding: var(--padding-sm);
    flex-direction: column;
    display: flex;
}

.lacto-footer-module__NcxE6W__logo {
    object-fit: contain;
    width: 200px;
    height: 40px;
}

.lacto-footer-module__NcxE6W__description {
    color: var(--content-neutral--caption);
    align-self: stretch;
}

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

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

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

@media (max-width: 1023px) {
    .lacto-footer-module__NcxE6W__rightColumn {
        justify-content: flex-start;
    }
}

.lacto-popup-module__UVCl4q__section {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: none;
    /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-index-xl);
    background-color: rgba(0, 0, 0, 0.5);
    /* Semi-transparent background */
}

.lacto-popup-module__UVCl4q__container {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    pointer-events: none;
    /* Allow clicks to pass through container to section if needed, but card needs events */
}

.lacto-popup-module__UVCl4q__card {
    background-color: var(--background-neutral--default);
    border-radius: var(--border-radius-md);
    width: 100%;
    box-shadow: var(--shadow--md);
    flex-direction: column;
    display: flex;
    overflow: hidden;
    pointer-events: auto;
    /* Re-enable events for the card */
    max-width: 400px;
    /* Limit width for better appearance */
}

.lacto-popup-module__UVCl4q__header {
    padding: var(--padding-sm) var(--padding-md);
    border-bottom: .5px solid var(--stroke-neutral--neutral);
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.lacto-popup-module__UVCl4q__title {
    color: var(--content-neutral--title);
}

.lacto-popup-module__UVCl4q__closeIcon {
    cursor: pointer;
    width: 24px;
    height: 24px;
    color: var(--content-neutral--body);
}

.lacto-popup-module__UVCl4q__list {
    gap: var(--gap-sm);
    padding: var(--padding-sm);
    flex-direction: column;
    display: flex;
}

.lacto-popup-module__UVCl4q__item {
    align-items: center;
    gap: var(--gap-sm);
    padding: var(--padding-sm);
    border: .5px solid var(--stroke-neutral--neutral);
    border-radius: var(--border-radius-md);
    height: 56px;
    text-decoration: none;
    transition: background-color 0.2s;
    display: flex;
}

.lacto-popup-module__UVCl4q__item:hover {
    background-color: var(--background-neutral--neutral-subtle);
}

.lacto-popup-module__UVCl4q__itemIcon {
    width: 24px;
    height: 24px;
}

.lacto-popup-module__UVCl4q__itemLabel {
    color: var(--content-neutral--body);
    flex: 1 1 0%;
}

.lacto-popup-module__UVCl4q__arrowIcon {
    width: 16px;
    height: 16px;
    color: var(--content-neutral--body);
}

.lacto-popup-module__UVCl4q__microIconWrapper {
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
}

.lacto-popup-description-module__qLB1Wq__section {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: none;
    /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-index-xl);
    background-color: rgba(0, 0, 0, 0.5);
    /* Semi-transparent background */
}

.lacto-popup-description-module__qLB1Wq__container {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    pointer-events: none;
    /* Allow clicks to pass through container to section if needed, but card needs events */
}

.lacto-popup-description-module__qLB1Wq__card {
    background-color: var(--background-neutral--default);
    border-radius: var(--border-radius-md);
    width: 100%;
    box-shadow: var(--shadow--md);
    flex-direction: column;
    display: flex;
    overflow: hidden;
    pointer-events: auto;
    /* Re-enable events for the card */
    max-width: 600px;
    /* Limit width for better appearance */
}

.lacto-popup-description-module__qLB1Wq__header {
    padding: var(--padding-sm) var(--padding-md);
    border-bottom: .5px solid var(--stroke-neutral--neutral);
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.lacto-popup-description-module__qLB1Wq__title {
    color: var(--content-neutral--title);
}

.lacto-popup-description-module__qLB1Wq__closeIcon {
    cursor: pointer;
    width: 24px;
    height: 24px;
    color: var(--content-neutral--body);
}

.lacto-popup-description-module__qLB1Wq__content {
    padding: var(--padding-md);
    color: var(--content-neutral--body);
    max-height: 70vh;
    overflow-y: auto;
}

.lacto-popup-description-module__qLB1Wq__description {
    color: var(--content-neutral--body);
}

@media (min-width: 1024px) {
    .hidden-desktop {
        background-image: url(images/bg-milku-mobile.png);
        background-size: cover;
    }
}

@media (max-width: 480px) {
    body {
        background-image: url(images/bg-milku-mobile.png);
        background-size: cover;
    }
}