@font-face {
	font-family: "Roobert";
	src: url("https://ucpcdn.thyssenkrupp.com/assets/fonts/roobert/tkmagic-roobert_regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Roobert";
	src: url("https://ucpcdn.thyssenkrupp.com/assets/fonts/roobert/tkmagic-roobert_medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Roobert";
	src: url("https://ucpcdn.thyssenkrupp.com/assets/fonts/roobert/tkmagic-roobert_semibold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Roobert";
	src: url("https://ucpcdn.thyssenkrupp.com/assets/fonts/roobert/tkmagic-roobert_bold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/* ----------------------------------------------------------------------------
 * Tokens
 * ------------------------------------------------------------------------- */

:root {
	--ucp-ui-typography-font-family-brand-stack: 'Roobert', Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, system-ui, sans-serif;
	--ucp-ui-typography-font-family-copy: var(--ucp-ui-typography-font-family-brand-stack);
	--ucp-ui-typography-font-family-display: var(--ucp-ui-typography-font-family-brand-stack);
	--ucp-ui-typography-font-size-h1: 48px;
	--ucp-ui-typography-font-size-h1-sub: 48px;
	--ucp-ui-typography-font-size-h2: 32px;
	--ucp-ui-typography-font-size-h2-display: 24px;
	--ucp-ui-typography-font-size-h3: 28px;
	--ucp-ui-typography-font-size-h4: 22px;
	--ucp-ui-typography-font-size-copy-regular: 17px;
	--ucp-ui-typography-font-size-copy-small: 14px;
	--ucp-ui-typography-font-size-copy-xsmall: 12px;
	--ucp-ui-typography-font-size-copy: var(--ucp-ui-typography-font-size-copy-regular);
	--ucp-ui-typography-font-size-quote-small: 20px;
	--ucp-ui-typography-font-size-quote-large: 24px;
	--ucp-ui-typography-font-size-display-large: 56px;
	--ucp-ui-typography-font-size-display-medium: 32px;
	--ucp-ui-typography-font-size-display-numeric: 28px;
	--ucp-ui-typography-font-size-display-numeric-medium: 96px;
	--ucp-ui-typography-font-size-display: var(--ucp-ui-typography-font-size-display-medium);
	--ucp-ui-typography-font-size-meta-author: 14px;
	--ucp-ui-typography-font-size-caption: 14px;
	--ucp-ui-typography-font-size-date: 17px;
	--ucp-ui-typography-font-size-tag: 15px;
	--ucp-ui-typography-font-size-input: 16px;
	--ucp-ui-typography-font-size-label: 16px;
	--ucp-ui-typography-font-size-intro: 20px;
	--ucp-ui-typography-font-size-heading: 32px;
	--ucp-ui-typography-font-size-buzzer: 36px;
	--ucp-ui-typography-font-size-title: 24px;
	--ucp-ui-typography-line-height-display: 1.15;
	--ucp-ui-typography-line-height-heading: 1.15;
	--ucp-ui-typography-line-height-title: 1.25;
	--ucp-ui-typography-line-height-label: 1.35;
}

@media (min-width: 1440px) {
	:root {
		--ucp-ui-typography-font-size-h1: 80px;
		--ucp-ui-typography-font-size-h1-sub: 64px;
		--ucp-ui-typography-font-size-h2: 48px;
		--ucp-ui-typography-font-size-h2-display: 56px;
		--ucp-ui-typography-font-size-h3: 36px;
		--ucp-ui-typography-font-size-h4: 28px;
		--ucp-ui-typography-font-size-copy-regular: 18px;
		--ucp-ui-typography-font-size-copy-small: 16px;
		--ucp-ui-typography-font-size-copy-xsmall: 14px;
		--ucp-ui-typography-font-size-quote-small: 22px;
		--ucp-ui-typography-font-size-quote-large: 48px;
		--ucp-ui-typography-font-size-display-large: 270px;
		--ucp-ui-typography-font-size-display-medium: 80px;
		--ucp-ui-typography-font-size-display-numeric: 56px;
		--ucp-ui-typography-font-size-meta-author: 22px;
		--ucp-ui-typography-font-size-caption: 16px;
		--ucp-ui-typography-font-size-tag: 16px;
		--ucp-ui-typography-font-size-intro: 22px;
		--ucp-ui-typography-font-size-display: 50px;
		--ucp-ui-typography-font-size-heading: 44px;
		--ucp-ui-typography-font-size-title: 30px;
		--ucp-ui-typography-font-size-copy: 20px;
		--ucp-ui-typography-font-size-buzzer: 48px;
		--ucp-ui-typography-line-height-display: 1.2;
		--ucp-ui-typography-line-height-heading: 1.25;
	}
}

:root {
	--ucp-ui-color-palette-grey-200: #D7D3CF;
	--ucp-ui-color-palette-grey-300: #B9B9B9;
	--ucp-ui-color-palette-grey-600: #5B5B5B;
	--ucp-ui-color-palette-grey-700: #373C3B;
	--ucp-ui-color-palette-deep-green-200: #D5DCD7;
	--ucp-ui-color-palette-deep-green-300: #AEC5C2;
	--ucp-ui-color-palette-deep-green-400: #6F9591;
	--ucp-ui-color-palette-deep-green-500: #5A8581;
	--ucp-ui-color-palette-deep-green-600: #406C67;
	--ucp-ui-color-palette-deep-green-700: #054742;
	--ucp-ui-color-palette-deep-green-800: #063F3A;
	--ucp-ui-color-palette-deep-green-850: #16342E;
	--ucp-ui-color-palette-deep-green-900: #0A2923;
	--ucp-ui-color-palette-active-orange-200: #FFE4C7;
	--ucp-ui-color-palette-active-orange-300: #FFCC94;
	--ucp-ui-color-palette-active-orange-400: #FFB361;
	--ucp-ui-color-palette-active-orange-500: #FF8E14;
	--ucp-ui-color-palette-light-sand-200: #FDFBF9;
	--ucp-ui-color-palette-light-sand-250: #F5F3F1;
	--ucp-ui-color-palette-light-sand-300: #F2EDE7;
	--ucp-ui-color-palette-light-sand-400: #EBE3DA;
	--ucp-ui-color-palette-light-sand-500: #DBD1C3;
	--ucp-ui-color-palette-white-default: #FFFFFF;
	--ucp-ui-color-palette-black-default: #000000;
	--ucp-ui-color-palette-active-green-default: #4AFB86;
	--ucp-ui-color-palette-neutral-0: var(--ucp-ui-color-palette-white-default);
	--ucp-ui-color-palette-neutral-200: var(--ucp-ui-color-palette-grey-200);
	--ucp-ui-color-palette-neutral-300: var(--ucp-ui-color-palette-grey-300);
	--ucp-ui-color-palette-neutral-600: var(--ucp-ui-color-palette-grey-600);
	--ucp-ui-color-palette-neutral-700: var(--ucp-ui-color-palette-grey-700);
	--ucp-ui-color-palette-neutral-1000: var(--ucp-ui-color-palette-black-default);
	--ucp-ui-color-palette-semantic-blue: #026CE6;
	--ucp-ui-color-palette-semantic-red: #98080B;
	--ucp-ui-color-surface-strong: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-surface-subtle: var(--ucp-ui-color-palette-light-sand-300);
	--ucp-ui-color-surface-highlight: var(--ucp-ui-color-palette-active-orange-500);
	--ucp-ui-color-semantics-focus: var(--ucp-ui-color-palette-semantic-blue);
	--ucp-ui-color-semantics-error: var(--ucp-ui-color-palette-semantic-red);
	--ucp-ui-color-button-primary-fill-default: var(--ucp-ui-color-palette-active-orange-500);
	--ucp-ui-color-button-primary-fill-hover: var(--ucp-ui-color-palette-active-orange-500);
	--ucp-ui-color-button-primary-fill-pressed: var(--ucp-ui-color-palette-active-orange-400);
	--ucp-ui-color-button-primary-text: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-on-subtle-text-primary: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-on-subtle-text-icon: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-on-subtle-text-soft: var(--ucp-ui-color-palette-deep-green-600);
	--ucp-ui-color-on-subtle-text-inverted: var(--ucp-ui-color-palette-light-sand-300);
	--ucp-ui-color-on-subtle-text-disabled: var(--ucp-ui-color-palette-grey-300);
	--ucp-ui-color-on-subtle-button-secondary-fill-default: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-on-subtle-button-secondary-fill-hover: var(--ucp-ui-color-palette-deep-green-600);
	--ucp-ui-color-on-subtle-button-secondary-fill-pressed: var(--ucp-ui-color-palette-deep-green-700);
	--ucp-ui-color-on-subtle-button-secondary-text: var(--ucp-ui-color-palette-light-sand-300);
	--ucp-ui-color-on-subtle-button-tertiary-fill-default: var(--ucp-ui-color-palette-deep-green-200);
	--ucp-ui-color-on-subtle-button-tertiary-fill-hover: var(--ucp-ui-color-palette-deep-green-300);
	--ucp-ui-color-on-subtle-button-tertiary-fill-pressed: var(--ucp-ui-color-palette-deep-green-200);
	--ucp-ui-color-on-subtle-button-tertiary-text: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-on-subtle-border-default: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-on-subtle-border-soft: var(--ucp-ui-color-palette-deep-green-400);
	--ucp-ui-color-on-subtle-underline-default: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-on-subtle-surface-base-1: var(--ucp-ui-color-palette-white-default);
	--ucp-ui-color-on-subtle-surface-disabled: var(--ucp-ui-color-palette-grey-200);
	--ucp-ui-color-on-subtle-tag-fill: var(--ucp-ui-color-palette-light-sand-500);
	--ucp-ui-color-on-subtle-dynamic-dot-fill: var(--ucp-ui-color-surface-highlight);
	--ucp-ui-color-on-strong-text-primary: var(--ucp-ui-color-palette-light-sand-300);
	--ucp-ui-color-on-strong-text-icon: var(--ucp-ui-color-palette-light-sand-300);
	--ucp-ui-color-on-strong-text-soft: var(--ucp-ui-color-palette-deep-green-300);
	--ucp-ui-color-on-strong-text-highlight: var(--ucp-ui-color-palette-active-green-default);
	--ucp-ui-color-on-strong-text-inverted: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-on-strong-text-disabled: var(--ucp-ui-color-palette-grey-600);
	--ucp-ui-color-on-strong-button-secondary-fill-default: var(--ucp-ui-color-palette-light-sand-300);
	--ucp-ui-color-on-strong-button-secondary-fill-hover: var(--ucp-ui-color-palette-light-sand-500);
	--ucp-ui-color-on-strong-button-secondary-fill-pressed: var(--ucp-ui-color-palette-light-sand-400);
	--ucp-ui-color-on-strong-button-secondary-text: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-on-strong-button-tertiary-fill-default: var(--ucp-ui-color-palette-deep-green-700);
	--ucp-ui-color-on-strong-button-tertiary-fill-hover: var(--ucp-ui-color-palette-deep-green-600);
	--ucp-ui-color-on-strong-button-tertiary-fill-pressed: var(--ucp-ui-color-palette-deep-green-800);
	--ucp-ui-color-on-strong-button-tertiary-text: var(--ucp-ui-color-palette-light-sand-300);
	--ucp-ui-color-on-strong-border-default: var(--ucp-ui-color-palette-light-sand-300);
	--ucp-ui-color-on-strong-border-soft: var(--ucp-ui-color-palette-deep-green-400);
	--ucp-ui-color-on-strong-border-highlight: var(--ucp-ui-color-palette-active-green-default);
	--ucp-ui-color-on-strong-divider-soft: var(--ucp-ui-color-palette-deep-green-800);
	--ucp-ui-color-on-strong-underline-default: var(--ucp-ui-color-palette-light-sand-300);
	--ucp-ui-color-on-strong-surface-base-1: var(--ucp-ui-color-palette-deep-green-800);
	--ucp-ui-color-on-strong-surface-highlight: var(--ucp-ui-color-palette-active-green-default);
	--ucp-ui-color-on-strong-surface-disabled: var(--ucp-ui-color-palette-grey-700);
	--ucp-ui-color-on-strong-tag-fill: var(--ucp-ui-color-palette-deep-green-600);
	--ucp-ui-color-on-strong-dynamic-dot-fill: var(--ucp-ui-color-on-strong-border-highlight);
	--ucp-ui-color-palette-brand-primary: var(--ucp-ui-color-palette-active-green-default);
	--ucp-ui-color-palette-brand-primary-signal: var(--ucp-ui-color-palette-active-orange-500);
	--ucp-ui-color-palette-brand-secondary: var(--ucp-ui-color-palette-deep-green-900);
	--ucp-ui-color-palette-brand-secondary-soft: var(--ucp-ui-color-palette-deep-green-400);
	--ucp-ui-color-palette-brand-light: var(--ucp-ui-color-palette-light-sand-300);
	--ucp-ui-color-flow-fill: var(--ucp-ui-color-palette-brand-secondary);
	--ucp-ui-color-flow-primary: var(--ucp-ui-color-palette-brand-primary);
	--ucp-ui-color-flow-secondary: var(--ucp-ui-color-palette-brand-light);
}

:root,
[data-ucp-ui-scheme=light],
[data-ucp-ui-surface=subtle] {
	--ucp-ui-color-surface-background: var(--ucp-ui-color-surface-subtle);
	--ucp-ui-color-surface-foreground: var(--ucp-ui-color-on-subtle-surface-base-1);
	--ucp-ui-color-surface-disabled: var(--ucp-ui-color-on-subtle-surface-disabled);
	--ucp-ui-color-text-primary: var(--ucp-ui-color-on-subtle-text-primary);
	--ucp-ui-color-text-icon: var(--ucp-ui-color-on-subtle-text-icon);
	--ucp-ui-color-text-soft: var(--ucp-ui-color-on-subtle-text-soft);
	--ucp-ui-color-text-highlight: var(--ucp-ui-color-on-subtle-text-highlight);
	--ucp-ui-color-text-inverted: var(--ucp-ui-color-on-subtle-text-inverted);
	--ucp-ui-color-text-disabled: var(--ucp-ui-color-on-subtle-text-disabled);
	--ucp-ui-color-button-secondary-fill-default: var(--ucp-ui-color-on-subtle-button-secondary-fill-default);
	--ucp-ui-color-button-secondary-fill-hover: var(--ucp-ui-color-on-subtle-button-secondary-fill-hover);
	--ucp-ui-color-button-secondary-fill-pressed: var(--ucp-ui-color-on-subtle-button-secondary-fill-pressed);
	--ucp-ui-color-button-secondary-text: var(--ucp-ui-color-on-subtle-button-secondary-text);
	--ucp-ui-color-button-tertiary-fill-default: var(--ucp-ui-color-on-subtle-button-tertiary-fill-default);
	--ucp-ui-color-button-tertiary-fill-hover: var(--ucp-ui-color-on-subtle-button-tertiary-fill-hover);
	--ucp-ui-color-button-tertiary-fill-pressed: var(--ucp-ui-color-on-subtle-button-tertiary-fill-pressed);
	--ucp-ui-color-button-tertiary-text: var(--ucp-ui-color-on-subtle-button-tertiary-text);
	--ucp-ui-color-border-default: var(--ucp-ui-color-on-subtle-border-default);
	--ucp-ui-color-border-soft: var(--ucp-ui-color-on-subtle-border-soft);
	--ucp-ui-color-divider: var(--ucp-ui-color-on-subtle-divider-soft);
	--ucp-ui-color-underline: var(--ucp-ui-color-on-subtle-underline-default);
	--ucp-ui-color-highlight: var(--ucp-ui-color-on-subtle-highlight);
	--ucp-ui-color-tag-fill: var(--ucp-ui-color-on-subtle-tag-fill);
	--ucp-ui-color-dynamic-dot-fill: var(--ucp-ui-color-on-subtle-dynamic-dot-fill);
}

[data-ucp-ui-scheme=dark],
[data-ucp-ui-surface=strong] {
	--ucp-ui-color-surface-background: var(--ucp-ui-color-surface-strong);
	--ucp-ui-color-surface-foreground: var(--ucp-ui-color-on-strong-surface-base-1);
	--ucp-ui-color-surface-disabled: var(--ucp-ui-color-on-strong-surface-disabled);
	--ucp-ui-color-text-primary: var(--ucp-ui-color-on-strong-text-primary);
	--ucp-ui-color-text-icon: var(--ucp-ui-color-on-strong-text-icon);
	--ucp-ui-color-text-soft: var(--ucp-ui-color-on-strong-text-soft);
	--ucp-ui-color-text-highlight: var(--ucp-ui-color-on-strong-text-highlight);
	--ucp-ui-color-text-inverted: var(--ucp-ui-color-on-strong-text-inverted);
	--ucp-ui-color-text-disabled: var(--ucp-ui-color-on-strong-text-disabled);
	--ucp-ui-color-button-secondary-fill-default: var(--ucp-ui-color-on-strong-button-secondary-fill-default);
	--ucp-ui-color-button-secondary-fill-hover: var(--ucp-ui-color-on-strong-button-secondary-fill-hover);
	--ucp-ui-color-button-secondary-fill-pressed: var(--ucp-ui-color-on-strong-button-secondary-fill-pressed);
	--ucp-ui-color-button-secondary-text: var(--ucp-ui-color-on-strong-button-secondary-text);
	--ucp-ui-color-button-tertiary-fill-default: var(--ucp-ui-color-on-strong-button-tertiary-fill-default);
	--ucp-ui-color-button-tertiary-fill-hover: var(--ucp-ui-color-on-strong-button-tertiary-fill-hover);
	--ucp-ui-color-button-tertiary-fill-pressed: var(--ucp-ui-color-on-strong-button-tertiary-fill-pressed);
	--ucp-ui-color-button-tertiary-text: var(--ucp-ui-color-on-strong-button-tertiary-text);
	--ucp-ui-color-border-default: var(--ucp-ui-color-on-strong-border-default);
	--ucp-ui-color-border-soft: var(--ucp-ui-color-on-strong-border-soft);
	--ucp-ui-color-divider: var(--ucp-ui-color-on-strong-divider-soft);
	--ucp-ui-color-underline: var(--ucp-ui-color-on-strong-underline-default);
	--ucp-ui-color-highlight: var(--ucp-ui-color-on-strong-highlight);
	--ucp-ui-color-tag-fill: var(--ucp-ui-color-on-strong-tag-fill);
	--ucp-ui-color-dynamic-dot-fill: var(--ucp-ui-color-on-strong-dynamic-dot-fill);
}

:root,
[data-ucp-ui-surface] {
	--ucp-ui-color-text-copy: var(--ucp-ui-color-text-primary);
	--ucp-ui-color-on-highlight-text-copy: var(--ucp-ui-color-palette-neutral-1000);
}

:root {
	--ucp-ui-spacing-gap-200: 8px;
	--ucp-ui-spacing-gap-300: 16px;
	--ucp-ui-spacing-gap-400: 16px;
	--ucp-ui-spacing-gap-500: 24px;
	--ucp-ui-spacing-gap-600: 32px;
	--ucp-ui-spacing-gap-700: 48px;
	--ucp-ui-spacing-gap-800: 64px;
	--ucp-ui-spacing-padding-tight: 32px;
	--ucp-ui-spacing-padding-compact: 40px;
	--ucp-ui-spacing-padding-loose: 80px;
	--ucp-ui-spacing-padding-default: var(--ucp-ui-size-padding-loose);
}

@media (min-width: 768px) {
	:root {
		--ucp-ui-spacing-gap-400: 24px;
		--ucp-ui-spacing-gap-500: 32px;
		--ucp-ui-spacing-gap-600: 48px;
		--ucp-ui-spacing-gap-700: 64px;
		--ucp-ui-spacing-gap-800: 80px;
		--ucp-ui-spacing-padding-tight: 64px;
		--ucp-ui-spacing-padding-compact: 80px;
		--ucp-ui-spacing-padding-loose: 120px;
	}
}

:root {
	--ucp-ui-size-border-radius-small: 8px;
	--ucp-ui-size-border-radius-regular: 16px;
	--ucp-ui-size-border-radius-round: 999px;
	--ucp-ui-size-width-underline-default: 1px;
	--ucp-ui-size-width-underline-hover: 2px;
	--ucp-ui-size-width-stroke-small: 1.5px;
	--ucp-ui-size-width-stroke-medium: 2px;
	--ucp-ui-size-width-stroke-large: 3px;
	--ucp-ui-size-width-divider-default: 1px;
	--ucp-ui-size-width-select-border-default: 1px;
	--ucp-ui-size-dynamic-dot-border-small: 1px;
	--ucp-ui-size-dynamic-dot-border-large: 2px;
}

@media (min-width: 768px) {
	:root {
		--ucp-ui-size-border-radius-regular: 20px;
	}
}

@media (min-width: 1440px) {
	:root {
		--ucp-ui-size-width-stroke-small: 2px;
		--ucp-ui-size-width-stroke-medium: 4px;
		--ucp-ui-size-width-stroke-large: 6px;
		--ucp-ui-size-dynamic-dot-border-small: 2px;
		--ucp-ui-size-dynamic-dot-border-large: 4px;
	}
}

:root {
	--ucp-ui-size-max-content-width: 1600px;
	--ucp-ui-basic-layout-grid-columns: 4;
	--ucp-ui-basic-layout-grid-max-columns: 12;
	--ucp-ui-basic-layout-narrow-grid-columns: var(--ucp-ui-basic-layout-grid-columns);
	--ucp-ui-spacing-layout-grid-gap: 16px;
	--ucp-ui-spacing-layout-grid-outer-gutter: 5.5vw;
	--ucp-ui-spacing-layout-editorial-component-small: 40px;
	--ucp-ui-spacing-layout-editorial-component-medium: 80px;
	--ucp-ui-spacing-layout-editorial-component-large: 120px;
	--ucp-ui-spacing-layout-editorial-component-default: var(--ucp-ui-spacing-layout-editorial-component-medium);
}

@media (min-width: 680px) {
	:root {
		--ucp-ui-basic-layout-grid-columns: 6;
	}
}

@media (min-width: 768px) {
	:root {
		--ucp-ui-spacing-layout-grid-gap: 24px;
		--ucp-ui-spacing-layout-editorial-component-small: 60px;
		--ucp-ui-spacing-layout-editorial-component-medium: 100px;
		--ucp-ui-spacing-layout-editorial-component-large: 140px;
	}
}

@media (min-width: 1024px) {
	:root {
		--ucp-ui-basic-layout-grid-columns: var(--ucp-ui-basic-layout-grid-max-columns);
		--ucp-ui-basic-layout-narrow-grid-columns: calc(var(--ucp-ui-basic-layout-grid-columns) - 2);
	}
}

@media (min-width: 1440px) {
	:root {
		--ucp-ui-spacing-layout-editorial-component-small: 80px;
		--ucp-ui-spacing-layout-editorial-component-medium: 120px;
		--ucp-ui-spacing-layout-editorial-component-large: 180px;
	}
}

@media (min-width: 1800px) {
	:root {
		--ucp-ui-spacing-layout-grid-outer-gutter: 99px;
	}
}


/* ----------------------------------------------------------------------------
 * Utility classes
 * ------------------------------------------------------------------------- */

.\!tw-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border-width: 0 !important;
}

.tw-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.\!tw-col-auto {
	grid-column: auto !important;
}

.\!tw-col-span-1 {
	grid-column: span 1 / span 1 !important;
}

.\!tw-col-start-1 {
	grid-column-start: 1 !important;
}

.tw-my-3 {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.tw-my-4 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.tw-my-5 {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

.tw-mb-5 {
	margin-bottom: 1.25rem;
}

.tw-mt-6 {
	margin-top: 1.5rem;
}

.tw-h-\[100px\] {
	height: 100px;
}

.tw-h-\[20px\] {
	height: 20px;
}

.tw-gap-basic-layout {
	gap: var(--ucp-ui-spacing-layout-grid-gap);
}

.tw-rounded-card {
	border-radius: 24px;
}

.tw-border {
	border-width: 1px;
}

.tw-border-\[deeppink\] {
	--tw-border-opacity: 1;
	border-color: rgb(255 20 147 / var(--tw-border-opacity, 1));
}

.tw-border-\[pink\] {
	--tw-border-opacity: 1;
	border-color: rgb(255 192 203 / var(--tw-border-opacity, 1));
}

.tw-bg-\[dodgerblue\] {
	--tw-bg-opacity: 1;
	background-color: rgb(30 144 255 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[mediumpurple\] {
	--tw-bg-opacity: 1;
	background-color: rgb(147 112 219 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[pink\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 192 203 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[purple\] {
	--tw-bg-opacity: 1;
	background-color: rgb(128 0 128 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[rebeccapurple\] {
	--tw-bg-opacity: 1;
	background-color: rgb(102 51 153 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[steelblue\] {
	--tw-bg-opacity: 1;
	background-color: rgb(70 130 180 / var(--tw-bg-opacity, 1));
}

.tw-bg-foreground {
	background-color: var(--ucp-ui-color-surface-foreground);
}

.tw-p-10 {
	padding: 2.5rem;
}

.tw-p-2 {
	padding: 0.5rem;
}

.tw-p-4 {
	padding: 1rem;
}

.tw-p-6 {
	padding: 1.5rem;
}

.tw-p-8 {
	padding: 2rem;
}

.tw-py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.tw-opacity-70 {
	opacity: 0.7;
}


/* ----------------------------------------------------------------------------
 * Global
 * ------------------------------------------------------------------------- */

html::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

html {
	scrollbar-gutter: stable;
	-ms-overflow-style: auto;
	scrollbar-width: thin;
	scroll-behavior: smooth;
	scroll-padding-top: var(--ucp-header-height, 92px);
}

body {
	font-family: var(--ucp-ui-typography-font-family-copy);
	line-height: 1.45;
	color: var(--ucp-ui-color-text-copy);
	font-size: var(--ucp-ui-typography-font-size-copy);
	background-color: var(--ucp-ui-color-surface-background);
}

[data-ucp-ui-surface] {
	color: var(--ucp-ui-color-text-copy);
	background-color: var(--ucp-ui-color-surface-background);
}

[data-ucp-ui-surface] [data-ucp-ui-surface] {
	background-color: var(--ucp-ui-color-surface-foreground);
}

:where(.ucp-editorial-component) {
	--ucp-sticky-header-height: calc(var(--ucp-header-height, 0) + var(--ucp-sticky-navigation-bar-height, 0));
	display: block;
	scroll-margin-top: var(--ucp-sticky-header-height);
}

:where(.editorial-components-container > .ucp-editorial-component) {
	margin-top: var(--_ucp-ui-editorial-component-spacing-before, var(--ucp-ui-spacing-layout-editorial-component-default));
	margin-bottom: var(--_ucp-ui-editorial-component-spacing-after, var(--ucp-ui-spacing-layout-editorial-component-default));
}

:where(.editorial-components-container > .ucp-editorial-component):where([data-ucp-ui-surface]) {
	margin-block: 0;
	padding-top: var(--_ucp-ui-editorial-component-spacing-before, var(--ucp-ui-spacing-layout-editorial-component-default));
	padding-bottom: var(--_ucp-ui-editorial-component-spacing-after, var(--ucp-ui-spacing-layout-editorial-component-default));
}

:where(.editorial-components-container > .ucp-editorial-component):where([data-ucp-ui-surface=subtle] + [data-ucp-ui-surface=subtle]), :where(.editorial-components-container > .ucp-editorial-component):where([data-ucp-ui-surface=strong] + [data-ucp-ui-surface=strong]) {
	padding-top: var(--_ucp-ui-editorial-component-spacing-before, var(--ucp-ui-spacing-layout-editorial-component-small));
}

:where(.editorial-components-container > .ucp-editorial-component).spacing-before--none {
	--_ucp-ui-editorial-component-spacing-before: 0;
}

:where(.editorial-components-container > .ucp-editorial-component).spacing-before--small {
	--_ucp-ui-editorial-component-spacing-before: var(--ucp-ui-spacing-layout-editorial-component-small);
}

:where(.editorial-components-container > .ucp-editorial-component).spacing-before--medium {
	--_ucp-ui-editorial-component-spacing-before: var(--ucp-ui-spacing-layout-editorial-component-medium);
}

:where(.editorial-components-container > .ucp-editorial-component).spacing-before--large {
	--_ucp-ui-editorial-component-spacing-before: var(--ucp-ui-spacing-layout-editorial-component-large);
}

:where(.editorial-components-container > .ucp-editorial-component).spacing-after--none {
	--_ucp-ui-editorial-component-spacing-after: 0;
}

:where(.editorial-components-container > .ucp-editorial-component).spacing-after--small {
	--_ucp-ui-editorial-component-spacing-after: var(--ucp-ui-spacing-layout-editorial-component-small);
}

:where(.editorial-components-container > .ucp-editorial-component).spacing-after--medium {
	--_ucp-ui-editorial-component-spacing-after: var(--ucp-ui-spacing-layout-editorial-component-medium);
}

:where(.editorial-components-container > .ucp-editorial-component).spacing-after--large {
	--_ucp-ui-editorial-component-spacing-after: var(--ucp-ui-spacing-layout-editorial-component-large);
}

:where(#main-header,
#main-header + [data-ucp-layout-area]) :where(.editorial-components-container > .ucp-editorial-component:first-child) {
	--_ucp-ui-editorial-component-spacing-before: 0;
}

:where([data-ucp-layout-area]:last-of-type) {
	margin-bottom: var(--ucp-ui-spacing-layout-editorial-component-default);
}

:where([data-ucp-layout-area=full-width]):last-of-type:has(ucp-cta-banner:last-child, ucp-page-closer:last-child) {
	margin-bottom: 0;
}

:where([data-ucp-layout-area=full-width]):last-of-type:has(ucp-cta-banner:last-child, ucp-page-closer:last-child) ucp-cta-banner:last-child,
:where([data-ucp-layout-area=full-width]):last-of-type:has(ucp-cta-banner:last-child, ucp-page-closer:last-child) ucp-page-closer:last-child {
	margin-bottom: 0;
}

:is(html:not(.edit-enabled), html.cms-preview-mode) .ucp-editorial-component.disabled-component {
	display: none !important;
}

@media (max-width: 768px) {
	:is(html:not(.edit-enabled), html.cms-preview-mode) .ucp-editorial-component.hide-on-mobile {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1280px) {
	:is(html:not(.edit-enabled), html.cms-preview-mode) .ucp-editorial-component.hide-on-tablet {
		display: none !important;
	}
}

@media (min-width: 1280px) {
	:is(html:not(.edit-enabled), html.cms-preview-mode) .ucp-editorial-component.hide-on-desktop {
		display: none !important;
	}

}

@media (prefers-reduced-motion: no-preference) {
	:is(html:not(.edit-enabled), html.cms-preview-mode) :where(.ucp-editorial-component).reveal-component-animation {
		transition: opacity 0.5s ease-in-out, translate 0.5s ease-in-out;
	}

	:is(html:not(.edit-enabled), html.cms-preview-mode) :where(.ucp-editorial-component).reveal-component-animation.fade-in {
		opacity: 0;
		translate: 0 3rem;
	}
}

html.edit-enabled:not(.cms-preview-mode) .editorial-component {
	min-height: 3rem;
}

html.edit-enabled:not(.cms-preview-mode) [data-ucp-layout-area=stage] ucp-cms-create-section-button:first-of-type:not(:only-of-type) {
	display: none;
}

html.edit-enabled:not(.cms-preview-mode) [data-ucp-layout-area=stage] ucp-cms-create-section-button:first-of-type:not(:only-of-type) + .ucp-editorial-component {
	margin-top: 0;
}

:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) :where([data-ucp-layout-area], .ucp-editorial-component) {
	position: relative;
	outline: var(--ucp-cms-edit-helper-outline-size, 2px) dashed var(--ucp-cms-edit-helper-outline-color, transparent);
	outline-offset: var(--ucp-cms-edit-helper-outline-offset, 2px);
	--_ucp-cms-edit-helper-label-offset: calc(
			-1 * var(--ucp-cms-edit-helper-outline-offset) - var(--ucp-cms-edit-helper-outline-size)
	);
}

:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) :where([data-ucp-layout-area], .ucp-editorial-component)::before {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	padding: 0.5em;
	color: var(--ucp-cms-edit-helper-text-color, inherit);
	background-color: var(--ucp-cms-edit-helper-outline-color, transparent);
	font-size: 0.875rem;
	transform: translateY(-50%);
	z-index: 50;
}

:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) [data-ucp-layout-area] {
	--ucp-cms-edit-helper-outline-color: #FFB400;
	--ucp-cms-edit-helper-text-color: #010719;
}

:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) [data-ucp-layout-area]::before {
	content: attr(data-ucp-layout-area);
}

:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) [data-ucp-layout-area=stage]::before,
:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) .ucp-editorial-component::before {
	transform: translateY(0);
}

:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) [data-ucp-layout-area=stage]::before,
:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) [data-ucp-layout-area=stage] .ucp-editorial-component::before {
	top: var(--ucp-header-height);
}

:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) .ucp-editorial-component::before {
	top: -1.25rem;
}

:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) [data-ucp-layout-area=stage]::before {
	transform: translateY(-100%);
}

:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) .ucp-editorial-component {
	--ucp-cms-edit-helper-outline-color: #9DA5B0;
	--ucp-cms-edit-helper-text-color: #010719;
}

:where(html[class].edit-enabled:not(.cms-preview-mode).show-helpers) .ucp-editorial-component[data-component-name]::before {
	content: attr(data-component-name);
	text-transform: capitalize;
}


/* ----------------------------------------------------------------------------
 * Global components
 * ------------------------------------------------------------------------- */

.ucp-ui-display,
.ucp-ui-display-medium,
.ucp-ui-display-large,
.ucp-ui-display-numeric,
.ucp-ui-display-numeric-medium {
	font-weight: 500;
	letter-spacing: -2%;
	line-height: 1.1;
}

.ucp-ui-display-large {
	font-size: var(--ucp-ui-typography-font-size-display-large);
	line-height: 1;
}

.ucp-ui-display-numeric {
	font-size: var(--ucp-ui-typography-font-size-display-numeric);
	letter-spacing: -4%;
}

.ucp-ui-display-numeric-medium {
	font-size: var(--ucp-ui-typography-font-size-display-numeric-medium);
	line-height: 1;
	letter-spacing: -4%;
}

.heading-1,
.heading-2,
.heading-3,
.heading-4 {
	font-weight: 500;
	line-height: 1.15;
}

.heading-2,
.heading-2-display {
	font-size: var(--ucp-ui-typography-font-size-h2);
}

.heading-2-display {
	font-size: var(--ucp-ui-typography-font-size-h2-display);
	font-weight: 500;
	line-height: 1.15;
}

.heading-3 {
	font-size: var(--ucp-ui-typography-font-size-h3);
}

.heading-4 {
	font-size: var(--ucp-ui-typography-font-size-h4);
}

.ucp-ui-rich-text p {
	margin-bottom: 1em;
}

.ucp-ui-rich-text p:last-child {
	margin-bottom: 0;
}

.ucp-ui-rich-text li + li {
	margin-top: 0.5em;
}

.ucp-ui-rich-text a {
	color: inherit;
	display: inline-block;
}

.ucp-ui-rich-text h1, .ucp-ui-rich-text h2, .ucp-ui-rich-text h3, .ucp-ui-rich-text h4 {
	margin-top: 1.2em;
	margin-bottom: 0.6em;
}

.ucp-ui-rich-text h1:first-child, .ucp-ui-rich-text h2:first-child, .ucp-ui-rich-text h3:first-child, .ucp-ui-rich-text h4:first-child {
	margin-top: 0;
}

.ucp-ui-rich-text h1 {
	font-weight: 500;
	font-size: var(--ucp-ui-typography-font-size-h1);
	line-height: 1.15;
	letter-spacing: -2%;
}

.ucp-ui-rich-text h2 {
	font-weight: 500;
	line-height: 1.15;
	font-size: var(--ucp-ui-typography-font-size-h2);
}

.ucp-ui-rich-text h3 {
	font-weight: 500;
	line-height: 1.15;
	font-size: var(--ucp-ui-typography-font-size-h3);
}

.ucp-ui-rich-text h4 {
	font-weight: 500;
	line-height: 1.15;
	font-size: var(--ucp-ui-typography-font-size-h4);
}

.ucp-ui-date {
	font-size: var(--ucp-ui-typography-font-size-date);
	line-height: 1.1;
}

.ucp-ui-teaser-link {
	position: static;
}

.ucp-ui-teaser-link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* --- MX Overrides --- */

body {
	background-color: var(--ucp-ui-color-surface-strong);
}

form-builder {
	visibility: hidden !important;
}