:root {
	display: flex;
	flex-flow: column;
	height: 100%;
	min-height: 100vh;

	--mo-color-brand-black: #000;
	--mo-color-brand-white: #fff;
	--mo-color-brand-orange: #eb2814;
	--mo-color-brand-green: #00e2b0;

	--mo-color-primary-100: #ffffff;
	--mo-color-primary-7: #121212;

	--mo-color-secondary-15: #262626;
	--mo-color-secondary-30: #4d4d4d;
	--mo-color-secondary-70: #b3b3b3;
	--mo-color-secondary-90: #e6e6e6;
	--mo-color-secondary-95: #f3f3f3;

	--mo-color-body-text: #121212;
	--mo-color-link-text: #37138c;

	--mo-color-status-info-default: #1e82eb;
	--mo-color-status-info-darker: #0f4176;
	--mo-color-status-info-lighter: #e9f2fd;
	--mo-color-status-success-default: #8adb39;
	--mo-color-status-success-darker: #197e00;
	--mo-color-status-success-lighter: #f2fbe9;
	--mo-color-status-warning-default: #fb9613;
	--mo-color-status-warning-darker: #e0520d;
	--mo-color-status-warning-lighter: #fff3e0;
	--mo-color-status-alert-default: #ff2a45;
	--mo-color-status-alert-darker: #cb0026;
	--mo-color-status-alert-lighter: #ffebf0;

	--mo-color-highlight-1-darker: #7e6f0f;
	--mo-color-highlight-1-default: #deec28;
	--mo-color-highlight-1-lighter: #f1f79b;
	--mo-color-highlight-2-darker: #009c29;
	--mo-color-highlight-2-default: #52d545;
	--mo-color-highlight-2-lighter: #a0d99d;
	--mo-color-highlight-3-darker: #005b37;
	--mo-color-highlight-3-default: #00e3b2;
	--mo-color-highlight-3-lighter: #7debc8;
	--mo-color-highlight-4-darker: #72068d;
	--mo-color-highlight-4-default: #b609a7;
	--mo-color-highlight-4-lighter: #eabee3;
	--mo-color-highlight-5-darker: #37138c;
	--mo-color-highlight-5-default: #4e2098;
	--mo-color-highlight-5-lighter: #b69bd7;
	--mo-color-highlight-6-darker: #910966;
	--mo-color-highlight-6-default: #e50a7c;
	--mo-color-highlight-6-lighter: #f8bddb;

	--mo-color-data-1: #6730bf;
	--mo-color-data-2: #16a889;
	--mo-color-data-3: #bf7a30;
	--mo-color-data-4: #d93695;
	--mo-color-data-5: #3649d9;
	--mo-color-data-6: #72a322;
	--mo-color-data-7: #a336d9;
	--mo-color-data-8: #219fb8;
	--mo-color-data-9: #bf5843;
	--mo-color-data-10: #ba25ba;
	--mo-color-data-11: #1d79bf;
	--mo-color-data-12: #a89519;

	--color-code-highlight-1: hsl(0 72.2% 50.6%);
	--color-code-highlight-2: hsl(221.2 83.2% 53.3%);
	--color-code-highlight-3: hsl(333.3 71.4% 50.6%);
	--color-code-highlight-4: hsl(161.4 93.5% 30.4%);
	--color-code-highlight-5: hsl(263.4 70% 50.4%);
	--color-code-highlight-6: hsl(20.5 90.2% 48.2%);

	--color-docs-background: hsl(0, 0%, 100%);
	--color-docs-codepen: #001f29;
	--color-docs-border: #e3e3e3;
	--color-docs-highlight: #eb2814;
	--color-docs-header: rgba(255, 255, 255, 0.85);
	--color-code-background: hsl(0 0% 97.5%);
	--color-docs-info: linear-gradient(45deg, rgba(22, 168, 137, 0.1), rgba(43, 227, 187, 0.1));
	--color-docs-warning: linear-gradient(
		45deg,
		rgba(235, 60, 42, 0.1) 0%,
		rgba(251, 150, 19, 0.1) 50%,
		rgba(197, 236, 61, 0.1) 100%
	);

	--docs-shadow: var(--mo-elevation-1);

	--color-neutral-50: hsl(0 0% 97.5%);
	--color-neutral-100: hsl(240 4.8% 95.9%);
	--color-neutral-200: hsl(240 5.9% 90%);
	--color-neutral-300: hsl(240 4.9% 83.9%);
	--color-neutral-400: hsl(240 5% 64.9%);
	--color-neutral-500: hsl(240 3.8% 46.1%);
	--color-neutral-600: hsl(240 5.2% 33.9%);
	--color-neutral-700: hsl(240 5.3% 26.1%);
	--color-neutral-800: hsl(240 3.7% 15.9%);
	--color-neutral-900: hsl(240 5.9% 10%);
	--color-neutral-950: hsl(240 7.3% 8%);

	--mo-size-2x-small: 2px;
	--mo-size-x-small: 4px;
	--mo-size-small: 8px;
	--mo-size-medium: 16px;
	--mo-size-large: 24px;
	--mo-size-x-large: 32px;
	--mo-size-2x-large: 40px;
	--mo-size-3x-large: 48px;
	--mo-size-4x-large: 64px;

	--mo-border-radius-small: 0.1875rem;
	--mo-border-radius-medium: 0.25rem;
	--mo-border-radius-large: 0.5rem;
	--mo-border-radius-x-large: 1rem;

	--mo-border-radius-circle: 50%;
	--mo-border-radius-pill: 9999px;

	--mo-elevation-1: 0 1px 3px 1px rgba(18, 18, 18, 0.15), 0 1px 2px 0px rgba(18, 18, 18, 0.3);
	--mo-elevation-2: 0 2px 6px 2px rgba(18, 18, 18, 0.15), 0 1px 2px 0px rgba(18, 18, 18, 0.3);
	--mo-elevation-3: 0 4px 8px 3px rgba(18, 18, 18, 0.15), 0 1px 3px 0px rgba(18, 18, 18, 0.3);
	--mo-elevation-4: 0 6px 10px 4px rgba(18, 18, 18, 0.15), 0 2px 3px 0px rgba(18, 18, 18, 0.3);
	--mo-elevation-5: 0 8px 12px 6px rgba(18, 18, 18, 0.15), 0 4px 4px 0px rgba(18, 18, 18, 0.3);

	--mo-spacing-3x-small: 0.125rem; /* 2px */
	--mo-spacing-2x-small: 0.25rem; /* 4px */
	--mo-spacing-x-small: 0.5rem; /* 8px */
	--mo-spacing-small: 0.75rem; /* 12px */
	--mo-spacing-medium: 1rem; /* 16px */
	--mo-spacing-large: 1.5rem; /* 24px */
	--mo-spacing-x-large: 2rem; /* 32px */
	--mo-spacing-2x-large: 2.5rem; /* 40px */
	--mo-spacing-3x-large: 3rem; /* 48px */
	--mo-spacing-4x-large: 4rem; /* 64px */
	--mo-spacing-5x-large: 4.5rem; /* 72px */

	--mo-transition-x-slow: 1000ms;
	--mo-transition-slow: 500ms;
	--mo-transition-medium: 250ms;
	--mo-transition-fast: 150ms;
	--mo-transition-x-fast: 50ms;

	--mo-font-sans: 'GT-Eesti Light', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';

	--mo-font-sans-regular: 'GT-Eesti Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
		sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	--font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
	--font-docs: var(--mo-font-sans);

	--font-docs-regular: var(--mo-font-sans-regular);

	--mo-font-size-x-small: 0.75rem;
	--mo-font-size-small: 0.875rem;
	--mo-font-size-medium: 1rem;
	--mo-font-size-large: 1.125rem;
	--mo-font-size-x-large: 1.25rem;
	--mo-font-size-2x-large: 1.5rem;
	--mo-font-size-3x-large: 2.25rem;
	--mo-font-size-4x-large: 3rem;
	--mo-font-size-5x-large: 4.5rem;

	--mo-font-size-h1: 2.25rem;
	--mo-font-size-h2: 1.75rem;
	--mo-font-size-h3: 1.5rem;
	--mo-font-size-h4: 1.25rem;
	--mo-font-size-h5: 1.125rem;
	--mo-font-size-h6: 1rem;

	--mo-font-weight-light: 300;
	--mo-font-weight-normal: 400;
	--mo-font-weight-semibold: 500;
	--mo-font-weight-bold: 700;

	--mo-letter-spacing-denser: -0.03em;
	--mo-letter-spacing-dense: -0.015em;
	--mo-letter-spacing-normal: 0.3px;
	--mo-letter-spacing-loose: 0.075em;
	--mo-letter-spacing-looser: 0.15em;

	--mo-line-height-denser: 1;
	--mo-line-height-dense: 1.25;
	--mo-line-height-normal: 1.5;
	--mo-line-height-loose: 1.75;
	--mo-line-height-looser: 2;

	--mo-focus-ring-width: 2px;
	--mo-focus-ring: inset 0 0 0 1px var(--mo-color-primary-7),
		0 0 var(--mo-focus-ring-width) 0 var(--mo-color-secondary-30);

	--mo-button-font-size-small: var(--mo-font-size-medium);
	--mo-button-font-size-medium: var(--mo-font-size-large);
	--mo-button-font-size-large: var(--mo-font-size-x-large);

	--mo-button-line-height-small: var(--mo-font-size-large);
	--mo-button-line-height-medium: var(--mo-font-size-x-large);
	--mo-button-line-height-large: var(--mo-font-size-2x-large);

	--mo-input-height-small: 2rem;
	--mo-input-height-medium: 2.5rem;
	--mo-input-height-large: 3rem;

	--mo-input-background-color: var(--mo-color-primary-100);
	--mo-input-background-color-hover: var(--mo-input-background-color);
	--mo-input-background-color-focus: var(--mo-input-background-color);
	--mo-input-background-color-disabled: var(--mo-color-secondary-70);
	--mo-input-border-color: var(--mo-color-body-text);
	--mo-input-border-color-hover: var(--mo-color-body-text);
	--mo-input-border-color-focus: var(--mo-color-body-text);
	--mo-input-border-color-disabled: var(--mo-color-secondary-30);
	--mo-input-border-width: 1px;

	--mo-input-border-radius-small: var(--mo-border-radius-medium);
	--mo-input-border-radius-medium: var(--mo-border-radius-medium);
	--mo-input-border-radius-large: var(--mo-border-radius-medium);

	--mo-input-font-family: var(--mo-font-sans);
	--mo-input-font-weight: var(--mo-font-weight-normal);
	--mo-input-font-size-small: var(--mo-font-size-small);
	--mo-input-font-size-medium: var(--mo-font-size-medium);
	--mo-input-font-size-large: var(--mo-font-size-large);
	--mo-input-letter-spacing: var(--mo-letter-spacing-normal);

	--mo-input-color: var(--mo-color-body-text);
	--mo-input-color-hover: var(--mo-color-body-text);
	--mo-input-color-focus: var(--mo-color-body-text);
	--mo-input-color-disabled: var(--mo-color-secondary-70);
	--mo-input-color-required: var(--mo-color-status-alert-darker);
	--mo-input-icon-color: var(--mo-color-primary-7);
	--mo-input-icon-color-hover: var(--mo-color-secondary-15);
	--mo-input-icon-color-focus: var(--mo-color-secondary-15);
	--mo-input-placeholder-color: var(--mo-color-secondary-70);
	--mo-input-placeholder-color-disabled: var(--mo-color-secondary-30);
	--mo-input-spacing-small: var(--mo-spacing-x-small);
	--mo-input-spacing-medium: var(--mo-spacing-small);
	--mo-input-spacing-large: var(--mo-spacing-medium);

	--mo-input-filled-background-color: var(--mo-color-secondary-90);
	--mo-input-filled-background-color-hover: var(--mo-color-secondary-90);
	--mo-input-filled-background-color-focus: var(--mo-color-secondary-90);
	--mo-input-filled-background-color-disabled: var(--mo-color-secondary-90);
	--mo-input-filled-color: var(--mo-color-primary-7);
	--mo-input-filled-color-hover: var(--mo-color-primary-7);
	--mo-input-filled-color-focus: var(--mo-color-primary-7);
	--mo-input-filled-color-disabled: var(--mo-color-primary-7);

	--mo-input-label-font-size-small: var(--mo-font-size-small);
	--mo-input-label-font-size-medium: var(--mo-font-size-medium);
	--mo-input-label-font-size-large: var(--mo-font-size-large);

	--mo-input-label-color: inherit;

	--mo-input-help-text-font-size-small: var(--mo-font-size-x-small);
	--mo-input-help-text-font-size-medium: var(--mo-font-size-small);
	--mo-input-help-text-font-size-large: var(--mo-font-size-medium);

	--mo-input-help-text-color: var(--mo-color-primary-7);

	--mo-toggle-size: 1rem;
	--mo-switch-size: 1.5rem;

	--mo-overlay-background-color: hsl(240 3.8% 46.1% / 33%);

	--mo-panel-background-color: var(--mo-color-primary-100);
	--mo-panel-border-color: var(--mo-color-secondary-90);
	--mo-panel-border-width: 1px;

	--mo-tooltip-background-color: var(--mo-color-primary-100);
	--mo-tooltip-color: var(--mo-color-primary-7);
	--mo-tooltip-font-family: var(--mo-font-sans);
	--mo-tooltip-font-weight: var(--mo-font-weight-normal);
	--mo-tooltip-font-size: var(--mo-font-size-small);
	--mo-tooltip-line-height: var(--mo-line-height-normal);
	--mo-tooltip-padding: var(--mo-spacing-2x-small) var(--mo-spacing-x-small);
	--mo-tooltip-arrow-size: 4px;

	--mo-z-index-sidebar: 600;
	--mo-z-index-overlay: 650;
	--mo-z-index-drawer: 700;
	--mo-z-index-header: 750;
	--mo-z-index-dialog: 800;
	--mo-z-index-dropdown: 900;
	--mo-z-index-toast: 950;
	--mo-z-index-tooltip: 1000;

	/* Color --dxp Styling Hooks */
	--dxp-g-root: var(--mo-color-primary-100);
	--dxp-g-root-contrast: var(--mo-color-primary-7);
	--dxp-g-root-1: var(--mo-color-secondary-90);
	--dxp-g-root-2: #c2c2c2;
	--dxp-g-root-3: #858585;
	--dxp-g-root-contrast-1: var(--mo-color-primary-7);
	--dxp-g-root-contrast-2: var(--mo-color-primary-7);
	--dxp-g-root-contrast-3: var(--mo-color-primary-7);

	/* Brand */
	--dxp-g-brand: var(--mo-color-brand-black);
	--dxp-g-brand-contrast: var(--mo-color-brand-white);
	--dxp-g-brand-1: var(--mo-color-brand-black);
	--dxp-g-brand-2: #001e38;
	--dxp-g-brand-3: #000000;
	--dxp-g-brand-contrast-1: var(--mo-color-secondary-90);
	--dxp-g-brand-contrast-3: #ffffff;
	--dxp-g-brand-contrast-2: #ffffff;

	/* Success */
	--dxp-g-success: var(--mo-color-status-success-default);
	--dxp-g-success-1: var(--mo-color-status-success-darker);
	--dxp-g-success-2: rgb(44, 108, 51);
	--dxp-g-success-3: rgb(9, 21, 10);
	--dxp-g-success-contrast: var(--mo-color-primary-7);
	--dxp-g-success-contrast-1: var(--mo-color-primary-7);
	--dxp-g-success-contrast-3: #fff;
	--dxp-g-success-contrast-2: #fff;

	/* Destructive */
	--dxp-g-destructive: var(--mo-color-status-alert-default);
	--dxp-g-destructive-1: var(--mo-color-status-alert-darker);
	--dxp-g-destructive-2: #611d1a;
	--dxp-g-destructive-3: #010000;
	--dxp-g-destructive-contrast: var(--mo-color-primary-7);
	--dxp-g-destructive-contrast-1: var(--mo-color-primary-7);
	--dxp-g-destructive-contrast-2: #ffffff;
	--dxp-g-destructive-contrast-3: #ffffff;

	/* Warning */
	--dxp-g-warning: var(--mo-color-status-warning-default);
	--dxp-g-warning-1: var(--mo-color-status-warning-lighter);
	--dxp-g-warning-2: var(--mo-color-status-warning-darker);
	--dxp-g-warning-contrast: var(--mo-color-primary-7);
	--dxp-g-warning-contrast-1: var(--mo-color-primary-7);
	--dxp-g-warning-contrast-2: var(--mo-color-primary-100);
	--dxp-g-warning-contrast-3: var(--mo-color-primary-100);

	/* Info */
	--dxp-g-info: var(--mo-color-status-info-default);
	--dxp-g-info-1: var(--mo-color-status-info-darker);
	--dxp-g-info-2: rgb(0, 47, 88);
	--dxp-g-info-3: var(--mo-color-primary-7);
	--dxp-g-info-contrast: var(--mo-color-primary-7);
	--dxp-g-info-contrast-1: var(--mo-color-status-info-lighter);
	--dxp-g-info-contrast-2: var(--mo-color-status-info-lighter);
	--dxp-g-info-contrast-3: var(--mo-color-status-info-lighter);

	/* Neutral */
	--dxp-g-neutral: var(--mo-color-primary-100);
	--dxp-g-neutral-contrast: var(--mo-color-primary-7);
	--dxp-g-neutral-1: var(--color-neutral-300);
	--dxp-g-neutral-contrast-1: var(--mo-color-primary-7);
	--dxp-g-neutral-2: var(--color-neutral-400);
	--dxp-g-neutral-contrast-2: var(--mo-color-primary-7);
	--dxp-g-neutral-3: var(--color-neutral-500);
	--dxp-g-neutral-contrast-3: var(--mo-color-primary-7);

	/* Offline */
	--dxp-g-offline: #444444;
	--dxp-g-offline-1: #303030;
	--dxp-g-offline-2: #070707;
	--dxp-g-offline-3: #000000;
	--dxp-g-offline-contrast: #ffffff;
	--dxp-g-offline-contrast-3: #ffffff;
	--dxp-g-offline-contrast-2: #ffffff;
	--dxp-g-offline-contrast-1: #ffffff;

	/* Fonts */
	--dxp-g-root-font-family: var(--mo-font-sans);
	--dxp-g-heading-font-family: var(--mo-font-sans-regular);

	--dxp-g-font-size-1: 0.625rem;
	--dxp-g-font-size-2: 0.715rem;
	--dxp-g-font-size-3: var(--mo-font-size-x-small);
	--dxp-g-font-size-4: var(--mo-font-size-small);
	--dxp-g-font-size-5: var(--mo-font-size-medium);
	--dxp-g-font-size-6: var(--mo-font-size-large);
	--dxp-g-font-size-7: var(--mo-font-size-x-large);
	--dxp-g-font-size-8: var(--mo-font-size-2x-large);
	--dxp-g-font-size-9: var(--mo-font-size-3x-large);
	--dxp-g-font-size-10: var(--mo-font-size-4x-large);
	--dxp-g-font-size-11: var(--mo-font-size-5x-large);

	/* Text heading */
	--dxp-s-text-heading-small-letter-spacing: var(--mo-letter-spacing-normal);
	--dxp-s-text-heading-medium-letter-spacing: var(--mo-letter-spacing-normal);
	--dxp-s-text-heading-large-letter-spacing: var(--mo-letter-spacing-normal);
	--dxp-s-text-heading-extra-large-letter-spacing: var(--mo-letter-spacing-normal);

	--dxp-s-text-heading-small-line-height: var(--mo-line-height-dense);
	--dxp-s-text-heading-medium-line-height: var(--mo-line-height-dense);
	--dxp-s-text-heading-large-line-height: var(--mo-line-height-dense);
	--dxp-s-text-heading-extra-large-line-height: var(--mo-line-height-dense);

	--dxp-s-text-heading-small-text-decoration: none;
	--dxp-s-text-heading-medium-text-decoration: none;
	--dxp-s-text-heading-large-text-decoration: none;
	--dxp-s-text-heading-extra-large-text-decoration: none;

	--dxp-s-text-heading-small-text-transform: none;
	--dxp-s-text-heading-medium-text-transform: none;
	--dxp-s-text-heading-large-text-transform: none;
	--dxp-s-text-heading-extra-large-text-transform: none;

	--dxp-s-text-heading-small-font-family: var(--mo-font-sans-regular);
	--dxp-s-text-heading-medium-font-family: var(--mo-font-sans-regular);
	--dxp-s-text-heading-large-font-family: var(--mo-font-sans-regular);
	--dxp-s-text-heading-extra-large-font-family: var(--mo-font-sans-regular);

	--dxp-s-text-heading-small-font-style: normal;
	--dxp-s-text-heading-medium-font-style: normal;
	--dxp-s-text-heading-extra-large-font-style: normal;
	--dxp-s-text-heading-large-font-style: normal;

	--dxp-s-text-heading-small-font-size: var(--mo-font-size-h4);
	--dxp-s-text-heading-medium-font-size: var(--mo-font-size-h3);
	--dxp-s-text-heading-large-font-size: var(--mo-font-size-h2);
	--dxp-s-text-heading-extra-large-font-size: var(--mo-font-size-h1);

	--dxp-s-text-heading-small-color: var(--dxp-g-root-contrast);
	--dxp-s-text-heading-medium-color: var(--dxp-g-root-contrast);
	--dxp-s-text-heading-large-color: var(--dxp-g-root-contrast);
	--dxp-s-text-heading-extra-large-color: var(--dxp-g-root-contrast);

	--dxp-s-text-heading-small-font-weight: var(--mo-font-weight-normal);
	--dxp-s-text-heading-large-font-weight: var(--mo-font-weight-normal);
	--dxp-s-text-heading-medium-font-weight: var(--mo-font-weight-normal);
	--dxp-s-text-heading-extra-large-font-weight: var(--mo-font-weight-normal);

	/* Spacing */
	--dxp-g-spacing-none: 0 !important;
	--dxp-g-spacing-xxxsmall: var(--mo-spacing-3x-small);
	--dxp-g-spacing-xxsmall: var(--mo-spacing-2x-small);
	--dxp-g-spacing-xsmall: var(--mo-spacing-x-small);
	--dxp-g-spacing-small: var(--mo-spacing-small);
	--dxp-g-spacing-medium: var(--mo-spacing-medium);
	--dxp-g-spacing-large: var(--mo-spacing-large);
	--dxp-g-spacing-xlarge: var(--mo-spacing-x-large);
	--dxp-g-spacing-xxlarge: var(--mo-spacing-2x-large);

	/* Column spacing  */
	--dxp-c-column-container-spacing-block-start: 0;
	--dxp-c-column-container-spacing-inline-end: 0;
	--dxp-c-column-container-spacing-block-end: 0;
	--dxp-c-column-container-spacing-inline-start: 0;
	--dxp-c-column-container-spacing-block-start-mobile: 0;
	--dxp-c-column-container-spacing-inline-end-mobile: 0;
	--dxp-c-column-container-spacing-block-end-mobile: 0;
	--dxp-c-column-container-spacing-inline-start-mobile: 0;
	--dxp-c-column-content-spacing-block-start: 0;
	--dxp-c-column-content-spacing-inline-end: 0;
	--dxp-c-column-content-spacing-block-end: 0;
	--dxp-c-column-content-spacing-inline-start: 0;
	--dxp-c-column-content-spacing-block-start-mobile: 0;
	--dxp-c-column-content-spacing-inline-end-mobile: 0;
	--dxp-c-column-content-spacing-block-end-mobile: 0;
	--dxp-c-column-content-spacing-inline-start-mobile: 0;

	--dxp-s-column-spacer-size: 1rem;
	--dxp-s-column-spacer-size-mobile: 0.75rem;

	/* Header spacing */
	--dxp-c-header-container-spacing-block-start: var(--mo-spacing-medium);
	--dxp-c-header-container-spacing-inline-end: var(--mo-spacing-medium);
	--dxp-c-header-container-spacing-block-end: var(--mo-spacing-medium);
	--dxp-c-header-container-spacing-inline-start: var(--mo-spacing-medium);
	--dxp-c-header-container-spacing-block-start-mobile: var(--mo-spacing-small);
	--dxp-c-header-container-spacing-inline-end-mobile: var(--mo-spacing-small);
	--dxp-c-header-container-spacing-block-end-mobile: var(--mo-spacing-small);
	--dxp-c-header-container-spacing-inline-start-mobile: var(--mo-spacing-small);

	--dxp-s-header-content-max-width: 1800px;
	--dxp-s-header-content-max-width-mobile: none;

	/* Section spacing */
	/* --dxp-s-section-columns-max-width: 1800px; */
	--dxp-s-section-columns-max-width-mobile: none;
	--dxp-s-section-content-spacing-inline-start: 1rem;
	--dxp-s-section-content-spacing-inline-end: 1rem;
	--dxp-s-section-content-spacing-inline-end-mobile: 0.75rem;
	--dxp-s-section-content-spacing-inline-start-mobile: 0.75rem;
	--dxp-s-section-content-spacing-block-start: 1rem;
	--dxp-s-section-content-spacing-block-end: 1rem;
	--dxp-s-section-content-spacing-block-start-mobile: 1rem;
	--dxp-s-section-content-spacing-block-end-mobile: 1rem;

	/* Footer spacing */
	--dxp-c-footer-container-spacing-block-start: var(--mo-spacing-medium);
	--dxp-c-footer-container-spacing-inline-end: var(--mo-spacing-medium);
	--dxp-c-footer-container-spacing-block-end: var(--mo-spacing-medium);
	--dxp-c-footer-container-spacing-inline-start: var(--mo-spacing-medium);
	--dxp-c-footer-container-spacing-block-start-mobile: var(--mo-spacing-small);
	--dxp-c-footer-container-spacing-inline-end-mobile: var(--mo-spacing-small);
	--dxp-c-footer-container-spacing-block-end-mobile: var(--mo-spacing-small);
	--dxp-c-footer-container-spacing-inline-start-mobile: var(--mo-spacing-small);

	--dxp-s-footer-content-max-width: 1800px;
	--dxp-s-footer-content-max-width-mobile: none;

	/* Button font */
	--dxp-s-button-font-family: var(--mo-font-sans-regular);
	--dxp-s-button-font-weight: 400;
	--dxp-s-button-font-style: normal;
	--dxp-s-button-letter-spacing: 0em;
	--dxp-s-button-small-font-size: var(--mo-button-font-size-small);
	--dxp-s-button-font-size: var(--mo-button-font-size-small);
	--dxp-s-button-large-font-size: var(--mo-button-font-size-small);
	--dxp-s-button-text-transform: none;
	--dxp-s-button-line-height-small: var(--mo-button-line-height-large);
	--dxp-s-button-line-height: var(--mo-button-line-height-large);
	--dxp-s-button-line-height-large: var(--mo-button-line-height-large);

	/* Button colors */
	--dxp-s-button-color: var(--dxp-g-brand);
	--dxp-s-button-color-1: var(--dxp-g-brand-1);
	--dxp-s-button-color-active: var(--dxp-s-button-color-1);
	--dxp-s-button-color-active-contrast: var(--dxp-g-brand-contrast-1);
	--dxp-s-button-color-contrast: var(--dxp-g-brand-contrast);
	--dxp-s-button-color-hover: var(--dxp-s-button-color-1);
	--dxp-s-button-color-hover-contrast: var(--dxp-g-brand-contrast-1);
	--dxp-s-button-color-focus: var(--dxp-s-button-color-1);
	--dxp-s-button-color-focus-contrast: var(--dxp-g-brand-contrast-1);

	/* Button border radius */
	--dxp-s-button-radius-border: 0;
	--dxp-s-button-small-radius-border: 0;
	--dxp-s-button-large-radius-border: 0;

	/* Button padding */
	--dxp-s-button-small-padding: 0.75rem;
	--dxp-s-button-padding: 1rem;
	--dxp-s-button-large-padding: 1.25rem;

	/* Dropdown */
	--dxp-s-dropdown-text-color: var(--dxp-g-root-contrast);
	--dxp-s-dropdown-text-color-hover: var(--dxp-g-neutral-contrast);
	--dxp-s-dropdown-color-background: var(--dxp-g-root);
	--dxp-s-dropdown-color-background-hover: var(--dxp-g-neutral);
	--dxp-s-dropdown-color-border: var(--dxp-g-neutral);

	/* Body font */
	--dxp-s-body-font-size: var(--mo-font-size-medium);
	--dxp-s-body-line-height: var(--mo-line-height-normal);
	--dxp-s-body-font-family: var(--mo-font-sans);
	--dxp-s-body-letter-spacing: var(--mo-letter-spacing-normal);
	--dxp-s-body-text-color: var(--dxp-g-root-contrast);
	--dxp-s-body-text-transform: none;
	--dxp-s-body-text-decoration: none;
	--dxp-s-body-font-style: normal;
	--dxp-s-body-font-weight: lighter;
	--dxp-s-body-small-text-decoration: none;
	--dxp-s-body-small-font-style: normal;
	--dxp-s-body-small-font-weight: lighter;
	--dxp-s-body-small-line-height: var(--mo-line-height-dense);
	--dxp-s-body-small-text-transform: none;
	--dxp-s-body-small-font-size: var(--mo-font-size-x-small);
	--dxp-s-body-small-text-color: var(--dxp-g-root-contrast);
	--dxp-s-body-small-font-family: var(--mo-font-sans);
	--dxp-s-body-small-letter-spacing: var(--mo-letter-spacing-normal);

	/* Link */
	--dxp-s-link-text-color: var(--mo-color-link-text);
	--dxp-s-link-text-color-1: var(--mo-color-link-text);
	--dxp-s-link-text-color-hover: var(--dxp-s-link-text-color-1);
	--dxp-s-link-text-decoration: none;
	--dxp-s-link-text-decoration-hover: underline;
	--dxp-s-link-text-decoration-focus: underline;

	/* Form */
	--dxp-s-form-element-color-border: var(--mo-color-secondary-15);
	--dxp-s-form-element-color-background: var(--dxp-g-root);
	--dxp-s-form-element-text-color: var(--dxp-g-root-contrast);
	--dxp-s-form-element-label-color: var(--dxp-g-root-contrast);
	--dxp-s-form-element-width-border: 1px;
	--dxp-s-form-element-radius-border: 0;

	--dxp-s-html-font-size-mobile: 1rem;
	--dxp-s-html-font-size: 1rem;
	/* --dxp-s-component-wrapper-spacer-size: 1rem; */
	/* --dxp-s-component-wrapper-spacer-size-mobile: 1rem; */

	/* --dxp-s-site-logo-url: url(/thdr  url(/assets/images/logo-alpine-group.svg)); */
	/* --dxp-s-site-logo-path: '/thdr/assets/images/logo-alpine-group.svg'; */

	/* Tabs */
	--slds-c-tabs-list-color-border: var(--mo-color-secondary-70);
	--dxp-c-active-tab-border-color: var(--mo-color-primary-7);
	--dxp-c-active-tab-border-weight: 4px;
	--dxp-c-hover-tab-border-color: var(--mo-color-primary-7);
	--dxp-c-hover-tab-border-weight: 2px;
}

html,
body {
	height: 100%;
	font-family: var(--mo-font-sans);
	box-sizing: border-box;
	color: var(--mo-color-primary-7);
	background: var(--mo-color-primary-100);
	letter-spacing: var(--mo-letter-spacing-normal);
}

body {
	font-size: 16px !important;
	scroll-behavior: smooth !important;
	margin: 0;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--mo-font-sans-regular);
	font-style: normal;
	font-weight: normal;
	line-height: var(--mo-letter-spacing-dense);
}

h1 {
	font-size: var(--mo-font-size-h1);
}

h2 {
	font-size: var(--mo-font-size-h2);
}

h3 {
	font-size: var(--mo-font-size-h3);
}

h4 {
	font-size: var(--mo-font-size-h4);
}

h5 {
	font-size: var(--mo-font-size-h5);
}

h6 {
	font-size: var(--mo-font-size-h6);
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
a,
button,
b,
strong {
	font-family: var(--mo-font-sans-regular);
}
a {
	color: var(--color-link-text);
	letter-spacing: 0.3px;
	text-decoration: none;
}
a:hover {
	color: var(--color-link-text-hover);
	text-decoration: none;
}

/* .component-wrapper-spacer { */
/* 	display: block; */
/* 	margin-bottom: var(--dxp-c-component-wrapper-spacer-size, var(--dxp-s-component-wrapper-spacer-size)); */
/* } */
/* @media (max-width: 48em) { */
/* 	.component-wrapper-spacer { */
/* 		margin-bottom: var(--dxp-c-component-wrapper-spacer-size-mobile, var(--dxp-s-component-wrapper-spacer-size-mobile)); */
/* 	} */
/* } */

.mo-scroll-lock {
	overflow: hidden !important;
}

.mo-toast-stack {
	position: fixed;
	top: 0;
	right: 0;
	z-index: var(--mo-z-index-toast);
	width: 28rem;
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
}

.mo-toast-stack .mo-alert {
	--box-shadow: var(--mo-elevation-4);
	margin: var(--mo-spacing-medium);
}

.dxp-tab-bar-active-tab-styles.dxp_layout-tabBar_tabBar,
.dxp-tab-bar-visible-tab-hover[data-active='false']:hover.dxp_layout-tabBar_tabBar,
.dxp-tab-bar-tab-styles.dxp_layout-tabBar_tabBar {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}