/**
 * Megamenu Column Block - Frontend Styles
 */
:root {
    /* Bodyminute Raw Colors */
    --color-white: rgb(255, 255, 255);
    /* Blue */
    --color-blue-50: rgb(231, 234, 255);
    --color-blue-100: rgb(210, 216, 255);
    --color-blue-200: rgb(162, 178, 255);
    --color-blue-300: rgb(105, 137, 255);
    --color-blue-400: rgb(4, 99, 252);
    --color-blue-500: rgb(2, 71, 186);
    --color-blue-600: rgb(1, 56, 151);
    --color-blue-700: rgb(1, 42, 118);
    --color-blue-800: rgb(0, 31, 91);
    --color-blue-900: rgb(0, 18, 61);
    --color-blue-950: rgb(0, 9, 39);

    /* Pink */
    --color-pink-50: rgb(252, 237, 243);
    --color-pink-100: rgb(249, 222, 234);
    --color-pink-200: rgb(244, 187, 214);
    --color-pink-300: rgb(239, 144, 192);
    --color-pink-400: rgb(234, 98, 174);
    --color-pink-500: rgb(209, 63, 149);
    --color-pink-600: rgb(168, 49, 120);
    --color-pink-700: rgb(129, 35, 91);
    --color-pink-800: rgb(89, 21, 61);
    --color-pink-900: rgb(54, 10, 36);
    --color-pink-950: rgb(37, 5, 23);

    /* Gray */
    --color-gray-50: rgb(250, 251, 255);
    --color-gray-100: rgb(249, 250, 252);
    --color-gray-200: rgb(216, 218, 229);
    --color-gray-300: rgb(237, 239, 245);
    --color-gray-400: rgb(230, 232, 240);
    --color-gray-500: rgb(216, 218, 229);
    --color-gray-600: rgb(193, 196, 214);
    --color-gray-700: rgb(143, 149, 178);
    --color-gray-800: rgb(105, 111, 140);
    --color-gray-900: rgb(71, 77, 102);
    --color-gray-950: rgb(16, 24, 64);

    /* Red */
    --color-red-50: rgb(253, 244, 244);
    --color-red-100: rgb(253, 244, 244);
    --color-red-200: rgb(244, 182, 182);
    --color-red-300: rgb(238, 145, 145);
    --color-red-400: rgb(209, 67, 67);
    --color-red-500: rgb(167, 54, 54);
    --color-red-600: rgb(125, 40, 40);

    /**
     ** Bodyminute Semantic Colors
    */
    --color-text-tertiary: var(--color-gray-950);
    --color-text-secondary: var(--color-gray-800);
    --color-text-critical: var(--color-red-600);
    --color-text-inverted: var(--color-white);
    --color-text-brand: var(--color-blue-500);

    --color-link: var(--color-blue-500);
    --color-link-hover: var(--color-blue-600);
    --color-link-active: var(--color-blue-700);

    --color-icon: var(--color-gray-600);

    --color-surface-primary: var(--color-blue-500);
    --color-surface-primary-hover: var(--color-blue-400);
    --color-surface-primary-active: var(--color-blue-600);
    --color-surface-primary-disabled: color-mix(
            in oklch,
            var(--color-surface-primary) 50%,
            transparent
    );

    --color-surface-secondary: var(--color-pink-200);
    --color-surface-secondary-light: var(--color-pink-50);
    --color-surface-secondary-lighter: var(--color-pink-100);
    --color-surface-secondary-hover: var(--color-pink-300);
    --color-surface-secondary-active: var(--color-pink-400);
    --color-surface-secondary-disabled: color-mix(
            in oklch,
            var(--color-surface-secondary) 50%,
            transparent
    );

    --color-surface-tertiary: var(--color-white);
    --color-surface-tertiary-hover: var(--color-gray-200);
    --color-surface-tertiary-active: var(--color-gray-400);
    --color-surface-tertiary-disabled: color-mix(in oklch, var(--color-white) 50%, transparent);

    /* Black alphas */
    --color-primary-alpha-10: rgba(2, 71, 186, 0.1);
    --color-primary-alpha-20: rgba(2, 71, 186, 0.2);
    --color-primary-alpha-30: rgba(2, 71, 186, 0.3);
    --color-primary-alpha-40: rgba(2, 71, 186, 0.4);
    --color-primary-alpha-50: rgba(2, 71, 186, 0.5);

    /* Pink alphas */
    --color-pink-alpha-10: rgba(244, 187, 214, 0.1);
    --color-pink-alpha-20: rgba(244, 187, 214, 0.2);
    --color-pink-alpha-30: rgba(244, 187, 214, 0.3);
    --color-pink-alpha-40: rgba(244, 187, 214, 0.4);
    --color-pink-alpha-50: rgba(244, 187, 214, 0.5);

    /* Black alphas */
    --color-black-alpha-10: rgba(7, 12, 37, 0.1);
    --color-black-alpha-20: rgba(7, 12, 37, 0.2);
    --color-black-alpha-30: rgba(7, 12, 37, 0.3);
    --color-black-alpha-40: rgba(7, 12, 37, 0.4);
    --color-black-alpha-50: rgba(7, 12, 37, 0.5);

    --color-border: var(--color-gray-200);
    --color-overlay: var(--color-black-alpha-50);

    /* Bodyminute Typography System */

    --font-size-xs: 0.75rem;
    --line-height-xs: 1.33;
    --letter-spacing-xs: 0.02em;

    --font-size-sm: 0.875rem;
    --line-height-sm: 1.4;
    --letter-spacing-sm: 0.02em;

    --font-size-md: 1rem;
    --line-height-md: 1.5;
    --letter-spacing-md: 0.02em;

    --font-size-lg: 1.125rem;
    --line-height-lg: 1.5;
    --letter-spacing-lg: 0.02em;

    --font-size-xl: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
    --line-height-xl: 1.33;
    --letter-spacing-xl: 0.02em;

    --font-size-2xl: clamp(1.25rem, 1rem + 1vw, 1.5rem);
    --line-height-2xl: 1.333;
    --letter-spacing-2xl: 0.02em;

    --font-size-3xl: clamp(1.5rem, 1rem + 2vw, 2rem);
    --line-height-3xl: 1.25;
    --letter-spacing-3xl: 0.02em;

    --font-size-4xl: clamp(1.75rem, 1rem + 3vw, 2.5rem);
    --line-height-4xl: 1.2;
    --letter-spacing-4xl: 0.02em;

    --font-size-5xl: clamp(2rem, 1rem + 4vw, 2.75rem);
    --line-height-5xl: 1.2;
    --letter-spacing-5xl: 0.02em;

    --font-size-6xl: clamp(2.5rem, 1rem + 5vw, 3rem);
    --line-height-6xl: 1.2;
    --letter-spacing-6xl: 0.02em;

    --radius-full: 999rem;
    --radius-sm: 0.375rem;
    --radius-base: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1.5rem;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
}
@supports (color: color(display-p3 0 0 0%)) {
:root {
    --color-blue-900: rgb(0, 18, 61);
    --color-blue-950: rgb(0, 9, 39);
    --color-gray-50: rgb(250, 251, 255);
}

@media (color-gamut: p3) {
:root {
    --color-blue-900: color(display-p3 0.01387 0.06887 0.22923);
    --color-blue-950: color(display-p3 0.00625 0.03411 0.14589);
    --color-gray-50: color(display-p3 0.98115 0.98424 0.99859);
}
}
}
.text-2xs {
    font-size: var(--font-size-2xs);
    line-height: var(--line-height-2xs);
    letter-spacing: var(--letter-spacing-2xs);
}
.text-xs {
    font-size: 0.75rem;
    font-size: var(--font-size-xs);
    line-height: 1.33;
    line-height: var(--line-height-xs);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-xs);
}
.text-sm {
    font-size: 0.875rem;
    font-size: var(--font-size-sm);
    line-height: 1.4;
    line-height: var(--line-height-sm);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-sm);
}
.text-md {
    font-size: 1rem;
    font-size: var(--font-size-md);
    line-height: 1.5;
    line-height: var(--line-height-md);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-md);
}
.text-lg {
    font-size: 1.125rem;
    font-size: var(--font-size-lg);
    line-height: 1.5;
    line-height: var(--line-height-lg);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-lg);
}
.text-xl {
    font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
    font-size: var(--font-size-xl);
    line-height: 1.33;
    line-height: var(--line-height-xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-xl);
}
.text-2xl {
    font-size: clamp(1.25rem, 1rem + 1vw, 1.5rem);
    font-size: var(--font-size-2xl);
    line-height: 1.333;
    line-height: var(--line-height-2xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-2xl);
}
.text-3xl {
    font-size: clamp(1.5rem, 1rem + 2vw, 2rem);
    font-size: var(--font-size-3xl);
    line-height: 1.25;
    line-height: var(--line-height-3xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-3xl);
}
.text-4xl {
    font-size: clamp(1.75rem, 1rem + 3vw, 2.5rem);
    font-size: var(--font-size-4xl);
    line-height: 1.2;
    line-height: var(--line-height-4xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-4xl);
}
.text-5xl {
    font-size: clamp(2rem, 1rem + 4vw, 2.75rem);
    font-size: var(--font-size-5xl);
    line-height: 1.2;
    line-height: var(--line-height-5xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-5xl);
}
.text-button {
    font-size: 0.875rem;
    font-size: var(--font-size-sm);
    line-height: 1.4;
    line-height: var(--line-height-sm);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-sm);
}
.text-button {
    font-weight: 600;
    text-transform: uppercase;
}
.link-underline {
    position: relative;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
}
.link-underline:before {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease-in-out;
    }
.link-underline:hover::before {
        transform: scaleX(1);
    }
.is-heading-text {
    font-size: clamp(1.5rem, 1rem + 2vw, 2rem);
    font-size: var(--font-size-3xl);
    line-height: 1.25;
    line-height: var(--line-height-3xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-3xl);
}
.is-heading-text {
    color: rgb(2, 71, 186);
    color: var(--color-text-brand);
    font-weight: 600;
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
}
.has-padding-x-xs {
        padding-left: var(--wp--preset--spacing--xs);
        padding-right: var(--wp--preset--spacing--xs);
    }
.has-padding-y-xs {
        padding-top: var(--wp--preset--spacing--xs);
        padding-bottom: var(--wp--preset--spacing--xs);
    }
.has-margin-x-xs {
        margin-left: var(--wp--preset--spacing--xs);
        margin-right: var(--wp--preset--spacing--xs);
    }
.has-margin-y-xs {
        margin-top: var(--wp--preset--spacing--xs);
        margin-bottom: var(--wp--preset--spacing--xs);
    }
.has-padding-x-sm {
        padding-left: var(--wp--preset--spacing--sm);
        padding-right: var(--wp--preset--spacing--sm);
    }
.has-padding-y-sm {
        padding-top: var(--wp--preset--spacing--sm);
        padding-bottom: var(--wp--preset--spacing--sm);
    }
.has-margin-x-sm {
        margin-left: var(--wp--preset--spacing--sm);
        margin-right: var(--wp--preset--spacing--sm);
    }
.has-margin-y-sm {
        margin-top: var(--wp--preset--spacing--sm);
        margin-bottom: var(--wp--preset--spacing--sm);
    }
.has-padding-x-md {
        padding-left: var(--wp--preset--spacing--md);
        padding-right: var(--wp--preset--spacing--md);
    }
.has-padding-y-md {
        padding-top: var(--wp--preset--spacing--md);
        padding-bottom: var(--wp--preset--spacing--md);
    }
.has-margin-x-md {
        margin-left: var(--wp--preset--spacing--md);
        margin-right: var(--wp--preset--spacing--md);
    }
.has-margin-y-md {
        margin-top: var(--wp--preset--spacing--md);
        margin-bottom: var(--wp--preset--spacing--md);
    }
.has-padding-x-lg {
        padding-left: var(--wp--preset--spacing--lg);
        padding-right: var(--wp--preset--spacing--lg);
    }
.has-padding-y-lg {
        padding-top: var(--wp--preset--spacing--lg);
        padding-bottom: var(--wp--preset--spacing--lg);
    }
.has-margin-x-lg {
        margin-left: var(--wp--preset--spacing--lg);
        margin-right: var(--wp--preset--spacing--lg);
    }
.has-margin-y-lg {
        margin-top: var(--wp--preset--spacing--lg);
        margin-bottom: var(--wp--preset--spacing--lg);
    }
.has-padding-x-xl {
        padding-left: var(--wp--preset--spacing--xl);
        padding-right: var(--wp--preset--spacing--xl);
    }
.has-padding-y-xl {
        padding-top: var(--wp--preset--spacing--xl);
        padding-bottom: var(--wp--preset--spacing--xl);
    }
.has-margin-x-xl {
        margin-left: var(--wp--preset--spacing--xl);
        margin-right: var(--wp--preset--spacing--xl);
    }
.has-margin-y-xl {
        margin-top: var(--wp--preset--spacing--xl);
        margin-bottom: var(--wp--preset--spacing--xl);
    }
@media (max-width: 767px) {
        .has-padding-x-xs-mobile {
            padding-left: var(--wp--preset--spacing--xs);
            padding-right: var(--wp--preset--spacing--xs);
        }

        .has-padding-y-xs-mobile {
            padding-top: var(--wp--preset--spacing--xs);
            padding-bottom: var(--wp--preset--spacing--xs);
        }

        .has-margin-x-xs-mobile {
            margin-left: var(--wp--preset--spacing--xs);
            margin-right: var(--wp--preset--spacing--xs);
        }

        .has-margin-y-xs-mobile {
            margin-top: var(--wp--preset--spacing--xs);
            margin-bottom: var(--wp--preset--spacing--xs);
        }
        .has-padding-x-sm-mobile {
            padding-left: var(--wp--preset--spacing--sm);
            padding-right: var(--wp--preset--spacing--sm);
        }

        .has-padding-y-sm-mobile {
            padding-top: var(--wp--preset--spacing--sm);
            padding-bottom: var(--wp--preset--spacing--sm);
        }

        .has-margin-x-sm-mobile {
            margin-left: var(--wp--preset--spacing--sm);
            margin-right: var(--wp--preset--spacing--sm);
        }

        .has-margin-y-sm-mobile {
            margin-top: var(--wp--preset--spacing--sm);
            margin-bottom: var(--wp--preset--spacing--sm);
        }
        .has-padding-x-md-mobile {
            padding-left: var(--wp--preset--spacing--md);
            padding-right: var(--wp--preset--spacing--md);
        }

        .has-padding-y-md-mobile {
            padding-top: var(--wp--preset--spacing--md);
            padding-bottom: var(--wp--preset--spacing--md);
        }

        .has-margin-x-md-mobile {
            margin-left: var(--wp--preset--spacing--md);
            margin-right: var(--wp--preset--spacing--md);
        }

        .has-margin-y-md-mobile {
            margin-top: var(--wp--preset--spacing--md);
            margin-bottom: var(--wp--preset--spacing--md);
        }
        .has-padding-x-lg-mobile {
            padding-left: var(--wp--preset--spacing--lg);
            padding-right: var(--wp--preset--spacing--lg);
        }

        .has-padding-y-lg-mobile {
            padding-top: var(--wp--preset--spacing--lg);
            padding-bottom: var(--wp--preset--spacing--lg);
        }

        .has-margin-x-lg-mobile {
            margin-left: var(--wp--preset--spacing--lg);
            margin-right: var(--wp--preset--spacing--lg);
        }

        .has-margin-y-lg-mobile {
            margin-top: var(--wp--preset--spacing--lg);
            margin-bottom: var(--wp--preset--spacing--lg);
        }
        .has-padding-x-xl-mobile {
            padding-left: var(--wp--preset--spacing--xl);
            padding-right: var(--wp--preset--spacing--xl);
        }

        .has-padding-y-xl-mobile {
            padding-top: var(--wp--preset--spacing--xl);
            padding-bottom: var(--wp--preset--spacing--xl);
        }

        .has-margin-x-xl-mobile {
            margin-left: var(--wp--preset--spacing--xl);
            margin-right: var(--wp--preset--spacing--xl);
        }

        .has-margin-y-xl-mobile {
            margin-top: var(--wp--preset--spacing--xl);
            margin-bottom: var(--wp--preset--spacing--xl);
        }
}
.focus-ring {
    outline: 2px solid rgba(2, 71, 186, 0.2);
    outline: 2px solid var(--color-primary-alpha-20);
    outline-offset: 2px;
}
.container {
    box-sizing: border-box;
    width: min(100%, 1260px);
    width: min(100%, var(--wp--style--global--wide-size, 1260px));
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-left: var(--wp--preset--spacing--md, 1rem);
    padding-right: var(--wp--preset--spacing--md, 1rem);
}
.flyout__column {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
	}
.flyout__column-heading {
			margin: 0;
			padding: 0;
			font-size: inherit;
			font-weight: inherit;
		}
.flyout__column-title {
    font-size: 0.875rem;
    font-size: var(--font-size-sm);
    line-height: 1.4;
    line-height: var(--line-height-sm);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-sm);
		}
.flyout__column-title {
			font-weight: 600;
			font-weight: var(--fw-semibold);
			color: rgb(2, 71, 186);
			color: var(--color-text-brand);
			-webkit-text-decoration: none;
			text-decoration: none;
		}
a.flyout__column-title:hover {
				color: rgb(4, 99, 252);
				color: var(--color-surface-primary-hover);
				-webkit-text-decoration: underline;
				text-decoration: underline;
				text-underline-offset: 4px;
			}
.flyout__column-links {
			display: flex;
			flex-direction: column;
			gap: 0.5rem;
			list-style: none;
			margin: 0;
			padding: 0;
			width: -moz-fit-content;
			width: fit-content;
		}
.flyout__column-link {
    font-size: 0.875rem;
    font-size: var(--font-size-sm);
    line-height: 1.4;
    line-height: var(--line-height-sm);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-sm);
		}
.flyout__column-link {
			color: rgb(2, 71, 186);
			color: var(--color-text-brand);
			-webkit-text-decoration: none;
			text-decoration: none;
			transition: color 0.2s ease-in;
		}
.flyout__column-link:hover {
		color: rgb(4, 99, 252);
		color: var(--color-surface-primary-hover);
	}
.flyout__column-link {
			font-weight: 400;
			font-weight: var(--fw-regular);
			padding: 0;
}
.flyout__column-link:hover {
				-webkit-text-decoration: underline;
				text-decoration: underline;
				text-underline-offset: 3px;
			}