:root {
    --border-unit: 1px;
    --button-border-style: solid;
    --button-font: var(--font-body-settings);
    --button-font-weight: 300;
    --button-font-size: clamp(16px, 0.9rem, 0.9rem);
    --button-line-height: var(--baseline-2);
    --button-text-style: normal;
    --button-padding: calc(var(--baseline) - var(--border-unit)) 25px;
    --button-margin: 0;
    --button-radius: 4px;
    --button-letter-spacing: 0rem;
    --button-large-font-size: clamp(16px, 1.1rem, 1.1rem);
    --button-large-padding: calc(var(--baseline) - var(--border-unit)) 35px;
    --button-large-line-height: var(--baseline-3);
    --button-large-margin: 0;
    --button-small-font-size: 14px;
    --button-small-padding: calc(var(--baseline) - var(--border-unit)) 20px;
    --button-small-line-height: var(--baseline);
    --button-small-margin: 0;
    --label-padding: calc(var(--baseline) / 4) var(--baseline);
    --icon-round: var(--icon-round-settings, "round");
    --icon-stroke: var(--icon-stroke-settings, 2.5px);
    --input-font-size: var(--s1);
    --input-border: 2px solid;
    --input-border-bottom: 2px solid;
    --input-success-color: $success-color;
    --input-margin: 0 0 var(--baseline) 0;
    --input-padding: calc((var(--baseline) / 2) - var(--border-unit)) 20px;
    --input-icon-size: 2rem;
    --select-height: calc((var(--baseline) + var(--button-line-height)));
    --label-font-size: var(--f13);
    --label-color: var(--label-form-color);
    --range-height: 14px;
    --range-width: 14px;
    --track-height: 3px;
    --select-border: var(--input-border-color);
    --select-border-bottom: var(--input-border-bottom);
    --select-background: var(--input-background);
    --select-focus: 1px solid lighten($secondary-color, 47%);
    --radio-border: var(--radio-border-color);
    --select-option-hover: rgba(0, 0, 0, 0.08);
    --select-option-focus: rgba(0, 0, 0, 0.08);
    --select-option-selected: rgba(0, 0, 0, 0.03);
    --select-padding: 5px;
    --select-radius: 10rem;
    --select-disabled-color: rgba(0, 0, 0, 0.3);
    --switch-radius: 15px;
    --white: #ffffff;
    --black: #000000;
    --grey-50: #f8f8f8;
    --grey-100: #ededed;
    --grey-200: #dddcdc;
    --grey-300: #bbb8b8;
    --grey-400: #989595;
    --grey-500: #767171;
    --grey-600: #6e6969;
    --grey-700: #635e5e;
    --grey-800: #595454;
    --grey-900: #474242;
    --grey-A100: #f9c4c4;
    --grey-A200: #f59696;
    --grey-A400: #ff5959;
    --grey-A700: #ff3434;
    --grey-blue-50: #f7f8f8;
    --grey-blue-100: #eaecee;
    --grey-blue-200: #d7dbde;
    --grey-blue-300: #b0b7bd;
    --grey-blue-400: #88929b;
    --grey-blue-500: #606e7a;
    --grey-blue-600: #586672;
    --grey-blue-700: #4e5b67;
    --grey-blue-800: #44515d;
    --grey-blue-900: #333f4a;
    --grey-blue-A100: #b3dcfc;
    --grey-blue-A200: #82c5fa;
    --grey-blue-A400: #4bb0ff;
    --grey-blue-A700: #26a0ff;
    --primary: var(--primary-settings);
    --secondary: var(--secondary-settings);
    --primary-rgb: var(--primary-rgb-settings);
    --secondary-rgb: var(--secondary-rgb-settings);
    --primary-light: var(--primary-50);
    --primary-medium-light: var(--primary-400);
    --primary-dark: var(--primary-700);
    --primary-medium-dark: var(--primary-600);
    --secondary-light: var(--secondary-100);
    --secondary-dark: var(--secondary-700);
    --stack: #fbba00;
    --link: var(--link-color-settings, var(--primary));
    --link-hover: var(--link-color-settings, var(--primary-400));
    --body-color: #201c1c;
    --body-headings: var(--headings-color-settings, #201c1c);
    --subtitle-color: var(--primary-400);
    --pretitle-color: var(--primary-500);
    --body-bg: #f8f8f8;
    --button-color: #f7f7f7;
    --button-background-color: var(--primary-500);
    --button-border-color: transparent;
    --button-color-hover: #ffffff;
    --button-border-color-hover: transparent;
    --button-background-color-hover: var(--primary-dark);
    --button-color-focus: #ffffff;
    --button-border-color-focus: transparent;
    --button-background-color-focus: var(--primary-dark);
    --button-outline-background-color: transparent;
    --button-outline-border-color: var(--primary);
    --button-outline-color: var(--primary);
    --button-outline-color-hover: var(--white);
    --button-outline-background-color-hover: var(--primary-dark);
    --button-outline-border-color-hover: var(--primary-dark);
    --button-secondary-background-color: var(--secondary);
    --button-secondary-color: var(--white);
    --button-secondary-color-hover: var(--white);
    --button-secondary-border-color: var(--secondary);
    --button-secondary-background-color-hover: var(--secondary-dark);
    --button-secondary-border-color-hover: var(--secondary-dark);
    --button-text-primary-background: var(--primary-50);
    --button-text-primary-background-hover: var(--primary-100);
    --button-text-primary-color: var(--primary);
    --button-text-primary-color-hover: var(--primary-600);
    --button-text-primary-border-color: transparent;
    --button-text-primary-border-color-hover: var(--primary-100);
    --button-text-secondary-background: var(--secondary-50);
    --button-text-secondary-background-hover: var(--secondary-100);
    --button-text-secondary-color: var(--secondary);
    --button-text-secondary-color-hover: var(--secondary-600);
    --button-text-secondary-border-color: transparent;
    --button-text-secondary-border-color-hover: var(--secondary-100);
    --label-color: var(--grey-200);
    --label-hover-color: #ffffff;
    --input-background-color: transparent;
    --input-background-color-focus: transparent;
    --input-color: var(--grey-200);
    --input-color-hover: var(--grey-300);
    --input-color-focus: var(--grey-400);
    --input-border-color: var(--primary);
    --input-border-color-hover: var(--primary-400);
    --input-border-color-focus: var(--primary-700);
    --input-disabled-color: rgba(0, 0, 0, 0.42);
    --input-disabled-solid-color: #949494;
    --input-disabled-border: 1px dotted var(--greu-blue-300);
    --input-invalid-border: 1px solid var(--error-color);
    --input-error-color: #fd2c4b;
    --radio-fill-color: var(--primary);
    --radio-empty-color: var(--primary);
    --radio-border-color: var(--primary);
    --switch-bg-color: var(--primary-400);
    --switch-checked-lever-bg: var(--primary-200);
    --switch-unchecked-bg: var(--grey-blue-400);
    --switch-unchecked-lever-bg: var(--grey-blue-200);
    --checkbox-flag-color: var(--primary);
    --label-form-color: var(--grey-400);
    --label-form-weight: 400;
    --placeholder-color: var(--grey-300);
    --border-line-color: rgba(193, 191, 191, 0.33);
    --ui-support-color: var(--primary-400);
    --ui-support-color-light: var(--primary-200);
    --ui-support-color-dark: var(--primary-800);
    --ui-support-color-disable: var(--grey-blue-200);
    --evidence: var(--secondary-700);
    --elements-boxed-bg: var(--grey-blue-50);
    --support-text-color: var(--primary-500);
    --label-default-bg: var(--grey-blue-500);
    --primary-icon-fill: var(--primary-500);
    --primary-icon-stroke: 0;
    --secondary-icon-fill: var(--secondary-500);
    --secondary-icon-stroke: 0;
    --ui-icon-stroke: var(--primary);
    --social-icon-fill: var(--primary);
    --content-default-bg: var(--white);
    --content-transparent-light: rgba(255, 255, 255, 0.0745098039);
}
.tema__default:not(.no-background),
[data-theme="tema__default"]:not(.no-background),
body.tema__default:not(.no-background) {
    background-color: var(--body-bg);
}
.tema__default,
.tema__default__negative,
[data-theme="tema__default"],
[data-theme="tema__default__negative"] {
    color: var(--body-color);
    --primary: var(--primary-settings);
    --secondary: var(--secondary-settings);
    --primary-rgb: var(--primary-rgb-settings);
    --secondary-rgb: var(--secondary-rgb-settings);
    --primary-light: var(--primary-50);
    --primary-dark: var(--primary-700);
    --primary-medium-dark: var(--primary-600);
    --secondary-light: var(--secondary-100);
    --secondary-dark: var(--secondary-700);
    --stack: #fbba00;
    --button-border-color: transparent;
    --button-border-color-hover: transparent;
    --button-color-focus: #ffffff;
    --button-border-color-focus: transparent;
    --button-background-color-focus: var(--primary-dark);
    --button-outline-background-color: transparent;
    --button-secondary-color: var(--white);
    --button-secondary-color-hover: var(--white);
    --button-text-primary-border-color: transparent;
    --button-text-secondary-border-color: transparent;
    --label-color: var(--grey-200);
    --label-hover-color: #ffffff;
    --input-background-color: transparent;
    --input-background-color-focus: transparent;
    --input-disabled-color: rgba(0, 0, 0, 0.42);
    --input-disabled-solid-color: #949494;
    --input-disabled-border: 1px dotted var(--greu-blue-300);
    --input-invalid-border: 1px solid var(--error-color);
    --input-error-color: #fd2c4b;
    --radio-fill-color: var(--primary);
    --radio-empty-color: var(--primary);
    --radio-border-color: var(--primary);
    --switch-checked-lever-bg: var(--primary-200);
    --switch-unchecked-bg: var(--grey-blue-400);
    --switch-unchecked-lever-bg: var(--grey-blue-200);
    --checkbox-flag-color: var(--primary);
    --label-form-weight: 400;
    --placeholder-color: var(--grey-300);
    --border-line-color: rgba(193, 191, 191, 0.33);
    --ui-support-color-light: var(--primary-200);
    --ui-support-color-dark: var(--primary-800);
    --ui-support-color-disable: var(--grey-blue-200);
    --evidence: var(--secondary-700);
    --elements-boxed-bg: var(--grey-blue-50);
    --support-text-color: var(--primary-500);
    --label-default-bg: var(--grey-blue-500);
    --primary-icon-stroke: 0;
    --secondary-icon-fill: var(--secondary-500);
    --secondary-icon-stroke: 0;
}
.tema__default,
[data-theme="tema__default"] {
    --primary-medium-light: var(--primary-400);
    --link: var(--link-color-settings, var(--primary));
    --link-hover: var(--link-color-settings, var(--primary-400));
    --body-color: #201c1c;
    --body-headings: var(--headings-color-settings, #201c1c);
    --subtitle-color: var(--primary-400);
    --pretitle-color: var(--primary-500);
    --body-bg: #f8f8f8;
    --button-color: #f7f7f7;
    --button-background-color: var(--primary-500);
    --button-color-hover: #ffffff;
    --button-background-color-hover: var(--primary-dark);
    --button-outline-border-color: var(--primary);
    --button-outline-color: var(--primary);
    --button-outline-color-hover: var(--white);
    --button-outline-background-color-hover: var(--primary-dark);
    --button-outline-border-color-hover: var(--primary-dark);
    --button-secondary-background-color: var(--secondary);
    --button-secondary-border-color: var(--secondary);
    --button-secondary-background-color-hover: var(--secondary-dark);
    --button-secondary-border-color-hover: var(--secondary-dark);
    --button-text-primary-background: var(--primary-50);
    --button-text-primary-background-hover: var(--primary-100);
    --button-text-primary-color: var(--primary);
    --button-text-primary-color-hover: var(--primary-600);
    --button-text-primary-border-color-hover: var(--primary-100);
    --button-text-secondary-background: var(--secondary-50);
    --button-text-secondary-background-hover: var(--secondary-100);
    --button-text-secondary-color: var(--secondary);
    --button-text-secondary-color-hover: var(--secondary-600);
    --button-text-secondary-border-color-hover: var(--secondary-100);
    --input-color: var(--grey-500);
    --input-color-hover: var(--grey-300);
    --input-color-focus: var(--grey-600);
    --input-border-color: var(--primary);
    --input-border-color-hover: var(--primary-400);
    --input-border-color-focus: var(--primary-700);
    --switch-bg-color: var(--primary-400);
    --label-form-color: var(--grey-400);
    --ui-support-color: var(--primary-400);
    --primary-icon-fill: var(--primary-500);
    --ui-icon-stroke: var(--primary);
    --social-icon-fill: var(--primary);
    --content-default-bg: var(--white);
    --content-transparent-light: rgba(255, 255, 255, 0.0745098039);
}
.tema__default.primary-bg,
[data-theme="tema__default"].primary-bg {
    background-color: var(--primary-500);
}
.tema__default i.icon img,
[data-theme="tema__default"] i.icon img {
    filter: var(--svg-primary-500);
}
.tema__default__negative,
[data-theme="tema__default__negative"] {
    --primary-medium-light: var(--primary-100);
    --link: var(--primary-200);
    --link-hover: var(--link-color-settings, var(--primary-light));
    --body-color: var(--white);
    --body-headings: #fff;
    --subtitle-color: var(--primary-300);
    --pretitle-color: var(--secondary-500);
    --body-bg: var(--primary);
    --button-color: #000;
    --button-background-color: var(--primary-100);
    --button-color-hover: #000;
    --button-background-color-hover: var(--primary-200);
    --button-outline-border-color: var(--primary-50);
    --button-outline-color: var(--primary-50);
    --button-outline-color-hover: #000;
    --button-outline-background-color-hover: var(--primary-200);
    --button-outline-border-color-hover: var(--primary-200);
    --button-secondary-background-color: var(--secondary-600);
    --button-secondary-border-color: var(--secondary-600);
    --button-secondary-background-color-hover: var(--secondary-600);
    --button-secondary-border-color-hover: var(--secondary-600);
    --button-text-primary-background: hsla(
        var(--primary-h-settings),
        var(--primary-s-settings),
        calc(var(--primary-l-settings) + 30%),
        12%
    );
    --button-text-primary-background-hover: hsla(
        var(--primary-h-settings),
        var(--primary-s-settings),
        calc(var(--primary-l-settings) + 30%),
        22%
    );
    --button-text-primary-color: var(--primary-200);
    --button-text-primary-color-hover: var(--primary-100);
    --button-text-primary-border-color-hover: transparent;
    --button-text-secondary-background: hsla(
        var(--secondary-h-settings),
        var(--secondary-s-settings),
        var(--secondary-l-settings),
        20%
    );
    --button-text-secondary-background-hover: hsla(
        var(--secondary-h-settings),
        var(--secondary-s-settings),
        var(--secondary-l-settings),
        30%
    );
    --button-text-secondary-color: var(--secondary-200);
    --button-text-secondary-color-hover: var(--secondary-200);
    --button-text-secondary-border-color-hover: transparent;
    --input-color: var(--grey-100);
    --input-color-hover: var(--grey-100);
    --input-color-focus: var(--grey-50);
    --input-border-color: var(--primary-300);
    --input-border-color-hover: var(--primary-200);
    --input-border-color-focus: var(--secondary-400);
    --switch-bg-color: var(--primary-300);
    --label-form-color: var(--primary-200);
    --ui-support-color: var(--primary-300);
    --primary-icon-fill: var(--primary-100);
    --ui-icon-stroke: var(--primary-100);
    --social-icon-fill: var(--primary-100);
    --content-default-bg: var(--primary-400);
    --content-transparent-light: rgba(255, 255, 255, 0.0823529412);
}
.tema__default__light:not(.no-background),
.tema__default__negative:not(.no-background),
.tema__secondary:not(.no-background),
.tema__secondary__negative:not(.no-background),
[data-theme="tema__default__light"]:not(.no-background),
[data-theme="tema__default__negative"]:not(.no-background),
[data-theme="tema__secondary"]:not(.no-background),
[data-theme="tema__secondary__negative"]:not(.no-background) {
    background-color: var(--body-bg);
}
.tema__default__negative i.icon img,
[data-theme="tema__default__negative"] i.icon img {
    filter: var(--svg-white);
}
.tema__default__light,
.tema__secondary,
.tema__secondary__light,
.tema__secondary__negative,
[data-theme="tema__default__light"],
[data-theme="tema__secondary"],
[data-theme="tema__secondary__light"],
[data-theme="tema__secondary__negative"] {
    color: var(--body-color);
    --stack: #fbba00;
    --button-color: #f7f7f7;
    --button-border-color: transparent;
    --button-color-hover: #ffffff;
    --button-border-color-hover: transparent;
    --button-color-focus: #ffffff;
    --button-border-color-focus: transparent;
    --button-outline-background-color: transparent;
    --label-hover-color: #ffffff;
    --input-background-color: transparent;
    --radio-fill-color: var(--primary);
    --radio-empty-color: var(--primary);
    --radio-border-color: var(--primary);
    --switch-checked-lever-bg: var(--primary-200);
    --switch-unchecked-bg: var(--grey-blue-400);
    --switch-unchecked-lever-bg: var(--grey-blue-200);
    --checkbox-flag-color: var(--primary);
    --label-form-weight: 400;
    --ui-support-color-disable: var(--grey-blue-200);
    --evidence: var(--secondary-700);
    --elements-boxed-bg: var(--grey-blue-50);
    --support-text-color: var(--primary-500);
    --label-default-bg: var(--grey-blue-500);
    --primary-icon-fill: var(--primary-500);
    --primary-icon-stroke: 0;
    --secondary-icon-fill: var(--secondary-500);
    --secondary-icon-stroke: 0;
}
.tema__default__light,
[data-theme="tema__default__light"] {
    --primary: var(--primary-settings);
    --secondary: var(--secondary-settings);
    --primary-rgb: var(--primary-rgb-settings);
    --secondary-rgb: var(--secondary-rgb-settings);
    --primary-light: var(--primary-100);
    --primary-dark: var(--primary-700);
    --secondary-light: var(--secondary-100);
    --secondary-dark: var(--secondary-700);
    --link: var(--link-color-settings, var(--primary));
    --link-hover: var(--link-color-settings, var(--primary-light));
    --body-color: #000000;
    --body-headings: var(--headings-color-settings, var(--primary));
    --subtitle-color: var(--primary-300);
    --body-bg: var(--primary-bg-settings, var(--primary-50));
    --button-background-color: var(--primary-500);
    --button-background-color-hover: var(--primary-dark);
    --button-background-color-focus: var(--primary-dark);
    --button-outline-border-color: var(--primary);
    --button-outline-color: var(--primary);
    --button-outline-color-hover: var(--white);
    --button-outline-background-color-hover: var(--primary-dark);
    --button-outline-border-color-hover: var(--primary-dark);
    --button-secondary-background-color: var(--secondary);
    --button-secondary-color: var(--white);
    --button-secondary-color-hover: var(--white);
    --button-secondary-border-color: var(--secondary);
    --button-secondary-background-color-hover: var(--secondary-dark);
    --button-secondary-border-color-hover: var(--secondary-dark);
    --button-text-primary-background: var(--primary-100);
    --button-text-primary-background-hover: var(--primary-200);
    --button-text-primary-color: var(--primary);
    --button-text-primary-color-hover: var(--primary-600);
    --button-text-primary-border-color: transparent;
    --button-text-primary-border-color-hover: transparent;
    --button-text-secondary-background: var(--secondary-100);
    --button-text-secondary-background-hover: var(--secondary-200);
    --button-text-secondary-color: var(--secondary);
    --button-text-secondary-color-hover: var(--secondary-600);
    --button-text-secondary-border-color: transparent;
    --button-text-secondary-border-color-hover: transparent;
    --label-color: var(--grey-200);
    --input-background-color-focus: transparent;
    --input-color: var(--grey-200);
    --input-color-hover: var(--grey-300);
    --input-color-focus: var(--grey-400);
    --input-border-color: var(--primary);
    --input-border-color-hover: var(--primary-400);
    --input-border-color-focus: var(--primary-700);
    --switch-bg-color: var(--primary-400);
    --label-form-color: var(--grey-400);
    --placeholder-color: var(--grey-300);
    --border-line-color: rgba(168, 165, 165, 0.2);
    --ui-support-color: var(--primary-400);
    --ui-support-color-light: var(--primary-200);
    --ui-support-color-dark: var(--primary-800);
}
.tema__default__light i.icon img,
[data-theme="tema__default__light"] i.icon img {
    filter: var(--svg-grey-900);
}
.tema__secondary,
.tema__secondary__light,
.tema__secondary__negative,
[data-theme="tema__secondary"],
[data-theme="tema__secondary__light"],
[data-theme="tema__secondary__negative"] {
    --button-background-color: var(--primary);
    --button-background-color-focus: var(--primary-600);
    --ui-support-color-light: var(--primary-A100);
    --ui-support-color-dark: var(--primary-900);
}
.tema__secondary,
[data-theme="tema__secondary"] {
    --primary: var(--secondary-settings);
    --secondary: var(--primary-settings);
    --primary-light: var(--secondary-light-settings);
    --primary-dark: var(--secondary-dark-settings);
    --secondary-light: var(--primary-light-settings);
    --secondary-dark: var(--primary-dark-settings);
    --body-bg: #ffffff;
    --link: var(--primary-A700);
    --link-hover: var(--primary-A200);
    --body-color: var(--grey-blue-900);
    --body-headings: var(--secondary);
    --subtitle-color: var(--grey-blue-500);
    --button-background-color-hover: var(--primary-600);
    --button-outline-border-color: var(--primary-300);
    --button-outline-color: var(--button-background-color);
    --button-outline-color-hover: #ffffff;
    --button-outline-background-color-hover: var(--primary);
    --button-outline-border-color-hover: var(--primary);
    --button-secondary-background-color: var(--secondary-500);
    --button-secondary-color: var(--grey-50);
    --button-secondary-color-hover: var(--grey-50);
    --button-secondary-border-color: var(--secondary-500);
    --button-secondary-background-color-hover: var(--primary);
    --label-color: var(--primary);
    --input-background-color-focus: var(--primary-400);
    --input-color: var(--grey-blue-400);
    --input-color-hover: var(--grey-blue-500);
    --input-color-focus: var(--grey-blue-700);
    --input-border-color: var(--primary-300);
    --input-border-color-hover: var(--primary-300);
    --input-border-color-focus: var(--primary-600);
    --switch-bg-color: var(--primary-500);
    --label-form-color: var(--grey-blue-500);
    --placeholder-color: var(--grey-blue-300);
    --border-line-color: rgba(193, 191, 191, 0.4);
    --ui-support-color: var(--primary-A700);
}
.tema__secondary__light,
.tema__secondary__negative,
[data-theme="tema__secondary__light"],
[data-theme="tema__secondary__negative"] {
    --primary: var(--primary-settings);
    --secondary: var(--secondary-settings);
    --primary-light: var(--primary-light-settings);
    --primary-dark: var(--primary-dark-settings);
    --secondary-light: var(--secondary-light-settings);
    --secondary-dark: var(--secondary-dark-settings);
}
.tema__secondary__negative,
[data-theme="tema__secondary__negative"] {
    --body-bg: var(--secondary-settings);
    --link: var(--primary-A100);
    --link-hover: var(--primary-300);
    --body-color: var(--grey-100);
    --body-headings: var(--grey-50);
    --subtitle-color: var(--grey-200);
    --button-background-color-hover: var(--primary-700);
    --button-outline-border-color: var(--grey-50);
    --button-outline-color: var(--grey-50);
    --button-outline-color-hover: var(--primary);
    --button-outline-background-color-hover: var(--grey-50);
    --button-outline-border-color-hover: var(--grey-50);
    --button-secondary-background-color: var(--grey-100);
    --button-secondary-color: var(--primary);
    --button-secondary-color-hover: var(--primary);
    --button-secondary-border-color: transparent;
    --button-secondary-background-color-hover: var(--grey-50);
    --label-color: var(--grey-200);
    --input-background-color-focus: transparent;
    --input-color: var(--grey-200);
    --input-color-hover: var(--grey-100);
    --input-color-focus: var(--grey-50);
    --input-border-color: var(--grey-200);
    --input-border-color-hover: var(--primary-A700);
    --input-border-color-focus: var(--primary-A700);
    --switch-bg-color: var(--primary-A700);
    --label-form-color: var(--grey-100);
    --placeholder-color: var(--grey-300);
    --border-line-color: rgba(193, 191, 191, 0.4);
    --ui-support-color: var(--primary-A100);
}
.tema__secondary__light,
[data-theme="tema__secondary__light"] {
    background-color: var(--body-bg);
    --body-bg: var(--secondary-bg-settings);
    --link: var(--primary-A700);
    --link-hover: var(--primary-A200);
    --body-color: var(--grey-blue-900);
    --body-headings: var(--secondary);
    --subtitle-color: var(--grey-blue-500);
    --button-background-color-hover: var(--primary-600);
    --button-outline-border-color: var(--primary-300);
    --button-outline-color: var(--button-background-color);
    --button-outline-color-hover: #ffffff;
    --button-outline-background-color-hover: var(--primary);
    --button-outline-border-color-hover: var(--primary);
    --button-secondary-background-color: var(--secondary-500);
    --button-secondary-color: var(--grey-50);
    --button-secondary-color-hover: var(--grey-50);
    --button-secondary-border-color: var(--secondary-500);
    --button-secondary-background-color-hover: var(--primary);
    --label-color: var(--primary);
    --input-background-color-focus: var(--primary-400);
    --input-color: var(--grey-blue-400);
    --input-color-hover: var(--grey-blue-500);
    --input-color-focus: var(--grey-blue-700);
    --input-border-color: var(--primary-300);
    --input-border-color-hover: var(--primary-300);
    --input-border-color-focus: var(--primary-600);
    --switch-bg-color: var(--primary-500);
    --label-form-color: var(--grey-blue-500);
    --placeholder-color: var(--grey-blue-300);
    --border-line-color: #dfdfdf;
    --ui-support-color: var(--primary-A700);
}
@media (prefers-color-scheme: light) {
    .tema__default__dark {
        --primary: var(--primary-settings);
        --secondary: var(--secondary-settings);
        --primary-rgb: var(--primary-rgb-settings);
        --secondary-rgb: var(--secondary-rgb-settings);
        --primary-light: var(--primary-50);
        --primary-medium-light: var(--primary-100);
        --primary-dark: var(--primary-700);
        --primary-medium-dark: var(--primary-600);
        --secondary-light: var(--secondary-100);
        --secondary-dark: var(--secondary-700);
        --stack: #fbba00;
        --link: var(--primary-400);
        --link-hover: var(--link-color-settings, var(--primary-light));
        --body-color: var(--grey-200);
        --body-headings: var(--grey-200);
        --subtitle-color: var(--primary-400);
        --body-bg: color-mix(in oklab, var(--primary-settings) 35%, black);
        --button-color: #ffffff;
        --button-background-color: var(--primary-500);
        --button-border-color: transparent;
        --button-color-hover: #ffffff;
        --button-border-color-hover: transparent;
        --button-background-color-hover: var(--primary-400);
        --button-color-focus: #ffffff;
        --button-border-color-focus: transparent;
        --button-background-color-focus: var(--primary-dark);
        --button-outline-background-color: transparent;
        --button-outline-border-color: var(--primary-400);
        --button-outline-color: var(--primary-400);
        --button-outline-color-hover: var(--primary-400);
        --button-outline-background-color-hover: var(--primary-200);
        --button-outline-border-color-hover: var(--primary-200);
        --button-secondary-background-color: var(--secondary-500);
        --button-secondary-color: var(--white);
        --button-secondary-color-hover: var(--white);
        --button-secondary-border-color: var(--secondary-500);
        --button-secondary-background-color-hover: var(--secondary-500);
        --button-secondary-border-color-hover: var(--secondary-500);
        --button-text-primary-background: hsla(
            var(--primary-h-settings),
            var(--primary-s-settings),
            calc(var(--primary-l-settings) + 30%),
            8%
        );
        --button-text-primary-background-hover: hsla(
            var(--primary-h-settings),
            var(--primary-s-settings),
            calc(var(--primary-l-settings) + 30%),
            22%
        );
        --button-text-primary-color: var(--primary-300);
        --button-text-primary-color-hover: var(--primary-100);
        --button-text-primary-border-color: transparent;
        --button-text-primary-border-color-hover: transparent;
        --button-text-secondary-background: hsla(
            var(--secondary-h-settings),
            var(--secondary-s-settings),
            var(--secondary-l-settings),
            20%
        );
        --button-text-secondary-background-hover: hsla(
            var(--secondary-h-settings),
            var(--secondary-s-settings),
            var(--secondary-l-settings),
            30%
        );
        --button-text-secondary-color: var(--secondary-200);
        --button-text-secondary-color-hover: var(--secondary-200);
        --button-text-secondary-border-color: transparent;
        --button-text-secondary-border-color-hover: transparent;
        --label-color: var(--grey-200);
        --label-hover-color: #ffffff;
        --input-background-color: transparent;
        --input-background-color-focus: transparent;
        --input-color: var(--grey-100);
        --input-color-hover: var(--grey-100);
        --input-color-focus: var(--grey-50);
        --input-border-color: var(--primary-400);
        --input-border-color-hover: var(--primary-300);
        --input-border-color-focus: var(--secondary-500);
        --radio-fill-color: var(--primary);
        --radio-empty-color: var(--primary);
        --radio-border-color: var(--primary);
        --switch-bg-color: var(--primary-400);
        --switch-checked-lever-bg: var(--primary-200);
        --switch-unchecked-bg: var(--grey-blue-400);
        --switch-unchecked-lever-bg: var(--grey-blue-200);
        --checkbox-flag-color: var(--primary);
        --label-form-color: var(--grey-400);
        --label-form-weight: 400;
        --placeholder-color: var(--grey-300);
        --border-line-color: rgba(193, 191, 191, 0.1);
        --ui-support-color: var(--primary-400);
        --ui-support-color-light: var(--primary-200);
        --ui-support-color-dark: var(--primary-800);
        --ui-support-color-disable: var(--grey-blue-200);
        --evidence: var(--secondary-700);
        --elements-boxed-bg: var(--grey-blue-50);
        --support-text-color: var(--primary-500);
        --label-default-bg: var(--grey-blue-500);
        --primary-icon-fill: var(--primary-500);
        --primary-icon-stroke: 0;
        --secondary-icon-fill: var(--secondary-500);
        --secondary-icon-stroke: 0;
        --content-default-bg: var(
            --darkmode-background-settings,
            hsl(var(--primary-h-settings), calc(var(--primary-s-settings) - 80%), calc(var(--primary-l-settings) - 45%))
        );
        background-color: var(--body-bg);
        color: var(--body-color);
    }
}
@media (prefers-color-scheme: dark) {
    .tema__default__dark,
    [data-theme="tema__default__dark"] {
        color: var(--body-color);
        --primary: var(--primary-settings);
        --secondary: var(--secondary-settings);
        --primary-rgb: var(--primary-rgb-settings);
        --secondary-rgb: var(--secondary-rgb-settings);
        --primary-light: var(--primary-50);
        --primary-medium-light: var(--primary-100);
        --primary-dark: var(--primary-700);
        --primary-medium-dark: var(--primary-600);
        --secondary-light: var(--secondary-100);
        --secondary-dark: var(--secondary-700);
        --stack: #fbba00;
        --link: var(--primary-400);
        --link-hover: var(--link-color-settings, var(--primary-light));
        --body-color: var(--grey-200);
        --body-headings: var(--grey-200);
        --subtitle-color: var(--primary-400);
        --body-bg: color-mix(in oklab, var(--primary-settings) 35%, black);
        --button-color: #ffffff;
        --button-background-color: var(--primary-500);
        --button-border-color: transparent;
        --button-color-hover: #ffffff;
        --button-border-color-hover: transparent;
        --button-background-color-hover: var(--primary-400);
        --button-color-focus: #ffffff;
        --button-border-color-focus: transparent;
        --button-background-color-focus: var(--primary-dark);
        --button-outline-background-color: transparent;
        --button-outline-border-color: var(--primary-400);
        --button-outline-color: var(--primary-400);
        --button-outline-color-hover: var(--primary-400);
        --button-outline-background-color-hover: var(--primary-200);
        --button-outline-border-color-hover: var(--primary-200);
        --button-secondary-background-color: var(--secondary-500);
        --button-secondary-color: var(--white);
        --button-secondary-color-hover: var(--white);
        --button-secondary-border-color: var(--secondary-500);
        --button-secondary-background-color-hover: var(--secondary-500);
        --button-secondary-border-color-hover: var(--secondary-500);
        --button-text-primary-background: hsla(
            var(--primary-h-settings),
            var(--primary-s-settings),
            calc(var(--primary-l-settings) + 30%),
            8%
        );
        --button-text-primary-background-hover: hsla(
            var(--primary-h-settings),
            var(--primary-s-settings),
            calc(var(--primary-l-settings) + 30%),
            22%
        );
        --button-text-primary-color: var(--primary-300);
        --button-text-primary-color-hover: var(--primary-100);
        --button-text-primary-border-color: transparent;
        --button-text-primary-border-color-hover: transparent;
        --button-text-secondary-background: hsla(
            var(--secondary-h-settings),
            var(--secondary-s-settings),
            var(--secondary-l-settings),
            20%
        );
        --button-text-secondary-background-hover: hsla(
            var(--secondary-h-settings),
            var(--secondary-s-settings),
            var(--secondary-l-settings),
            30%
        );
        --button-text-secondary-color: var(--secondary-200);
        --button-text-secondary-color-hover: var(--secondary-200);
        --button-text-secondary-border-color: transparent;
        --button-text-secondary-border-color-hover: transparent;
        --label-color: var(--grey-200);
        --label-hover-color: #ffffff;
        --input-background-color: transparent;
        --input-background-color-focus: transparent;
        --input-color: var(--grey-100);
        --input-color-hover: var(--grey-100);
        --input-color-focus: var(--grey-50);
        --input-border-color: var(--primary-400);
        --input-border-color-hover: var(--primary-300);
        --input-border-color-focus: var(--secondary-500);
        --radio-fill-color: var(--primary);
        --radio-empty-color: var(--primary);
        --radio-border-color: var(--primary);
        --switch-bg-color: var(--primary-400);
        --switch-checked-lever-bg: var(--primary-200);
        --switch-unchecked-bg: var(--grey-blue-400);
        --switch-unchecked-lever-bg: var(--grey-blue-200);
        --checkbox-flag-color: var(--primary);
        --label-form-color: var(--grey-400);
        --label-form-weight: 400;
        --placeholder-color: var(--grey-300);
        --border-line-color: rgba(193, 191, 191, 0.1);
        --ui-support-color: var(--primary-400);
        --ui-support-color-light: var(--primary-200);
        --ui-support-color-dark: var(--primary-800);
        --ui-support-color-disable: var(--grey-blue-200);
        --evidence: var(--secondary-700);
        --elements-boxed-bg: var(--grey-blue-50);
        --support-text-color: var(--primary-500);
        --label-default-bg: var(--grey-blue-500);
        --primary-icon-fill: var(--primary-500);
        --primary-icon-stroke: 0;
        --secondary-icon-fill: var(--secondary-500);
        --secondary-icon-stroke: 0;
        --content-default-bg: var(
            --darkmode-background-settings,
            hsl(var(--primary-h-settings), calc(var(--primary-s-settings) - 80%), calc(var(--primary-l-settings) - 45%))
        );
    }
    .tema__default__dark:not(.no-background),
    [data-theme="tema__default__dark"]:not(.no-background) {
        background-color: var(--body-bg);
    }
    [data-theme="darkmode"] .tema__default__dark,
    [data-theme="darkmode"] .tema__default__light,
    [data-theme="darkmode"] .tema__default__negative,
    [data-theme="darkmode"] .tema__secondary,
    [data-theme="darkmode"] .tema__secondary__light,
    [data-theme="darkmode"] .tema__secondary__negative,
    [data-theme="darkmode"] [class*="tema__"],
    [data-theme="darkmode"] [data-theme="tema__default"],
    [data-theme="darkmode"] [data-theme="tema__default__dark"],
    [data-theme="darkmode"] [data-theme="tema__default__light"],
    [data-theme="darkmode"] [data-theme="tema__default__negative"],
    [data-theme="darkmode"] [data-theme="tema__secondary"],
    [data-theme="darkmode"] [data-theme="tema__secondary__light"],
    [data-theme="darkmode"] [data-theme="tema__secondary__negative"],
    [data-theme="darkmode"] body,
    [data-theme="darkmode"] body.tema__default,
    html:not(.disable-darken-mode) .tema__default__dark,
    html:not(.disable-darken-mode) .tema__default__light,
    html:not(.disable-darken-mode) .tema__default__negative,
    html:not(.disable-darken-mode) .tema__secondary,
    html:not(.disable-darken-mode) .tema__secondary__light,
    html:not(.disable-darken-mode) .tema__secondary__negative,
    html:not(.disable-darken-mode) [class*="tema__"],
    html:not(.disable-darken-mode) [data-theme="tema__default"],
    html:not(.disable-darken-mode) [data-theme="tema__default__dark"],
    html:not(.disable-darken-mode) [data-theme="tema__default__light"],
    html:not(.disable-darken-mode) [data-theme="tema__default__negative"],
    html:not(.disable-darken-mode) [data-theme="tema__secondary"],
    html:not(.disable-darken-mode) [data-theme="tema__secondary__light"],
    html:not(.disable-darken-mode) [data-theme="tema__secondary__negative"],
    html:not(.disable-darken-mode) body,
    html:not(.disable-darken-mode) body.tema__default {
        color: var(--body-color);
        --content-transparent-light: #ffffff07;
        --primary: var(--primary-settings);
        --secondary: var(--secondary-settings);
        --primary-rgb: var(--primary-rgb-settings);
        --secondary-rgb: var(--secondary-rgb-settings);
        --primary-light: var(--primary-50);
        --primary-medium-light: var(--primary-100);
        --primary-dark: var(--primary-700);
        --primary-medium-dark: var(--primary-600);
        --secondary-light: var(--secondary-100);
        --secondary-dark: var(--secondary-700);
        --stack: #fbba00;
        --link: var(--primary-400);
        --link-hover: var(--link-color-settings, var(--primary-light));
        --body-color: var(--grey-200);
        --body-headings: var(--grey-200);
        --subtitle-color: var(--primary-400);
        --body-bg: color-mix(in oklab, var(--primary-settings) 35%, black);
        --button-color: #ffffff;
        --button-background-color: var(--primary-500);
        --button-border-color: transparent;
        --button-color-hover: #ffffff;
        --button-border-color-hover: transparent;
        --button-background-color-hover: var(--primary-400);
        --button-color-focus: #ffffff;
        --button-border-color-focus: transparent;
        --button-background-color-focus: var(--primary-dark);
        --button-outline-background-color: transparent;
        --button-outline-border-color: var(--primary-400);
        --button-outline-color: var(--primary-400);
        --button-outline-color-hover: var(--primary-400);
        --button-outline-background-color-hover: var(--primary-200);
        --button-outline-border-color-hover: var(--primary-200);
        --button-secondary-background-color: var(--secondary-500);
        --button-secondary-color: var(--white);
        --button-secondary-color-hover: var(--white);
        --button-secondary-border-color: var(--secondary-500);
        --button-secondary-background-color-hover: var(--secondary-500);
        --button-secondary-border-color-hover: var(--secondary-500);
        --button-text-primary-background: hsla(
            var(--primary-h-settings),
            var(--primary-s-settings),
            calc(var(--primary-l-settings) + 30%),
            8%
        );
        --button-text-primary-background-hover: hsla(
            var(--primary-h-settings),
            var(--primary-s-settings),
            calc(var(--primary-l-settings) + 30%),
            22%
        );
        --button-text-primary-color: var(--primary-300);
        --button-text-primary-color-hover: var(--primary-100);
        --button-text-primary-border-color: transparent;
        --button-text-primary-border-color-hover: transparent;
        --button-text-secondary-background: hsla(
            var(--secondary-h-settings),
            var(--secondary-s-settings),
            var(--secondary-l-settings),
            20%
        );
        --button-text-secondary-background-hover: hsla(
            var(--secondary-h-settings),
            var(--secondary-s-settings),
            var(--secondary-l-settings),
            30%
        );
        --button-text-secondary-color: var(--secondary-200);
        --button-text-secondary-color-hover: var(--secondary-200);
        --button-text-secondary-border-color: transparent;
        --button-text-secondary-border-color-hover: transparent;
        --label-color: var(--grey-200);
        --label-hover-color: #ffffff;
        --input-background-color: transparent;
        --input-background-color-focus: transparent;
        --input-color: var(--grey-100);
        --input-color-hover: var(--grey-100);
        --input-color-focus: var(--grey-50);
        --input-border-color: var(--primary-400);
        --input-border-color-hover: var(--primary-300);
        --input-border-color-focus: var(--secondary-500);
        --radio-fill-color: var(--primary);
        --radio-empty-color: var(--primary);
        --radio-border-color: var(--primary);
        --switch-bg-color: var(--primary-400);
        --switch-checked-lever-bg: var(--primary-200);
        --switch-unchecked-bg: var(--grey-blue-400);
        --switch-unchecked-lever-bg: var(--grey-blue-200);
        --checkbox-flag-color: var(--primary);
        --label-form-color: var(--grey-400);
        --label-form-weight: 400;
        --placeholder-color: var(--grey-300);
        --border-line-color: rgba(193, 191, 191, 0.1);
        --ui-support-color: var(--primary-400);
        --ui-support-color-light: var(--primary-200);
        --ui-support-color-dark: var(--primary-800);
        --ui-support-color-disable: var(--grey-blue-200);
        --evidence: var(--secondary-700);
        --elements-boxed-bg: var(--grey-blue-50);
        --support-text-color: var(--primary-500);
        --label-default-bg: var(--grey-blue-500);
        --primary-icon-fill: var(--primary-500);
        --primary-icon-stroke: 0;
        --secondary-icon-fill: var(--secondary-500);
        --secondary-icon-stroke: 0;
        --content-default-bg: var(
            --darkmode-background-settings,
            hsl(var(--primary-h-settings), calc(var(--primary-s-settings) - 80%), calc(var(--primary-l-settings) - 45%))
        );
    }
    [data-theme="darkmode"] .tema__default__dark:not(.no-background),
    [data-theme="darkmode"] .tema__default__light:not(.no-background),
    [data-theme="darkmode"] .tema__default__negative:not(.no-background),
    [data-theme="darkmode"] .tema__secondary:not(.no-background),
    [data-theme="darkmode"] .tema__secondary__light:not(.no-background),
    [data-theme="darkmode"] .tema__secondary__negative:not(.no-background),
    [data-theme="darkmode"] [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__default"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__default__dark"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__default__light"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__default__negative"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__secondary"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__secondary__light"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__secondary__negative"]:not(.no-background),
    [data-theme="darkmode"] body.tema__default:not(.no-background),
    [data-theme="darkmode"] body:not(.no-background),
    html:not(.disable-darken-mode) .tema__default__dark:not(.no-background),
    html:not(.disable-darken-mode) .tema__default__light:not(.no-background),
    html:not(.disable-darken-mode) .tema__default__negative:not(.no-background),
    html:not(.disable-darken-mode) .tema__secondary:not(.no-background),
    html:not(.disable-darken-mode) .tema__secondary__light:not(.no-background),
    html:not(.disable-darken-mode) .tema__secondary__negative:not(.no-background),
    html:not(.disable-darken-mode) [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__default"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__default__dark"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__default__light"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__default__negative"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__secondary"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__secondary__light"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__secondary__negative"]:not(.no-background),
    html:not(.disable-darken-mode) body.tema__default:not(.no-background),
    html:not(.disable-darken-mode) body:not(.no-background) {
        background-color: var(--body-bg);
    }
    [data-theme="darkmode"] .tema__default__dark img,
    [data-theme="darkmode"] .tema__default__light img,
    [data-theme="darkmode"] .tema__default__negative img,
    [data-theme="darkmode"] .tema__secondary img,
    [data-theme="darkmode"] .tema__secondary__light img,
    [data-theme="darkmode"] .tema__secondary__negative img,
    [data-theme="darkmode"] [class*="tema__"] img,
    [data-theme="darkmode"] [data-theme="tema__default"] img,
    [data-theme="darkmode"] [data-theme="tema__default__dark"] img,
    [data-theme="darkmode"] [data-theme="tema__default__light"] img,
    [data-theme="darkmode"] [data-theme="tema__default__negative"] img,
    [data-theme="darkmode"] [data-theme="tema__secondary"] img,
    [data-theme="darkmode"] [data-theme="tema__secondary__light"] img,
    [data-theme="darkmode"] [data-theme="tema__secondary__negative"] img,
    [data-theme="darkmode"] body img,
    [data-theme="darkmode"] body.tema__default img,
    html:not(.disable-darken-mode) .tema__default__dark img,
    html:not(.disable-darken-mode) .tema__default__light img,
    html:not(.disable-darken-mode) .tema__default__negative img,
    html:not(.disable-darken-mode) .tema__secondary img,
    html:not(.disable-darken-mode) .tema__secondary__light img,
    html:not(.disable-darken-mode) .tema__secondary__negative img,
    html:not(.disable-darken-mode) [class*="tema__"] img,
    html:not(.disable-darken-mode) [data-theme="tema__default"] img,
    html:not(.disable-darken-mode) [data-theme="tema__default__dark"] img,
    html:not(.disable-darken-mode) [data-theme="tema__default__light"] img,
    html:not(.disable-darken-mode) [data-theme="tema__default__negative"] img,
    html:not(.disable-darken-mode) [data-theme="tema__secondary"] img,
    html:not(.disable-darken-mode) [data-theme="tema__secondary__light"] img,
    html:not(.disable-darken-mode) [data-theme="tema__secondary__negative"] img,
    html:not(.disable-darken-mode) body img,
    html:not(.disable-darken-mode) body.tema__default img {
        filter: brightness(0.8) contrast(1.2);
    }
    [data-theme="darkmode"] .tema__default__dark [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] .tema__default__light [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] .tema__default__negative [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] .tema__secondary [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] .tema__secondary__light [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] .tema__secondary__negative [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] [class*="tema__"] [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__default"] [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__default__dark"] [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__default__light"] [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__default__negative"] [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__secondary"] [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__secondary__light"] [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] [data-theme="tema__secondary__negative"] [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] body [class*="tema__"]:not(.no-background),
    [data-theme="darkmode"] body.tema__default [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) .tema__default__dark [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) .tema__default__light [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) .tema__default__negative [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) .tema__secondary [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) .tema__secondary__light [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) .tema__secondary__negative [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) [class*="tema__"] [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__default"] [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__default__dark"] [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__default__light"] [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__default__negative"] [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__secondary"] [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__secondary__light"] [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) [data-theme="tema__secondary__negative"] [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) body [class*="tema__"]:not(.no-background),
    html:not(.disable-darken-mode) body.tema__default [class*="tema__"]:not(.no-background) {
        background-color: color-mix(in oklab, var(--primary-settings) 35%, black);
    }
    [data-theme="darkmode"] .tema__default__dark .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] .tema__default__light .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] .tema__default__negative .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] .tema__secondary .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] .tema__secondary__light .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] .tema__secondary__negative .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] [class*="tema__"] .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] [data-theme="tema__default"] .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] [data-theme="tema__default__dark"] .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] [data-theme="tema__default__light"] .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] [data-theme="tema__default__negative"] .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] [data-theme="tema__secondary"] .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] [data-theme="tema__secondary__light"] .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] [data-theme="tema__secondary__negative"] .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] body .dnd-section[class*="-background-color"],
    [data-theme="darkmode"] body.tema__default .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) .tema__default__dark .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) .tema__default__light .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) .tema__default__negative .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) .tema__secondary .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) .tema__secondary__light .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) .tema__secondary__negative .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) [class*="tema__"] .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) [data-theme="tema__default"] .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) [data-theme="tema__default__dark"] .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) [data-theme="tema__default__light"] .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) [data-theme="tema__default__negative"] .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) [data-theme="tema__secondary"] .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) [data-theme="tema__secondary__light"] .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) [data-theme="tema__secondary__negative"] .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) body .dnd-section[class*="-background-color"],
    html:not(.disable-darken-mode) body.tema__default .dnd-section[class*="-background-color"] {
        background-color: color-mix(in oklab, var(--primary-settings) 35%, black) !important;
        background-image: color-mix(in oklab, var(--primary-settings) 35%, black) !important;
    }
}
.ondark,
.ondark:hover {
    color: #fff;
}
:root {
    --baseline: 0.72223rem;
    --baseline-2: 1.44445rem;
    --baseline-3: 2.16667rem;
    --baseline-4: 2.88889rem;
    --baseline-5: 3.61112rem;
    --baseline-6: 4.33334rem;
    --baseline-7: 5.05556rem;
    --baseline-8: 5.77778rem;
    --baseline-9: 6.5rem;
    --baseline-10: 7.22223rem;
}
@media only screen and (min-width: 601px) {
    :root {
        --baseline: 0.73334rem;
        --baseline-2: 1.46667rem;
        --baseline-3: 2.20001rem;
        --baseline-4: 2.93334rem;
        --baseline-5: 3.66667rem;
        --baseline-6: 4.40001rem;
        --baseline-7: 5.13334rem;
        --baseline-8: 5.86667rem;
        --baseline-9: 6.6rem;
        --baseline-10: 7.33334rem;
    }
}
@media only screen and (min-width: 993px) {
    :root {
        --baseline: 0.72223rem;
        --baseline-2: 1.44445rem;
        --baseline-3: 2.16667rem;
        --baseline-4: 2.88889rem;
        --baseline-5: 3.61112rem;
        --baseline-6: 4.33334rem;
        --baseline-7: 5.05556rem;
        --baseline-8: 5.77778rem;
        --baseline-9: 6.5rem;
        --baseline-10: 7.22223rem;
    }
}
@media only screen and (min-width: 1201px) {
    :root {
        --baseline: 0.72223rem;
        --baseline-2: 1.44445rem;
        --baseline-3: 2.16667rem;
        --baseline-4: 2.88889rem;
        --baseline-5: 3.61112rem;
        --baseline-6: 4.33334rem;
        --baseline-7: 5.05556rem;
        --baseline-8: 5.77778rem;
        --baseline-9: 6.5rem;
        --baseline-10: 7.22223rem;
    }
}
@media only screen and (min-width: 1540px) {
    :root {
        --baseline: 0.77778rem;
        --baseline-2: 1.55556rem;
        --baseline-3: 2.33334rem;
        --baseline-4: 3.11112rem;
        --baseline-5: 3.88889rem;
        --baseline-6: 4.66667rem;
        --baseline-7: 5.44445rem;
        --baseline-8: 6.22223rem;
        --baseline-9: 7rem;
        --baseline-10: 7.77778rem;
    }
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
@-webkit-keyframes spCircRot {
    0% {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@keyframes spCircRot {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
@-webkit-keyframes spScaleAlpha {
    0%,
    to {
        opacity: 1;
    }
    33%,
    66% {
        opacity: 0.25;
    }
}
@keyframes spScaleAlpha {
    0%,
    to {
        opacity: 1;
    }
    33%,
    66% {
        opacity: 0.25;
    }
}
@-webkit-keyframes spScaleAlphaBefore {
    0%,
    66% {
        opacity: 0.25;
    }
    33% {
        opacity: 1;
    }
}
@keyframes spScaleAlphaBefore {
    0%,
    66% {
        opacity: 0.25;
    }
    33% {
        opacity: 1;
    }
}
@-webkit-keyframes spScaleAlphaAfter {
    33%,
    to {
        opacity: 0.25;
    }
    66% {
        opacity: 1;
    }
}
@keyframes spScaleAlphaAfter {
    33%,
    to {
        opacity: 0.25;
    }
    66% {
        opacity: 1;
    }
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 14px;
    font-size: 18px;
}
body {
    margin: 0;
    --screen-xl: 1540px;
    --screen-lg: 1200px;
    --screen-md: 992px;
    --screen-sm: 600px;
    font-family: var(--font-body-settings);
    color: var(--body-color);
    font-weight: var(--font-body-weight-settings, 300);
    letter-spacing: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    line-height: 1.55556rem;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hr,
main,
menu,
nav,
section {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    overflow: visible;
    height: 0;
    border: 0;
    transform: translate(-1px);
    border-top: 1px solid var(--border-line-color);
    margin: 0;
    padding: 0;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}
b {
    font-weight: bolder;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 75%;
}
sub,
sup {
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    font-size: 75%;
    line-height: 0;
    top: -0.5em;
}
audio,
canvas,
form label,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
    vertical-align: middle;
    height: auto;
    max-width: 100%;
}
svg:not(:root) {
    overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"],
legend {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
[hidden],
header.headermain .logo-negative,
header.headermain [data-header="main"] .inner-header > div > .wrap-nav #mainnav,
template {
    display: none;
}
:root {
    --radius-val: 1.25rem;
    --header-height: var(--baseline-8);
    --aside-height: 0px;
}
body.aside-on-top {
    --header-height: calc(var(--baseline-8) + var(--aside-height));
}
header.headermain {
    width: 100%;
    padding-left: var(--contianer-max-width-diff-wv) !important;
    padding-right: var(--contianer-max-width-diff-wv) !important;
    padding-top: var(--baseline-2);
    padding-bottom: var(--baseline-2);
    z-index: var(--z-40);
}
@media only screen and (min-width: 601px) {
    header.headermain {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
header.headermain [data-header="main"] .inner-header > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header.headermain [data-header="main"] .inner-header > div > div:first-child {
    flex-shrink: 0;
}
@media only screen and (min-width: 993px) {
    header.headermain [data-header="main"] .inner-header > div {
        justify-content: flex-start;
    }
}
header.headermain [data-header="main"] .inner-header > div > .wrap-nav {
    margin-left: var(--baseline-2);
}
@media only screen and (min-width: 993px) {
    header.headermain [data-header="main"] .inner-header > div > .wrap-nav #mainnav {
        display: block;
    }
    header.headermain [data-header="main"] .inner-header > div > .wrap-nav #mainnav .level-0 > li > a.selected,
    header.headermain [data-header="main"] .inner-header > div > .wrap-nav #mainnav .level-0 > li > a:hover {
        border-radius: var(--button-radius);
        background-color: var(--button-text-primary-background);
        color: var(--button-text-primary-color-hover);
    }
    header.headermain [data-header="main"] .inner-header > div > .wrap-nav {
        flex-grow: 1;
    }
}
header.headermain [data-header="main"] #switcher-lang {
    margin-right: 10px;
}
header.headermain [data-header="main"] #switcher-lang ul.is-submenu {
    min-width: 100px;
    max-width: 100px;
    right: 0;
    left: inherit;
    font-size: var(--f16);
}
header.headermain [data-header="main"] #switcher-lang ul.is-submenu li {
    text-align: center;
}
@media only screen and (min-width: 601px) {
    header.headermain [data-header="main"] #switcher-lang ul.is-submenu {
        right: inherit !important;
    }
}
@media only screen and (min-width: 993px) {
    header.headermain [data-header="main"] #switcher-lang ul.is-submenu {
        left: -30px;
    }
}
header.headermain [data-header="main"] #switcher-lang nav .navdrop > li {
    display: inline-flex;
}
header.headermain [data-content-header="custom-navigation"] .module-button-cta {
    display: flex !important;
    flex-wrap: nowrap !important;
}
header.headermain a.button,
header.headermain button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
header.headermain.negativo-trasparente:not(.appear) {
    background-color: transparent;
}
header.headermain.negativo-trasparente:not(.appear) .logo-positive,
header.headermain.negativo:not(.appear) .logo-positive {
    display: none;
}
header.headermain.negativo-trasparente:not(.appear) .logo-negative,
header.headermain.negativo:not(.appear) .logo-negative {
    display: block;
}
.m_t_0,
.my_0 {
    margin-top: 0 !important;
}
.p_t_0,
.py_0 {
    padding-top: 0 !important;
}
.m_b_0,
.my_0 {
    margin-bottom: 0 !important;
}
.p_b_0,
.py_0 {
    padding-bottom: 0 !important;
}
.mx_0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.px_0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.mob_mt_0,
.mob_my_0 {
    margin-top: 0 !important;
}
.mob_pt_0,
.mob_py_0 {
    padding-top: 0 !important;
}
.mob_mb_0,
.mob_my_0 {
    margin-bottom: 0 !important;
}
.mob_pb_0,
.mob_py_0 {
    padding-bottom: 0 !important;
}
.mob_mx_0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mob_px_0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.m_t_0,
.my_0 {
    margin-top: var(--baseline-0) !important;
}
.p_t_0,
.py_0 {
    padding-top: var(--baseline-0) !important;
}
.m_b_0,
.my_0 {
    margin-bottom: var(--baseline-0) !important;
}
.p_b_0,
.py_0 {
    padding-bottom: var(--baseline-0) !important;
}
.m_l_0,
.mx_0 {
    margin-left: var(--baseline-0) !important;
}
.p_l_0,
.px_0 {
    padding-left: var(--baseline-0) !important;
}
.m_r_0,
.mx_0 {
    margin-right: var(--baseline-0) !important;
}
.p_r_0,
.px_0 {
    padding-right: var(--baseline-0) !important;
}
.m_t_1,
.my_1 {
    margin-top: var(--baseline) !important;
}
.p_t_1,
.py_1 {
    padding-top: var(--baseline) !important;
}
.m_b_1,
.my_1 {
    margin-bottom: var(--baseline) !important;
}
.p_b_1,
.py_1 {
    padding-bottom: var(--baseline) !important;
}
.m_l_1,
.mx_1 {
    margin-left: var(--baseline) !important;
}
.p_l_1,
.px_1 {
    padding-left: var(--baseline) !important;
}
.m_r_1,
.mx_1 {
    margin-right: var(--baseline) !important;
}
.p_r_1,
.px_1 {
    padding-right: var(--baseline) !important;
}
.m_t_2,
.my_2 {
    margin-top: var(--baseline-2) !important;
}
.p_t_2,
.py_2 {
    padding-top: var(--baseline-2) !important;
}
.m_b_2,
.my_2 {
    margin-bottom: var(--baseline-2) !important;
}
.p_b_2,
.py_2 {
    padding-bottom: var(--baseline-2) !important;
}
.m_l_2,
.mx_2 {
    margin-left: var(--baseline-2) !important;
}
.p_l_2,
.px_2 {
    padding-left: var(--baseline-2) !important;
}
.m_r_2,
.mx_2 {
    margin-right: var(--baseline-2) !important;
}
.p_r_2,
.px_2 {
    padding-right: var(--baseline-2) !important;
}
.m_t_3,
.my_3 {
    margin-top: var(--baseline-3) !important;
}
.p_t_3,
.py_3 {
    padding-top: var(--baseline-3) !important;
}
.m_b_3,
.my_3 {
    margin-bottom: var(--baseline-3) !important;
}
.p_b_3,
.py_3 {
    padding-bottom: var(--baseline-3) !important;
}
.m_l_3,
.mx_3 {
    margin-left: var(--baseline-3) !important;
}
.p_l_3,
.px_3 {
    padding-left: var(--baseline-3) !important;
}
.m_r_3,
.mx_3 {
    margin-right: var(--baseline-3) !important;
}
.p_r_3,
.px_3 {
    padding-right: var(--baseline-3) !important;
}
.m_t_4,
.my_4 {
    margin-top: var(--baseline-4) !important;
}
.p_t_4,
.py_4 {
    padding-top: var(--baseline-4) !important;
}
.m_b_4,
.my_4 {
    margin-bottom: var(--baseline-4) !important;
}
.p_b_4,
.py_4 {
    padding-bottom: var(--baseline-4) !important;
}
.m_l_4,
.mx_4 {
    margin-left: var(--baseline-4) !important;
}
.p_l_4,
.px_4 {
    padding-left: var(--baseline-4) !important;
}
.m_r_4,
.mx_4 {
    margin-right: var(--baseline-4) !important;
}
.p_r_4,
.px_4 {
    padding-right: var(--baseline-4) !important;
}
.m_t_5,
.my_5 {
    margin-top: var(--baseline-5) !important;
}
.p_t_5,
.py_5 {
    padding-top: var(--baseline-5) !important;
}
.m_b_5,
.my_5 {
    margin-bottom: var(--baseline-5) !important;
}
.p_b_5,
.py_5 {
    padding-bottom: var(--baseline-5) !important;
}
.m_l_5,
.mx_5 {
    margin-left: var(--baseline-5) !important;
}
.p_l_5,
.px_5 {
    padding-left: var(--baseline-5) !important;
}
.m_r_5,
.mx_5 {
    margin-right: var(--baseline-5) !important;
}
.p_r_5,
.px_5 {
    padding-right: var(--baseline-5) !important;
}
.m_t_6,
.my_6 {
    margin-top: var(--baseline-6) !important;
}
.p_t_6,
.py_6 {
    padding-top: var(--baseline-6) !important;
}
.m_b_6,
.my_6 {
    margin-bottom: var(--baseline-6) !important;
}
.p_b_6,
.py_6 {
    padding-bottom: var(--baseline-6) !important;
}
.m_l_6,
.mx_6 {
    margin-left: var(--baseline-6) !important;
}
.p_l_6,
.px_6 {
    padding-left: var(--baseline-6) !important;
}
.m_r_6,
.mx_6 {
    margin-right: var(--baseline-6) !important;
}
.p_r_6,
.px_6 {
    padding-right: var(--baseline-6) !important;
}
.m_t_7,
.my_7 {
    margin-top: var(--baseline-7) !important;
}
.p_t_7,
.py_7 {
    padding-top: var(--baseline-7) !important;
}
.m_b_7,
.my_7 {
    margin-bottom: var(--baseline-7) !important;
}
.p_b_7,
.py_7 {
    padding-bottom: var(--baseline-7) !important;
}
.m_l_7,
.mx_7 {
    margin-left: var(--baseline-7) !important;
}
.p_l_7,
.px_7 {
    padding-left: var(--baseline-7) !important;
}
.m_r_7,
.mx_7 {
    margin-right: var(--baseline-7) !important;
}
.p_r_7,
.px_7 {
    padding-right: var(--baseline-7) !important;
}
.m_t_8,
.my_8 {
    margin-top: var(--baseline-8) !important;
}
.p_t_8,
.py_8 {
    padding-top: var(--baseline-8) !important;
}
.m_b_8,
.my_8 {
    margin-bottom: var(--baseline-8) !important;
}
.p_b_8,
.py_8 {
    padding-bottom: var(--baseline-8) !important;
}
.m_l_8,
.mx_8 {
    margin-left: var(--baseline-8) !important;
}
.p_l_8,
.px_8 {
    padding-left: var(--baseline-8) !important;
}
.m_r_8,
.mx_8 {
    margin-right: var(--baseline-8) !important;
}
.p_r_8,
.px_8 {
    padding-right: var(--baseline-8) !important;
}
.m_t_9,
.my_9 {
    margin-top: var(--baseline-9) !important;
}
.p_t_9,
.py_9 {
    padding-top: var(--baseline-9) !important;
}
.m_b_9,
.my_9 {
    margin-bottom: var(--baseline-9) !important;
}
.p_b_9,
.py_9 {
    padding-bottom: var(--baseline-9) !important;
}
.m_l_9,
.mx_9 {
    margin-left: var(--baseline-9) !important;
}
.p_l_9,
.px_9 {
    padding-left: var(--baseline-9) !important;
}
.m_r_9,
.mx_9 {
    margin-right: var(--baseline-9) !important;
}
.p_r_9,
.px_9 {
    padding-right: var(--baseline-9) !important;
}
.m_t_10,
.my_10 {
    margin-top: var(--baseline-10) !important;
}
.p_t_10,
.py_10 {
    padding-top: var(--baseline-10) !important;
}
.m_b_10,
.my_10 {
    margin-bottom: var(--baseline-10) !important;
}
.p_b_10,
.py_10 {
    padding-bottom: var(--baseline-10) !important;
}
.m_l_10,
.mx_10 {
    margin-left: var(--baseline-10) !important;
}
.p_l_10,
.px_10 {
    padding-left: var(--baseline-10) !important;
}
.m_r_10,
.mx_10 {
    margin-right: var(--baseline-10) !important;
}
.p_r_10,
.px_10 {
    padding-right: var(--baseline-10) !important;
}
@media only screen and (min-width: 601px) {
    .m_t_md_0,
    .my_md_0 {
        margin-top: 0 !important;
    }
    .p_t_md_0,
    .py_md_0 {
        padding-top: 0 !important;
    }
    .m_t_md_1,
    .my_md_1 {
        margin-top: var(--baseline) !important;
    }
    .p_t_md_1,
    .py_md_1 {
        padding-top: var(--baseline) !important;
    }
    .m_t_md_2,
    .my_md_2 {
        margin-top: var(--baseline-2) !important;
    }
    .p_t_md_2,
    .py_md_2 {
        padding-top: var(--baseline-2) !important;
    }
    .m_t_md_3,
    .my_md_3 {
        margin-top: var(--baseline-3) !important;
    }
    .p_t_md_3,
    .py_md_3 {
        padding-top: var(--baseline-3) !important;
    }
    .m_t_md_4,
    .my_md_4 {
        margin-top: var(--baseline-4) !important;
    }
    .p_t_md_4,
    .py_md_4 {
        padding-top: var(--baseline-4) !important;
    }
    .m_t_md_5,
    .my_md_5 {
        margin-top: var(--baseline-5) !important;
    }
    .p_t_md_5,
    .py_md_5 {
        padding-top: var(--baseline-5) !important;
    }
    .m_t_md_6,
    .my_md_6 {
        margin-top: var(--baseline-6) !important;
    }
    .p_t_md_6,
    .py_md_6 {
        padding-top: var(--baseline-6) !important;
    }
    .m_t_md_7,
    .my_md_7 {
        margin-top: var(--baseline-7) !important;
    }
    .p_t_md_7,
    .py_md_7 {
        padding-top: var(--baseline-7) !important;
    }
    .m_t_md_8,
    .my_md_8 {
        margin-top: var(--baseline-8) !important;
    }
    .p_t_md_8,
    .py_md_8 {
        padding-top: var(--baseline-8) !important;
    }
    .m_t_md_9,
    .my_md_9 {
        margin-top: var(--baseline-9) !important;
    }
    .p_t_md_9,
    .py_md_9 {
        padding-top: var(--baseline-9) !important;
    }
    .m_t_md_10,
    .my_md_10 {
        margin-top: var(--baseline-10) !important;
    }
    .p_t_md_10,
    .py_md_10 {
        padding-top: var(--baseline-10) !important;
    }
    .m_b_md_0,
    .my_md_0 {
        margin-bottom: 0 !important;
    }
    .p_b_md_0,
    .py_md_0 {
        padding-bottom: 0 !important;
    }
    .m_b_md_1,
    .my_md_1 {
        margin-bottom: var(--baseline) !important;
    }
    .p_b_md_1,
    .py_md_1 {
        padding-bottom: var(--baseline) !important;
    }
    .m_b_md_2,
    .my_md_2 {
        margin-bottom: var(--baseline-2) !important;
    }
    .p_b_md_2,
    .py_md_2 {
        padding-bottom: var(--baseline-2) !important;
    }
    .m_b_md_3,
    .my_md_3 {
        margin-bottom: var(--baseline-3) !important;
    }
    .p_b_md_3,
    .py_md_3 {
        padding-bottom: var(--baseline-3) !important;
    }
    .m_b_md_4,
    .my_md_4 {
        margin-bottom: var(--baseline-4) !important;
    }
    .p_b_md_4,
    .py_md_4 {
        padding-bottom: var(--baseline-4) !important;
    }
    .m_b_md_5,
    .my_md_5 {
        margin-bottom: var(--baseline-5) !important;
    }
    .p_b_md_5,
    .py_md_5 {
        padding-bottom: var(--baseline-5) !important;
    }
    .m_b_md_6,
    .my_md_6 {
        margin-bottom: var(--baseline-6) !important;
    }
    .p_b_md_6,
    .py_md_6 {
        padding-bottom: var(--baseline-6) !important;
    }
    .m_b_md_7,
    .my_md_7 {
        margin-bottom: var(--baseline-7) !important;
    }
    .p_b_md_7,
    .py_md_7 {
        padding-bottom: var(--baseline-7) !important;
    }
    .m_b_md_8,
    .my_md_8 {
        margin-bottom: var(--baseline-8) !important;
    }
    .p_b_md_8,
    .py_md_8 {
        padding-bottom: var(--baseline-8) !important;
    }
    .m_b_md_9,
    .my_md_9 {
        margin-bottom: var(--baseline-9) !important;
    }
    .p_b_md_9,
    .py_md_9 {
        padding-bottom: var(--baseline-9) !important;
    }
    .m_b_md_10,
    .my_md_10 {
        margin-bottom: var(--baseline-10) !important;
    }
    .p_b_md_10,
    .py_md_10 {
        padding-bottom: var(--baseline-10) !important;
    }
    .m_l_md_0,
    .mx_md_0 {
        margin-left: 0 !important;
    }
    .p_l_md_0,
    .px_md_0 {
        padding-left: 0 !important;
    }
    .m_l_md_1,
    .mx_md_1 {
        margin-left: var(--baseline) !important;
    }
    .p_l_md_1,
    .px_md_1 {
        padding-left: var(--baseline) !important;
    }
    .m_l_md_2,
    .mx_md_2 {
        margin-left: var(--baseline-2) !important;
    }
    .p_l_md_2,
    .px_md_2 {
        padding-left: var(--baseline-2) !important;
    }
    .m_l_md_3,
    .mx_md_3 {
        margin-left: var(--baseline-3) !important;
    }
    .p_l_md_3,
    .px_md_3 {
        padding-left: var(--baseline-3) !important;
    }
    .m_l_md_4,
    .mx_md_4 {
        margin-left: var(--baseline-4) !important;
    }
    .p_l_md_4,
    .px_md_4 {
        padding-left: var(--baseline-4) !important;
    }
    .m_l_md_5,
    .mx_md_5 {
        margin-left: var(--baseline-5) !important;
    }
    .p_l_md_5,
    .px_md_5 {
        padding-left: var(--baseline-5) !important;
    }
    .m_l_md_6,
    .mx_md_6 {
        margin-left: var(--baseline-6) !important;
    }
    .p_l_md_6,
    .px_md_6 {
        padding-left: var(--baseline-6) !important;
    }
    .m_l_md_7,
    .mx_md_7 {
        margin-left: var(--baseline-7) !important;
    }
    .p_l_md_7,
    .px_md_7 {
        padding-left: var(--baseline-7) !important;
    }
    .m_l_md_8,
    .mx_md_8 {
        margin-left: var(--baseline-8) !important;
    }
    .p_l_md_8,
    .px_md_8 {
        padding-left: var(--baseline-8) !important;
    }
    .m_l_md_9,
    .mx_md_9 {
        margin-left: var(--baseline-9) !important;
    }
    .p_l_md_9,
    .px_md_9 {
        padding-left: var(--baseline-9) !important;
    }
    .m_l_md_10,
    .mx_md_10 {
        margin-left: var(--baseline-10) !important;
    }
    .p_l_md_10,
    .px_md_10 {
        padding-left: var(--baseline-10) !important;
    }
    .m_r_md_0,
    .mx_md_0 {
        margin-right: 0 !important;
    }
    .p_r_md_0,
    .px_md_0 {
        padding-right: 0 !important;
    }
    .m_r_md_1,
    .mx_md_1 {
        margin-right: var(--baseline) !important;
    }
    .p_r_md_1,
    .px_md_1 {
        padding-right: var(--baseline) !important;
    }
    .m_r_md_2,
    .mx_md_2 {
        margin-right: var(--baseline-2) !important;
    }
    .p_r_md_2,
    .px_md_2 {
        padding-right: var(--baseline-2) !important;
    }
    .m_r_md_3,
    .mx_md_3 {
        margin-right: var(--baseline-3) !important;
    }
    .p_r_md_3,
    .px_md_3 {
        padding-right: var(--baseline-3) !important;
    }
    .m_r_md_4,
    .mx_md_4 {
        margin-right: var(--baseline-4) !important;
    }
    .p_r_md_4,
    .px_md_4 {
        padding-right: var(--baseline-4) !important;
    }
    .m_r_md_5,
    .mx_md_5 {
        margin-right: var(--baseline-5) !important;
    }
    .p_r_md_5,
    .px_md_5 {
        padding-right: var(--baseline-5) !important;
    }
    .m_r_md_6,
    .mx_md_6 {
        margin-right: var(--baseline-6) !important;
    }
    .p_r_md_6,
    .px_md_6 {
        padding-right: var(--baseline-6) !important;
    }
    .m_r_md_7,
    .mx_md_7 {
        margin-right: var(--baseline-7) !important;
    }
    .p_r_md_7,
    .px_md_7 {
        padding-right: var(--baseline-7) !important;
    }
    .m_r_md_8,
    .mx_md_8 {
        margin-right: var(--baseline-8) !important;
    }
    .p_r_md_8,
    .px_md_8 {
        padding-right: var(--baseline-8) !important;
    }
    .m_r_md_9,
    .mx_md_9 {
        margin-right: var(--baseline-9) !important;
    }
    .p_r_md_9,
    .px_md_9 {
        padding-right: var(--baseline-9) !important;
    }
    .m_r_md_10,
    .mx_md_10 {
        margin-right: var(--baseline-10) !important;
    }
    .p_r_md_10,
    .px_md_10 {
        padding-right: var(--baseline-10) !important;
    }
}
@media only screen and (min-width: 993px) {
    .m_t_lg_0,
    .my_lg_0 {
        margin-top: 0 !important;
    }
    .p_t_lg_0,
    .py_lg_0 {
        padding-top: 0 !important;
    }
    .m_t_lg_1,
    .my_lg_1 {
        margin-top: var(--baseline) !important;
    }
    .p_t_lg_1,
    .py_lg_1 {
        padding-top: var(--baseline) !important;
    }
    .m_t_lg_2,
    .my_lg_2 {
        margin-top: var(--baseline-2) !important;
    }
    .p_t_lg_2,
    .py_lg_2 {
        padding-top: var(--baseline-2) !important;
    }
    .m_t_lg_3,
    .my_lg_3 {
        margin-top: var(--baseline-3) !important;
    }
    .p_t_lg_3,
    .py_lg_3 {
        padding-top: var(--baseline-3) !important;
    }
    .m_t_lg_4,
    .my_lg_4 {
        margin-top: var(--baseline-4) !important;
    }
    .p_t_lg_4,
    .py_lg_4 {
        padding-top: var(--baseline-4) !important;
    }
    .m_t_lg_5,
    .my_lg_5 {
        margin-top: var(--baseline-5) !important;
    }
    .p_t_lg_5,
    .py_lg_5 {
        padding-top: var(--baseline-5) !important;
    }
    .m_t_lg_6,
    .my_lg_6 {
        margin-top: var(--baseline-6) !important;
    }
    .p_t_lg_6,
    .py_lg_6 {
        padding-top: var(--baseline-6) !important;
    }
    .m_t_lg_7,
    .my_lg_7 {
        margin-top: var(--baseline-7) !important;
    }
    .p_t_lg_7,
    .py_lg_7 {
        padding-top: var(--baseline-7) !important;
    }
    .m_t_lg_8,
    .my_lg_8 {
        margin-top: var(--baseline-8) !important;
    }
    .p_t_lg_8,
    .py_lg_8 {
        padding-top: var(--baseline-8) !important;
    }
    .m_t_lg_9,
    .my_lg_9 {
        margin-top: var(--baseline-9) !important;
    }
    .p_t_lg_9,
    .py_lg_9 {
        padding-top: var(--baseline-9) !important;
    }
    .m_t_lg_10,
    .my_lg_10 {
        margin-top: var(--baseline-10) !important;
    }
    .p_t_lg_10,
    .py_lg_10 {
        padding-top: var(--baseline-10) !important;
    }
    .m_b_lg_0,
    .my_lg_0 {
        margin-bottom: 0 !important;
    }
    .p_b_lg_0,
    .py_lg_0 {
        padding-bottom: 0 !important;
    }
    .m_b_lg_1,
    .my_lg_1 {
        margin-bottom: var(--baseline) !important;
    }
    .p_b_lg_1,
    .py_lg_1 {
        padding-bottom: var(--baseline) !important;
    }
    .m_b_lg_2,
    .my_lg_2 {
        margin-bottom: var(--baseline-2) !important;
    }
    .p_b_lg_2,
    .py_lg_2 {
        padding-bottom: var(--baseline-2) !important;
    }
    .m_b_lg_3,
    .my_lg_3 {
        margin-bottom: var(--baseline-3) !important;
    }
    .p_b_lg_3,
    .py_lg_3 {
        padding-bottom: var(--baseline-3) !important;
    }
    .m_b_lg_4,
    .my_lg_4 {
        margin-bottom: var(--baseline-4) !important;
    }
    .p_b_lg_4,
    .py_lg_4 {
        padding-bottom: var(--baseline-4) !important;
    }
    .m_b_lg_5,
    .my_lg_5 {
        margin-bottom: var(--baseline-5) !important;
    }
    .p_b_lg_5,
    .py_lg_5 {
        padding-bottom: var(--baseline-5) !important;
    }
    .m_b_lg_6,
    .my_lg_6 {
        margin-bottom: var(--baseline-6) !important;
    }
    .p_b_lg_6,
    .py_lg_6 {
        padding-bottom: var(--baseline-6) !important;
    }
    .m_b_lg_7,
    .my_lg_7 {
        margin-bottom: var(--baseline-7) !important;
    }
    .p_b_lg_7,
    .py_lg_7 {
        padding-bottom: var(--baseline-7) !important;
    }
    .m_b_lg_8,
    .my_lg_8 {
        margin-bottom: var(--baseline-8) !important;
    }
    .p_b_lg_8,
    .py_lg_8 {
        padding-bottom: var(--baseline-8) !important;
    }
    .m_b_lg_9,
    .my_lg_9 {
        margin-bottom: var(--baseline-9) !important;
    }
    .p_b_lg_9,
    .py_lg_9 {
        padding-bottom: var(--baseline-9) !important;
    }
    .m_b_lg_10,
    .my_lg_10 {
        margin-bottom: var(--baseline-10) !important;
    }
    .p_b_lg_10,
    .py_lg_10 {
        padding-bottom: var(--baseline-10) !important;
    }
    .m_l_lg_0,
    .mx_lg_0 {
        margin-left: 0 !important;
    }
    .p_l_lg_0,
    .px_lg_0 {
        padding-left: 0 !important;
    }
    .m_l_lg_1,
    .mx_lg_1 {
        margin-left: var(--baseline) !important;
    }
    .p_l_lg_1,
    .px_lg_1 {
        padding-left: var(--baseline) !important;
    }
    .m_l_lg_2,
    .mx_lg_2 {
        margin-left: var(--baseline-2) !important;
    }
    .p_l_lg_2,
    .px_lg_2 {
        padding-left: var(--baseline-2) !important;
    }
    .m_l_lg_3,
    .mx_lg_3 {
        margin-left: var(--baseline-3) !important;
    }
    .p_l_lg_3,
    .px_lg_3 {
        padding-left: var(--baseline-3) !important;
    }
    .m_l_lg_4,
    .mx_lg_4 {
        margin-left: var(--baseline-4) !important;
    }
    .p_l_lg_4,
    .px_lg_4 {
        padding-left: var(--baseline-4) !important;
    }
    .m_l_lg_5,
    .mx_lg_5 {
        margin-left: var(--baseline-5) !important;
    }
    .p_l_lg_5,
    .px_lg_5 {
        padding-left: var(--baseline-5) !important;
    }
    .m_l_lg_6,
    .mx_lg_6 {
        margin-left: var(--baseline-6) !important;
    }
    .p_l_lg_6,
    .px_lg_6 {
        padding-left: var(--baseline-6) !important;
    }
    .m_l_lg_7,
    .mx_lg_7 {
        margin-left: var(--baseline-7) !important;
    }
    .p_l_lg_7,
    .px_lg_7 {
        padding-left: var(--baseline-7) !important;
    }
    .m_l_lg_8,
    .mx_lg_8 {
        margin-left: var(--baseline-8) !important;
    }
    .p_l_lg_8,
    .px_lg_8 {
        padding-left: var(--baseline-8) !important;
    }
    .m_l_lg_9,
    .mx_lg_9 {
        margin-left: var(--baseline-9) !important;
    }
    .p_l_lg_9,
    .px_lg_9 {
        padding-left: var(--baseline-9) !important;
    }
    .m_l_lg_10,
    .mx_lg_10 {
        margin-left: var(--baseline-10) !important;
    }
    .p_l_lg_10,
    .px_lg_10 {
        padding-left: var(--baseline-10) !important;
    }
    .m_r_lg_0,
    .mx_lg_0 {
        margin-right: 0 !important;
    }
    .p_r_lg_0,
    .px_lg_0 {
        padding-right: 0 !important;
    }
    .m_r_lg_1,
    .mx_lg_1 {
        margin-right: var(--baseline) !important;
    }
    .p_r_lg_1,
    .px_lg_1 {
        padding-right: var(--baseline) !important;
    }
    .m_r_lg_2,
    .mx_lg_2 {
        margin-right: var(--baseline-2) !important;
    }
    .p_r_lg_2,
    .px_lg_2 {
        padding-right: var(--baseline-2) !important;
    }
    .m_r_lg_3,
    .mx_lg_3 {
        margin-right: var(--baseline-3) !important;
    }
    .p_r_lg_3,
    .px_lg_3 {
        padding-right: var(--baseline-3) !important;
    }
    .m_r_lg_4,
    .mx_lg_4 {
        margin-right: var(--baseline-4) !important;
    }
    .p_r_lg_4,
    .px_lg_4 {
        padding-right: var(--baseline-4) !important;
    }
    .m_r_lg_5,
    .mx_lg_5 {
        margin-right: var(--baseline-5) !important;
    }
    .p_r_lg_5,
    .px_lg_5 {
        padding-right: var(--baseline-5) !important;
    }
    .m_r_lg_6,
    .mx_lg_6 {
        margin-right: var(--baseline-6) !important;
    }
    .p_r_lg_6,
    .px_lg_6 {
        padding-right: var(--baseline-6) !important;
    }
    .m_r_lg_7,
    .mx_lg_7 {
        margin-right: var(--baseline-7) !important;
    }
    .p_r_lg_7,
    .px_lg_7 {
        padding-right: var(--baseline-7) !important;
    }
    .m_r_lg_8,
    .mx_lg_8 {
        margin-right: var(--baseline-8) !important;
    }
    .p_r_lg_8,
    .px_lg_8 {
        padding-right: var(--baseline-8) !important;
    }
    .m_r_lg_9,
    .mx_lg_9 {
        margin-right: var(--baseline-9) !important;
    }
    .p_r_lg_9,
    .px_lg_9 {
        padding-right: var(--baseline-9) !important;
    }
    .m_r_lg_10,
    .mx_lg_10 {
        margin-right: var(--baseline-10) !important;
    }
    .p_r_lg_10,
    .px_lg_10 {
        padding-right: var(--baseline-10) !important;
    }
}
@media only screen and (min-width: 1201px) {
    .m_t_xl_0,
    .my_xl_0 {
        margin-top: 0 !important;
    }
    .p_t_xl_0,
    .py_xl_0 {
        padding-top: 0 !important;
    }
    .m_t_xl_1,
    .my_xl_1 {
        margin-top: var(--baseline) !important;
    }
    .p_t_xl_1,
    .py_xl_1 {
        padding-top: var(--baseline) !important;
    }
    .m_t_xl_2,
    .my_xl_2 {
        margin-top: var(--baseline-2) !important;
    }
    .p_t_xl_2,
    .py_xl_2 {
        padding-top: var(--baseline-2) !important;
    }
    .m_t_xl_3,
    .my_xl_3 {
        margin-top: var(--baseline-3) !important;
    }
    .p_t_xl_3,
    .py_xl_3 {
        padding-top: var(--baseline-3) !important;
    }
    .m_t_xl_4,
    .my_xl_4 {
        margin-top: var(--baseline-4) !important;
    }
    .p_t_xl_4,
    .py_xl_4 {
        padding-top: var(--baseline-4) !important;
    }
    .m_t_xl_5,
    .my_xl_5 {
        margin-top: var(--baseline-5) !important;
    }
    .p_t_xl_5,
    .py_xl_5 {
        padding-top: var(--baseline-5) !important;
    }
    .m_t_xl_6,
    .my_xl_6 {
        margin-top: var(--baseline-6) !important;
    }
    .p_t_xl_6,
    .py_xl_6 {
        padding-top: var(--baseline-6) !important;
    }
    .m_t_xl_7,
    .my_xl_7 {
        margin-top: var(--baseline-7) !important;
    }
    .p_t_xl_7,
    .py_xl_7 {
        padding-top: var(--baseline-7) !important;
    }
    .m_t_xl_8,
    .my_xl_8 {
        margin-top: var(--baseline-8) !important;
    }
    .p_t_xl_8,
    .py_xl_8 {
        padding-top: var(--baseline-8) !important;
    }
    .m_t_xl_9,
    .my_xl_9 {
        margin-top: var(--baseline-9) !important;
    }
    .p_t_xl_9,
    .py_xl_9 {
        padding-top: var(--baseline-9) !important;
    }
    .m_t_xl_10,
    .my_xl_10 {
        margin-top: var(--baseline-10) !important;
    }
    .p_t_xl_10,
    .py_xl_10 {
        padding-top: var(--baseline-10) !important;
    }
    .m_b_xl_0,
    .my_xl_0 {
        margin-bottom: 0 !important;
    }
    .p_b_xl_0,
    .py_xl_0 {
        padding-bottom: 0 !important;
    }
    .m_b_xl_1,
    .my_xl_1 {
        margin-bottom: var(--baseline) !important;
    }
    .p_b_xl_1,
    .py_xl_1 {
        padding-bottom: var(--baseline) !important;
    }
    .m_b_xl_2,
    .my_xl_2 {
        margin-bottom: var(--baseline-2) !important;
    }
    .p_b_xl_2,
    .py_xl_2 {
        padding-bottom: var(--baseline-2) !important;
    }
    .m_b_xl_3,
    .my_xl_3 {
        margin-bottom: var(--baseline-3) !important;
    }
    .p_b_xl_3,
    .py_xl_3 {
        padding-bottom: var(--baseline-3) !important;
    }
    .m_b_xl_4,
    .my_xl_4 {
        margin-bottom: var(--baseline-4) !important;
    }
    .p_b_xl_4,
    .py_xl_4 {
        padding-bottom: var(--baseline-4) !important;
    }
    .m_b_xl_5,
    .my_xl_5 {
        margin-bottom: var(--baseline-5) !important;
    }
    .p_b_xl_5,
    .py_xl_5 {
        padding-bottom: var(--baseline-5) !important;
    }
    .m_b_xl_6,
    .my_xl_6 {
        margin-bottom: var(--baseline-6) !important;
    }
    .p_b_xl_6,
    .py_xl_6 {
        padding-bottom: var(--baseline-6) !important;
    }
    .m_b_xl_7,
    .my_xl_7 {
        margin-bottom: var(--baseline-7) !important;
    }
    .p_b_xl_7,
    .py_xl_7 {
        padding-bottom: var(--baseline-7) !important;
    }
    .m_b_xl_8,
    .my_xl_8 {
        margin-bottom: var(--baseline-8) !important;
    }
    .p_b_xl_8,
    .py_xl_8 {
        padding-bottom: var(--baseline-8) !important;
    }
    .m_b_xl_9,
    .my_xl_9 {
        margin-bottom: var(--baseline-9) !important;
    }
    .p_b_xl_9,
    .py_xl_9 {
        padding-bottom: var(--baseline-9) !important;
    }
    .m_b_xl_10,
    .my_xl_10 {
        margin-bottom: var(--baseline-10) !important;
    }
    .p_b_xl_10,
    .py_xl_10 {
        padding-bottom: var(--baseline-10) !important;
    }
    .m_l_xl_0,
    .mx_xl_0 {
        margin-left: 0 !important;
    }
    .p_l_xl_0,
    .px_xl_0 {
        padding-left: 0 !important;
    }
    .m_l_xl_1,
    .mx_xl_1 {
        margin-left: var(--baseline) !important;
    }
    .p_l_xl_1,
    .px_xl_1 {
        padding-left: var(--baseline) !important;
    }
    .m_l_xl_2,
    .mx_xl_2 {
        margin-left: var(--baseline-2) !important;
    }
    .p_l_xl_2,
    .px_xl_2 {
        padding-left: var(--baseline-2) !important;
    }
    .m_l_xl_3,
    .mx_xl_3 {
        margin-left: var(--baseline-3) !important;
    }
    .p_l_xl_3,
    .px_xl_3 {
        padding-left: var(--baseline-3) !important;
    }
    .m_l_xl_4,
    .mx_xl_4 {
        margin-left: var(--baseline-4) !important;
    }
    .p_l_xl_4,
    .px_xl_4 {
        padding-left: var(--baseline-4) !important;
    }
    .m_l_xl_5,
    .mx_xl_5 {
        margin-left: var(--baseline-5) !important;
    }
    .p_l_xl_5,
    .px_xl_5 {
        padding-left: var(--baseline-5) !important;
    }
    .m_l_xl_6,
    .mx_xl_6 {
        margin-left: var(--baseline-6) !important;
    }
    .p_l_xl_6,
    .px_xl_6 {
        padding-left: var(--baseline-6) !important;
    }
    .m_l_xl_7,
    .mx_xl_7 {
        margin-left: var(--baseline-7) !important;
    }
    .p_l_xl_7,
    .px_xl_7 {
        padding-left: var(--baseline-7) !important;
    }
    .m_l_xl_8,
    .mx_xl_8 {
        margin-left: var(--baseline-8) !important;
    }
    .p_l_xl_8,
    .px_xl_8 {
        padding-left: var(--baseline-8) !important;
    }
    .m_l_xl_9,
    .mx_xl_9 {
        margin-left: var(--baseline-9) !important;
    }
    .p_l_xl_9,
    .px_xl_9 {
        padding-left: var(--baseline-9) !important;
    }
    .m_l_xl_10,
    .mx_xl_10 {
        margin-left: var(--baseline-10) !important;
    }
    .p_l_xl_10,
    .px_xl_10 {
        padding-left: var(--baseline-10) !important;
    }
    .m_r_xl_0,
    .mx_xl_0 {
        margin-right: 0 !important;
    }
    .p_r_xl_0,
    .px_xl_0 {
        padding-right: 0 !important;
    }
    .m_r_xl_1,
    .mx_xl_1 {
        margin-right: var(--baseline) !important;
    }
    .p_r_xl_1,
    .px_xl_1 {
        padding-right: var(--baseline) !important;
    }
    .m_r_xl_2,
    .mx_xl_2 {
        margin-right: var(--baseline-2) !important;
    }
    .p_r_xl_2,
    .px_xl_2 {
        padding-right: var(--baseline-2) !important;
    }
    .m_r_xl_3,
    .mx_xl_3 {
        margin-right: var(--baseline-3) !important;
    }
    .p_r_xl_3,
    .px_xl_3 {
        padding-right: var(--baseline-3) !important;
    }
    .m_r_xl_4,
    .mx_xl_4 {
        margin-right: var(--baseline-4) !important;
    }
    .p_r_xl_4,
    .px_xl_4 {
        padding-right: var(--baseline-4) !important;
    }
    .m_r_xl_5,
    .mx_xl_5 {
        margin-right: var(--baseline-5) !important;
    }
    .p_r_xl_5,
    .px_xl_5 {
        padding-right: var(--baseline-5) !important;
    }
    .m_r_xl_6,
    .mx_xl_6 {
        margin-right: var(--baseline-6) !important;
    }
    .p_r_xl_6,
    .px_xl_6 {
        padding-right: var(--baseline-6) !important;
    }
    .m_r_xl_7,
    .mx_xl_7 {
        margin-right: var(--baseline-7) !important;
    }
    .p_r_xl_7,
    .px_xl_7 {
        padding-right: var(--baseline-7) !important;
    }
    .m_r_xl_8,
    .mx_xl_8 {
        margin-right: var(--baseline-8) !important;
    }
    .p_r_xl_8,
    .px_xl_8 {
        padding-right: var(--baseline-8) !important;
    }
    .m_r_xl_9,
    .mx_xl_9 {
        margin-right: var(--baseline-9) !important;
    }
    .p_r_xl_9,
    .px_xl_9 {
        padding-right: var(--baseline-9) !important;
    }
    .m_r_xl_10,
    .mx_xl_10 {
        margin-right: var(--baseline-10) !important;
    }
    .p_r_xl_10,
    .px_xl_10 {
        padding-right: var(--baseline-10) !important;
    }
}
:root {
    --container-max-width: 100%;
    --padding-container: var(--baseline-2);
    --contianer-max-width-diff-wv: var(--padding-container);
    --padding-dd: var(--padding-container);
    --gutter-grid: var(--baseline);
    --column-gap: var(--baseline);
    --column-width-multiplier: 8.333;
    --gutter-half: calc(var(--gutter-grid) / 2);
    --padding-ody: var(--baseline);
}
@media only screen and (min-width: 601px) {
    :root {
        --gutter-grid: var(--baseline-2);
        --gutter-half: calc(var(--gutter-grid) / 2);
        --padding-container: 0;
        --contianer-max-width-value: 84;
        --contianer-max-width-diff-wv: calc(((16vw / 2) - var(--gutter-half)) - var(--gutter-half));
        --container-max-width: 84%;
        --padding-dd: calc(var(--padding-container) - var(--baseline));
    }
}
.px-container-left {
    padding-left: var(--contianer-max-width-diff-wv);
}
.px-container-right {
    padding-right: var(--contianer-max-width-diff-wv);
}
.container {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(var(--container-max-width) + var(--gutter-grid) * 2) !important;
    padding-left: var(--padding-container);
    padding-right: var(--padding-container);
}
@media only screen and (min-width: 601px) {
    .container {
        max-width: calc(var(--container-max-width) + var(--gutter-grid) * 2) !important;
        padding-left: 0;
        padding-right: 0;
    }
}
.dnd-section:not(.dnd-section[class*="width-section-centering"]):not(
        .dnd-section[class*="force-full-width-section"]
    ):not(.row-module .dnd-section)
    > .row-fluid {
    max-width: 100% !important;
    padding-left: var(--padding-dd);
    padding-right: var(--padding-dd);
}
@media only screen and (max-width: 600px) {
    .dnd-section[class*="width-section-centering"] {
        max-width: 100% !important;
        padding-left: var(--padding-dd);
        padding-right: var(--padding-dd);
    }
}
@media only screen and (min-width: 601px) {
    .dnd-section:not(.dnd-section[class*="width-section-centering"]):not(.row-module .dnd-section):not(
            .dnd-section[class*="force-full-width-section"]
        )
        > .row-fluid {
        max-width: calc(var(--container-max-width) + var(--gutter-grid) * 2) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0;
        padding-right: 0;
    }
    .dnd-section[class*="width-section-centering"] > .row-fluid {
        width: var(--container-max-width) !important;
    }
}
.dnd-section {
    padding-top: var(--baseline-7);
    padding-bottom: var(--baseline-7);
}
.row-fluid > div[id*="hs-ls-empty-placeholder-row"] {
    flex: 1;
}
.align-row,
.row-module {
    margin-left: calc(var(--padding-ody) * -1);
    margin-right: calc(var(--padding-ody) * -1);
}
.align-row--gutter,
.row-module--gutter {
    margin-left: calc(var(--gutter-grid) * -1);
    margin-right: calc(var(--gutter-grid) * -1);
}
.dnd-section[class*="force-full-width-section"] > .row-fluid > .span12,
form ul li {
    padding: 0;
}
.row-module {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    column-gap: var(--gutter-half);
    flex-wrap: wrap;
}
.row-module > * {
    box-sizing: border-box;
    flex-shrink: 0;
    max-width: 100%;
}
.row-module .col {
    padding-left: var(--padding-ody);
    padding-right: var(--padding-ody);
    min-height: 1px;
    flex: 0 0 auto;
}
.row-module .col.s1 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100
    );
    left: auto;
    right: auto;
}
.row-module .col.s2,
.row-module .col.s3 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100
    );
    left: auto;
    right: auto;
}
.row-module .col.s3 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100
    );
}
.row-module .col.s4,
.row-module .col.s5 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100
    );
    left: auto;
    right: auto;
}
.row-module .col.s5 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100
    );
}
.row-module .col.s6,
.row-module .col.s7 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100
    );
    left: auto;
    right: auto;
}
.row-module .col.s7 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100
    );
}
.row-module .col.s8,
.row-module .col.s9 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100
    );
    left: auto;
    right: auto;
}
.row-module .col.s9 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100
    );
}
.row-module .col.s10 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100
    );
    left: auto;
    right: auto;
}
.row-module .col.s11 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100
    );
    left: auto;
    right: auto;
}
.row-module .col.s12 {
    flex: 0 0
        calc(var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100);
    width: calc(
        var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100
    );
    left: auto;
    right: auto;
}
.row-module .col.offset-s1 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s2 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s3 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s4 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s5 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s6 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s7 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s8 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s9 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s10 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s11 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s12 {
    margin-left: calc(
        var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100 +
            var(--gutter-half)
    );
}
.row-module .col.offset-s0 {
    margin-left: 0;
}
@media only screen and (min-width: 601px) {
    .row-module .col.m1 {
        width: calc(
            var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.m2,
    .row-module .col.m3 {
        width: calc(
            var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.m3 {
        width: calc(
            var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100
            );
    }
    .row-module .col.m4,
    .row-module .col.m5 {
        width: calc(
            var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.m5 {
        width: calc(
            var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100
            );
    }
    .row-module .col.m6,
    .row-module .col.m7 {
        width: calc(
            var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.m7 {
        width: calc(
            var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100
            );
    }
    .row-module .col.m8,
    .row-module .col.m9 {
        width: calc(
            var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.m9 {
        width: calc(
            var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100
            );
    }
    .row-module .col.m10 {
        width: calc(
            var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.m11 {
        width: calc(
            var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.m12 {
        width: calc(
            var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.offset-m1 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m2 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m3 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m4 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m5 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m6 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m7 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m8 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m9 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m10 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m11 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m12 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-m0 {
        margin-left: 0;
    }
}
@media only screen and (min-width: 993px) {
    .row-module .col.l1 {
        width: calc(
            var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.l2,
    .row-module .col.l3 {
        width: calc(
            var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.l3 {
        width: calc(
            var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100
            );
    }
    .row-module .col.l4,
    .row-module .col.l5 {
        width: calc(
            var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.l5 {
        width: calc(
            var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100
            );
    }
    .row-module .col.l6,
    .row-module .col.l7 {
        width: calc(
            var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.l7 {
        width: calc(
            var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100
            );
    }
    .row-module .col.l8,
    .row-module .col.l9 {
        width: calc(
            var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.l9 {
        width: calc(
            var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100
            );
    }
    .row-module .col.l10 {
        width: calc(
            var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.l11 {
        width: calc(
            var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.l12 {
        width: calc(
            var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.offset-l1 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l2 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l3 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l4 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l5 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l6 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l7 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l8 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l9 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l10 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l11 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l12 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100 +
                var(--gutter-half)
        );
    }
    .row-module .col.offset-l0 {
        margin-left: 0;
    }
}
@media only screen and (min-width: 1201px) {
    .row-module .col.xl1 {
        width: calc(
            var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl2 {
        width: calc(
            var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl3 {
        width: calc(
            var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl4 {
        width: calc(
            var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl5 {
        width: calc(
            var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl6 {
        width: calc(
            var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl7 {
        width: calc(
            var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl8 {
        width: calc(
            var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl9 {
        width: calc(
            var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl10 {
        width: calc(
            var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl11 {
        width: calc(
            var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.xl12 {
        width: calc(
            var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100
        );
        flex: 0 0
            calc(
                var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100
            );
        left: auto;
        right: auto;
    }
    .row-module .col.offset-xl1 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 1 - var(--gutter-half) * 11 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl2 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 2 - var(--gutter-half) * 10 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl3 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 3 - var(--gutter-half) * 9 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl4 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 4 - var(--gutter-half) * 8 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl5 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 5 - var(--gutter-half) * 7 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl6 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 6 - var(--gutter-half) * 6 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl7 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 7 - var(--gutter-half) * 5 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl8 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 8 - var(--gutter-half) * 4 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl9 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 9 - var(--gutter-half) * 3 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl10 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 10 - var(--gutter-half) * 2 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl11 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 11 - var(--gutter-half) * 1 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl12 {
        margin-left: calc(
            var(--column-width-multiplier) * 1% * 12 - var(--gutter-half) * 0 * var(--column-width-multiplier) / 100 +
                var(--gutter-half) / 2
        );
    }
    .row-module .col.offset-xl0 {
        margin-left: 0;
    }
}
@media only screen and (max-width: 601px) {
    .hide-desktop {
        display: block;
    }
    .hide-mobile {
        display: none;
    }
    .hide-tablet {
        display: block;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1201px) {
    .hide-desktop {
        display: none;
    }
    .hide-mobile,
    .hide-tablet {
        display: block;
    }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
    .hide-desktop,
    .hide-mobile {
        display: block;
    }
    .hide-tablet {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .hide-on-small-and-down,
    .hide-on-small-only {
        display: none !important;
    }
}
@media only screen and (max-width: 992px) {
    .hide-on-med-and-down {
        display: none !important;
    }
}
@media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
        display: none !important;
    }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
    .hide-on-med-only {
        display: none !important;
    }
}
@media only screen and (min-width: 993px) {
    .hide-on-large-only {
        display: none !important;
    }
}
@media only screen and (min-width: 1201px) {
    .hide-on-extra-large-only {
        display: none !important;
    }
    .show-on-extra-large {
        display: block !important;
    }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .show-on-large {
        display: block !important;
    }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
    .show-on-medium {
        display: block !important;
    }
}
@media only screen and (max-width: 992px) {
    .show-on-med-and-down {
        display: block !important;
    }
}
@media only screen and (max-width: 600px) {
    .show-on-small {
        display: block !important;
    }
}
@media only screen and (min-width: 601px) {
    .show-on-medium-and-up {
        display: block !important;
    }
}
@media only screen and (max-width: 1200px) {
    .show-on-large-and-down {
        display: block !important;
    }
}
@media only screen and (min-width: 993px) {
    .show-on-large-and-up {
        display: block !important;
    }
}
@media only screen and (min-width: 1201px) {
    .show-on-extra-large-and-up {
        display: block !important;
    }
}
.padding-column {
    padding-left: calc(var(--gutter-grid));
    padding-right: calc(var(--gutter-grid));
}
@media screen and (min-width: 1540px) {
    html {
        font-size: clamp(1.125rem, 0.2083333333vw + 0.9244791667rem, 1.25rem);
    }
}
.sf3 {
    font-size: 20px !important;
}
.sf2 {
    font-size: var(--f18) !important;
}
.sf1 {
    font-size: var(--f16) !important;
}
.sf14 {
    font-size: 14px !important;
    line-height: 1.28572rem !important;
}
.sf13 {
    font-size: 13px !important;
    line-height: 0.92308rem !important;
}
.sf11,
.sf12 {
    font-size: 12px !important;
    line-height: 1rem !important;
}
.sf11 {
    font-size: 11px !important;
}
.b1 {
    line-height: var(--baseline) !important;
}
.b2 {
    line-height: var(--baseline-2) !important;
}
.b3 {
    line-height: var(--baseline-3) !important;
}
.bf1 {
    line-height: 24px;
}
.bf2 {
    line-height: 26px !important;
}
.bf3 {
    line-height: 32px !important;
}
.hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.display,
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    font-family: var(--font-headings-settings);
    font-weight: var(--font-headings-weight-settings);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.4px;
    color: var(--body-headings);
}
.display.bold,
.h1.bold,
.h2.bold,
.h3.bold,
.h4.bold,
.h5.bold,
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold {
    font-family: var(--font-headings-settings-bold);
    font-weight: var(--font-headings-weight-settings-bold);
}
.display.thin,
.h1.thin,
.h2.thin,
.h3.thin,
.h4.thin,
.h5.thin,
h1.thin,
h2.thin,
h3.thin,
h4.thin,
h5.thin {
    font-weight: 300;
}
.display.upper,
.h1.upper,
.h2.upper,
.h3.upper,
.h4.upper,
.h5.upper,
h1.upper,
h2.upper,
h3.upper,
h4.upper,
h5.upper {
    text-transform: uppercase;
}
.display.font-body,
.h1.font-body,
.h2.font-body,
.h3.font-body,
.h4.font-body,
.h5.font-body,
h1.font-body,
h2.font-body,
h3.font-body,
h4.font-body,
h5.font-body {
    font-family: var(--font-body-settings);
}
.display.ondark,
.h1.ondark,
.h2.ondark,
.h3.ondark,
.h4.ondark,
.h5.ondark,
h1.ondark,
h2.ondark,
h3.ondark,
h4.ondark,
h5.ondark {
    color: var(--grey-50);
}
.display.onlight,
.h1.onlight,
.h2.onlight,
.h3.onlight,
.h4.onlight,
.h5.onlight,
h1.onlight,
h2.onlight,
h3.onlight,
h4.onlight,
h5.onlight {
    color: #000;
}
.display.primary,
.h1.primary,
.h2.primary,
.h3.primary,
.h4.primary,
.h5.primary,
h1.primary,
h2.primary,
h3.primary,
h4.primary,
h5.primary {
    color: var(--primary);
}
@media only screen and (max-width: 600px) and (min-width: 601px) {
    .display:not(.nobreak),
    .h1:not(.nobreak),
    .h2:not(.nobreak),
    .h3:not(.nobreak),
    .h4:not(.nobreak),
    .h5:not(.nobreak),
    h1:not(.nobreak),
    h2:not(.nobreak),
    h3:not(.nobreak),
    h4:not(.nobreak),
    h5:not(.nobreak) {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
}
a,
b,
em,
label,
strong,
sub {
    line-height: inherit;
    font-size: inherit;
}
:root {
    --display: 2.44445rem;
    --h1: 1.94445rem;
    --h2: 1.55556rem;
    --h3: 1.27778rem;
    --h4: 1rem;
    --h5: 1rem;
    --l-display: 3.11112rem;
    --l-h1: 3.11112rem;
    --l-h2: 2.33334rem;
    --l-h3: 0.77778rem;
    --l-h4: 0.77778rem;
    --l-h5: 0.77778rem;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-size: 1.94445rem;
    line-height: 3.11112rem;
    margin-top: 0;
    margin-bottom: 0.77778rem;
}
.h2,
.h3,
h2,
h3 {
    font-size: 1.55556rem;
    line-height: 2.33334rem;
}
.h3,
h3 {
    font-size: 1.27778rem;
    line-height: 1.94445rem;
}
.h4,
.h5,
h4,
h5 {
    font-size: 1rem;
    line-height: 1.55556rem;
    margin-top: 0;
    margin-bottom: 0;
}
.display {
    font-size: 2.44445rem;
    line-height: 3.88889rem;
    margin-top: 0;
    margin-bottom: 0.77778rem;
}
@media only screen and (max-width: 1540px) {
    html {
        line-height: 13px;
        font-size: 18px;
    }
}
@media only screen and (max-width: 1540px) and (min-width: 1200px) {
    html {
        font-size: clamp(1.125rem, 0.2941176471vw + 0.9044117647rem, 1.1875rem);
    }
}
@media only screen and (max-width: 1540px) {
    body {
        font-size: 1rem;
        line-height: 1.44445rem;
    }
    :root {
        --display: 2.44445rem;
        --h1: 1.94445rem;
        --h2: 1.55556rem;
        --h3: 1.27778rem;
        --h4: 1rem;
        --h5: 1rem;
        --l-display: 2.88889rem;
        --l-h1: 2.88889rem;
        --l-h2: 2.16667rem;
        --l-h3: 0.72223rem;
        --l-h4: 0.72223rem;
        --l-h5: 0.72223rem;
    }
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        font-size: 1.94445rem;
        line-height: 2.88889rem;
        margin-top: 0;
        margin-bottom: 0.72223rem;
    }
    .h2,
    .h3,
    h2,
    h3 {
        font-size: 1.55556rem;
        line-height: 2.16667rem;
    }
    .h3,
    h3 {
        font-size: 1.27778rem;
        line-height: 1.80556rem;
    }
    .h4,
    .h5,
    h4,
    h5 {
        font-size: 1rem;
        line-height: 1.44445rem;
        margin-top: 0;
        margin-bottom: 0;
    }
    .display {
        font-size: 2.44445rem;
        line-height: 3.61112rem;
        margin-top: 0;
        margin-bottom: 0.72223rem;
    }
    :root {
        --s2: 20px;
        --s1: 16px;
        --s0: 14px;
    }
}
@media only screen and (max-width: 1200px) {
    html {
        line-height: 13px;
        font-size: 18px;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
    html {
        font-size: clamp(1.125rem, -0.9615384615vw + 1.7211538462rem, 1rem);
    }
}
@media only screen and (max-width: 1200px) {
    body {
        font-size: 1rem;
        line-height: 1.44445rem;
    }
    :root {
        --display: 2.44445rem;
        --h1: 1.94445rem;
        --h2: 1.55556rem;
        --h3: 1.27778rem;
        --h4: 1rem;
        --h5: 1rem;
        --l-display: 2.88889rem;
        --l-h1: 2.88889rem;
        --l-h2: 2.16667rem;
        --l-h3: 0.72223rem;
        --l-h4: 0.72223rem;
        --l-h5: 0.72223rem;
    }
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        font-size: 1.94445rem;
        line-height: 2.88889rem;
        margin-top: 0;
        margin-bottom: 0.72223rem;
    }
    .h2,
    .h3,
    h2,
    h3 {
        font-size: 1.55556rem;
        line-height: 2.16667rem;
    }
    .h3,
    h3 {
        font-size: 1.27778rem;
        line-height: 1.80556rem;
    }
    .h4,
    .h5,
    h4,
    h5 {
        font-size: 1rem;
        line-height: 1.44445rem;
        margin-top: 0;
        margin-bottom: 0;
    }
    .display {
        font-size: 2.44445rem;
        line-height: 3.61112rem;
        margin-top: 0;
        margin-bottom: 0.72223rem;
    }
    :root {
        --s2: 20px;
        --s1: 16px;
        --s0: 14px;
    }
}
@media only screen and (max-width: 992px) {
    html {
        line-height: 11px;
        font-size: 15px;
    }
}
@media only screen and (max-width: 992px) and (min-width: 0) {
    html {
        font-size: clamp(0.9375rem, 0.1008064516vw + 0.9375rem, 1rem);
    }
}
@media only screen and (max-width: 992px) {
    body {
        font-size: 1rem;
        line-height: 1.46667rem;
    }
    :root {
        --display: 2.46667rem;
        --h1: 1.93334rem;
        --h2: 1.53334rem;
        --h3: 1.26667rem;
        --h4: 1rem;
        --h5: 1rem;
        --l-display: 2.93334rem;
        --l-h1: 2.93334rem;
        --l-h2: 2.20001rem;
        --l-h3: 0.73334rem;
        --l-h4: 0.73334rem;
        --l-h5: 0.73334rem;
    }
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        font-size: 1.93334rem;
        line-height: 2.93334rem;
        margin-top: 0;
        margin-bottom: 0.73334rem;
    }
    .h2,
    .h3,
    h2,
    h3 {
        font-size: 1.53334rem;
        line-height: 2.20001rem;
    }
    .h3,
    h3 {
        font-size: 1.26667rem;
        line-height: 1.83334rem;
    }
    .h4,
    .h5,
    h4,
    h5 {
        font-size: 1rem;
        line-height: 1.46667rem;
        margin-top: 0;
        margin-bottom: 0;
    }
    .display {
        font-size: 2.46667rem;
        line-height: 3.66667rem;
        margin-top: 0;
        margin-bottom: 0.73334rem;
    }
    :root {
        --s2: 17px;
        --s1: 13px;
        --s0: 14px;
    }
}
@media only screen and (max-width: 600px) {
    html {
        font-size: 15px;
        line-height: 11px;
    }
    :root {
        --display: 2.46667rem;
        --h1: 1.93334rem;
        --h2: 1.53334rem;
        --h3: 1.26667rem;
        --h4: 1rem;
        --h5: 1rem;
        --l-display: 2.93334rem;
        --l-h1: 2.93334rem;
        --l-h2: 2.20001rem;
        --l-h3: 0.73334rem;
        --l-h4: 0.73334rem;
        --l-h5: 0.73334rem;
    }
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        font-size: 1.93334rem;
        line-height: 2.93334rem;
        margin-top: 0;
        margin-bottom: 0.73334rem;
    }
    .h2,
    .h3,
    h2,
    h3 {
        font-size: 1.53334rem;
        line-height: 2.20001rem;
    }
    .h3,
    h3 {
        font-size: 1.26667rem;
        line-height: 1.83334rem;
    }
    .h4,
    .h5,
    h4,
    h5 {
        font-size: 1rem;
        line-height: 1.46667rem;
        margin-top: 0;
        margin-bottom: 0;
    }
    .display {
        font-size: 2.46667rem;
        line-height: 3.66667rem;
        margin-top: 0;
        margin-bottom: 0.73334rem;
    }
}
p {
    margin-top: var(--baseline);
    margin-bottom: var(--baseline);
}
p.bold {
    font-weight: 800;
}
p.thin {
    font-weight: 300;
}
p.upper {
    text-transform: uppercase;
}
em {
    font-style: italic;
}
.bold,
.strong,
strong {
    font-weight: 700 !important;
}
.light {
    font-weight: 400;
}
.thin {
    font-weight: 300;
}
.evidence {
    color: var(--evidence);
}
.subtitle {
    color: var(--subtitle-color);
}
.pretitle {
    color: var(--pretitle-color);
    letter-spacing: 3px;
    margin-bottom: 0;
    font-size: var(--s0);
    font-weight: 700;
}
.pretitle + .display,
.pretitle + h1,
.pretitle + h2 {
    margin-top: 0 !important;
}
.blog__content h2:first-of-type,
.content--pillar .dnd-module > .widget-type-rich_text h2:first-of-type {
    margin-top: 0 !important;
}
.blog__content p,
.content--pillar .dnd-module > .widget-type-rich_text p {
    margin-bottom: var(--baseline-2);
}
.left-align {
    text-align: left !important;
}
.right-align {
    text-align: right !important;
}
.center-align,
.center-align * {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.icon.stroke svg {
    stroke: var(--ui-icon-stroke);
    fill: none !important;
    stroke-width: var(--icon-stroke);
}
.icon.fill svg,
.icon.stroke svg {
    stroke-linecap: var(--icon-stroke-style, round);
}
.icon svg.soc-icon use,
.icon.fill svg {
    fill: var(--social-icon-fill);
}
.icon.ctn-icon svg use,
.icon.fill svg {
    stroke: none !important;
}
.icon-cont,
select.browser-default {
    display: block;
}
.radius-icon {
    border-radius: 100%;
}
.radius-icon.active-hover:not(:hover) {
    background-color: transparent;
}
.radius-icon.active-hover:not(:hover):hover {
    background-color: inherit;
}
.icon {
    height: 100%;
    display: flex;
    margin: 0 auto;
}
.icon .outer-wrap,
.icon .wrap-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.icon,
.icon .wrap-icon {
    position: relative;
    width: 100%;
}
.icon .wrap-icon {
    display: inline-block;
    overflow: hidden;
}
.icon .wrap-icon svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    margin: auto;
}
.icon-lg,
.icon-md,
.icon-sm {
    width: var(--baseline-2);
    height: var(--baseline-2);
    max-width: 100%;
    max-height: 100%;
}
.icon-lg,
.icon-md {
    width: var(--baseline-3);
    height: var(--baseline-3);
}
.icon-lg {
    width: var(--baseline-4);
    height: var(--baseline-4);
    padding: 5px;
}
.ctn-icon use {
    stroke-width: 0 !important;
}
.button:not(.default),
.hs-button:not(.default),
button:not(.default) {
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    will-change: transform;
    transform: translateZ(0);
    transition: background-color 0.15s ease-out;
    font-family: var(--button-font);
    font-weight: var(--button-font-weight) !important;
    font-size: var(--button-font-size);
    text-transform: var(--button-text-style);
    letter-spacing: var(--button-letter-spacing);
    border-radius: var(--button-radius);
    border-style: var(--button-border-style);
    border-width: var(--border-unit);
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: var(--button-padding);
    line-height: var(--button-line-height);
    margin: var(--button-margin);
    background-color: var(--button-background-color);
    color: var(--button-color);
    border-color: var(--button-border-color);
}
.button:not(.default).button--small,
.hs-button:not(.default).button--small,
button:not(.default).button--small {
    font-size: var(--button-small-font-size);
    padding: var(--button-small-padding);
    line-height: var(--button-small-line-height);
    margin: var(--button-small-margin);
}
.button:not(.default).button--large,
.hs-button:not(.default).button--large,
button:not(.default).button--large {
    font-size: var(--button-large-font-size);
    padding: var(--button-large-padding);
    line-height: var(--button-large-line-height);
    margin: var(--button-large-margin);
}
.button:not(.default) .icon.stroke .wrap-icon svg use,
.button:not(.default).button--secondary .icon.stroke .wrap-icon svg,
.hs-button:not(.default) .icon.stroke .wrap-icon svg use,
.hs-button:not(.default).button--secondary .icon.stroke .wrap-icon svg,
button:not(.default) .icon.stroke .wrap-icon svg use,
button:not(.default).button--secondary .icon.stroke .wrap-icon svg {
    stroke: var(--button-color);
}
.button:not(.default) .icon.fill .wrap-icon svg use,
.button:not(.default).button--secondary .icon.fill .wrap-icon svg,
.hs-button:not(.default) .icon.fill .wrap-icon svg use,
.hs-button:not(.default).button--secondary .icon.fill .wrap-icon svg,
button:not(.default) .icon.fill .wrap-icon svg use,
button:not(.default).button--secondary .icon.fill .wrap-icon svg {
    fill: var(--button-color);
}
.button:not(.default).label-size,
.hs-button:not(.default).label-size,
button:not(.default).label-size {
    font-size: var(--button-small-font-size);
    padding: var(--label-padding);
    line-height: initial;
    margin: 0;
}
.button:not(.default):hover,
.hs-button:not(.default):hover,
button:not(.default):hover {
    transition: background-color 0.15s ease-in;
    --button-background-color: var(--button-background-color-hover);
    --button-color: var(--button-color-hover);
    --button-border-color: var(--button-border-color-hover);
}
.button:not(.default):focus,
.hs-button:not(.default):focus,
button:not(.default):focus {
    --button-background-color: var(--button-background-color-focus);
    --button-color: var(--button-color-focus);
    --button-border-color: var(--button-border-color-focus);
}
.button:not(.default).active,
.hs-button:not(.default).active,
button:not(.default).active {
    background-color: var(--button-background-color-hover);
    color: var(--button-color-hover);
    border-color: var(--button-border-color-hover);
}
.button:not(.default).active .stroke svg use,
.hs-button:not(.default).active .stroke svg use,
button:not(.default).active .stroke svg use {
    stroke: var(--grey-blue-50) !important;
}
.button:not(.default).disable,
.hs-button:not(.default).disable,
button:not(.default).disable {
    background-color: var(--grey-blue-100);
    border-color: var(--grey-blue-100);
    color: var(--grey-blue-300);
    cursor: no-drop;
}
.button:not(.default).disable .fill svg use,
.hs-button:not(.default).disable .fill svg use,
button:not(.default).disable .fill svg use {
    fill: var(--grey-blue-300) !important;
}
.button:not(.default).disable .stroke svg use,
.hs-button:not(.default).disable .stroke svg use,
button:not(.default).disable .stroke svg use {
    stroke: var(--grey-blue-300) !important;
}
.button:not(.default).button--outline,
.hs-button:not(.default).button--outline,
button:not(.default).button--outline {
    --button-background-color: var(--button-outline-background-color);
    --button-color: var(--button-outline-color);
    --button-border-color: var(--button-outline-border-color);
}
.button:not(.default).button--outline:hover,
.hs-button:not(.default).button--outline:hover,
button:not(.default).button--outline:hover {
    --button-background-color: var(--button-outline-background-color-hover);
    --button-color: var(--button-outline-color-hover);
    --button-border-color: var(--button-outline-border-color-hover);
}
.button:not(.default).button--outline:focus,
.hs-button:not(.default).button--outline:focus,
button:not(.default).button--outline:focus {
    --button-background-color: var(--button-background-color-focus);
    --button-color: var(--button-color-focus);
    --button-border-color: var(--button-border-color-focus);
}
.button:not(.default).button--text,
.hs-button:not(.default).button--text,
button:not(.default).button--text {
    position: relative;
    overflow: hidden;
}
.button:not(.default).button--text.evidence--visible,
.hs-button:not(.default).button--text.evidence--visible,
button:not(.default).button--text.evidence--visible {
    --button-background-color: var(--button-text-primary-background);
    --button-color: var(--button-text-primary-color);
    --button-border-color: var(--button-text-primary-border-color);
}
.button:not(.default).button--text.evidence--visible:hover,
.hs-button:not(.default).button--text.evidence--visible:hover,
button:not(.default).button--text.evidence--visible:hover {
    --button-background-color: var(--button-text-primary-background-hover);
    --button-color: var(--button-text-primary-color-hover);
    --button-border-color: var(--button-text-primary-border-color-hover);
}
.button:not(.default).button--text:not(.evidence--visible),
.hs-button:not(.default).button--text:not(.evidence--visible),
button:not(.default).button--text:not(.evidence--visible) {
    --button-background-color: transparent;
    --button-color: var(--button-text-primary-color);
    --button-border-color: transparent;
}
.button:not(.default).button--text:not(.evidence--visible):hover,
.hs-button:not(.default).button--text:not(.evidence--visible):hover,
button:not(.default).button--text:not(.evidence--visible):hover {
    --button-background-color: var(--button-text-primary-background);
    --button-color: var(--button-text-primary-color-hover);
    --button-border-color: var(--button-text-primary-border-color);
}
.button:not(.default).button--secondary,
.hs-button:not(.default).button--secondary,
button:not(.default).button--secondary {
    --button-background-color: var(--button-secondary-background-color);
    --button-color: var(--button-secondary-color);
    --button-border-color: var(--button-secondary-border-color);
}
.button:not(.default).button--secondary.button--outline:hover,
.button:not(.default).button--secondary:hover,
.hs-button:not(.default).button--secondary.button--outline:hover,
.hs-button:not(.default).button--secondary:hover,
button:not(.default).button--secondary.button--outline:hover,
button:not(.default).button--secondary:hover {
    --button-background-color: var(--button-secondary-background-color-hover);
    --button-color: var(--button-secondary-color-hover);
    --button-border-color: var(--button-secondary-border-color-hover);
}
.button:not(.default).button--secondary.button--outline,
.hs-button:not(.default).button--secondary.button--outline,
button:not(.default).button--secondary.button--outline {
    --button-background-color: transparent;
    --button-color: var(--button-secondary-background-color);
    --button-border-color: var(--button-secondary-border-color);
}
.button:not(.default).button--secondary.button--outline:focus,
.hs-button:not(.default).button--secondary.button--outline:focus,
button:not(.default).button--secondary.button--outline:focus {
    --button-background-color: var(--secondary-dark);
    --button-color: var(--button-secondary-color);
    --button-border-color: var(--button-secondary-border-color-focus);
}
.button:not(.default).button--secondary.button--text,
.hs-button:not(.default).button--secondary.button--text,
button:not(.default).button--secondary.button--text {
    position: relative;
    overflow: hidden;
}
.button:not(.default).button--secondary.button--text.evidence--visible,
.hs-button:not(.default).button--secondary.button--text.evidence--visible,
button:not(.default).button--secondary.button--text.evidence--visible {
    --button-background-color: var(--button-text-secondary-background);
    --button-color: var(--button-text-secondary-color);
    --button-border-color: var(--button-text-secondary-border-color);
}
.button:not(.default).button--secondary.button--text.evidence--visible:hover,
.button:not(.default).button--secondary.button--text:not(.evidence--visible):hover,
.hs-button:not(.default).button--secondary.button--text.evidence--visible:hover,
.hs-button:not(.default).button--secondary.button--text:not(.evidence--visible):hover,
button:not(.default).button--secondary.button--text.evidence--visible:hover,
button:not(.default).button--secondary.button--text:not(.evidence--visible):hover {
    --button-background-color: var(--button-text-secondary-background-hover);
    --button-color: var(--button-text-secondary-color-hover);
    --button-border-color: var(--button-text-secondary-border-color-hover);
}
.button:not(.default).button--secondary.button--text:not(.evidence--visible),
.hs-button:not(.default).button--secondary.button--text:not(.evidence--visible),
button:not(.default).button--secondary.button--text:not(.evidence--visible) {
    --button-background-color: transparent;
    --button-color: var(--button-text-secondary-color);
    --button-border-color: transparent;
}
.button:not(.default).button--icon > span + span,
.hs-button:not(.default).button--icon > span + span,
button:not(.default).button--icon > span + span {
    display: inline-block;
    vertical-align: bottom;
}
.button:not(.default).button--icon span.icon-wrap:last-child,
.hs-button:not(.default).button--icon span.icon-wrap:last-child,
button:not(.default).button--icon span.icon-wrap:last-child {
    margin-left: 3px;
}
.button:not(.default).button--icon span.icon-wrap:first-child,
.hs-button:not(.default).button--icon span.icon-wrap:first-child,
button:not(.default).button--icon span.icon-wrap:first-child {
    margin-right: 5px;
}
.button:not(.default).button--icon svg use,
.hs-button:not(.default).button--icon svg use,
button:not(.default).button--icon svg use {
    stroke-width: 3px !important;
}
.button:not(.default).button--icon .icon-sm,
.hs-button:not(.default).button--icon .icon-sm,
button:not(.default).button--icon .icon-sm {
    height: var(--baseline);
    width: var(--baseline);
    padding: 0;
}
.button:not(.default).button--icon .icon-md,
.hs-button:not(.default).button--icon .icon-md,
button:not(.default).button--icon .icon-md {
    height: calc(var(--baseline-2));
    width: calc(var(--baseline));
    padding: 0;
}
.button:not(.default).button--icon .icon-lg,
.hs-button:not(.default).button--icon .icon-lg,
button:not(.default).button--icon .icon-lg {
    height: calc(var(--baseline-3));
    width: calc(var(--baseline-2));
    padding: 0;
}
.button:not(.default).icon--round,
.hs-button:not(.default).icon--round,
button:not(.default).icon--round {
    border-radius: 100%;
    --button-size: var(--button-line-height);
    padding: calc(var(--baseline) / 2);
    height: calc(var(--button-size) + var(--baseline));
    width: calc(var(--button-size) + var(--baseline));
}
.button:not(.default).icon--round.button--small,
.hs-button:not(.default).icon--round.button--small,
button:not(.default).icon--round.button--small {
    --button-size: var(--button-small-line-height);
}
.button:not(.default).icon--round.button--large,
.hs-button:not(.default).icon--round.button--large,
button:not(.default).icon--round.button--large {
    --button-size: var(--button-large-line-height);
}
.button:not(.default).icon--round > span,
.hs-button:not(.default).icon--round > span,
button:not(.default).icon--round > span {
    margin: 0 auto !important;
}
.button:not(.default).neutralizecolor,
.hs-button:not(.default).neutralizecolor,
button:not(.default).neutralizecolor {
    color: var(--body-color);
}
@media only screen and (max-width: 600px) {
    .button:not(.default).button--mb-100,
    .hs-button:not(.default).button--mb-100,
    button:not(.default).button--mb-100 {
        display: block;
        width: 100%;
    }
}
button.default {
    outline: 0;
    border: 0;
    background: 0;
}
.label:not(.custom) {
    text-decoration: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    background-color: var(--label-default-bg);
    color: var(--label-color);
    border-radius: var(--rounded-small);
    letter-spacing: 0;
    white-space: nowrap;
    opacity: 1 !important;
    padding: var(--label-padding);
    color: #fff;
}
.label:not(.custom):hover {
    color: var(--label-hover-color);
}
.like-a-link,
a {
    color: var(--link);
    text-decoration: none !important;
    transition:
        opacity 0.2s ease-in-out,
        color 0.3s;
    font-weight: 500;
}
.like-a-link.normalizecolor,
a.normalizecolor {
    color: var(--body-color);
}
.center-list > li,
.left-list > li,
.like-a-link.icon,
.right-list > li,
a.icon {
    display: inline-flex;
}
.like-a-link.icon > .icon-cont,
a.icon > .icon-cont {
    padding: 2.5px;
}
.like-a-link.icon > span + span.icon-cont,
.like-a-link.icon > span.icon-cont + span,
a.icon > span + span.icon-cont,
a.icon > span.icon-cont + span {
    margin-left: 5px;
}
.like-a-link:hover,
a:hover {
    opacity: 1;
    text-decoration: underline;
    color: var(--link-hover);
    transition: color 0.3s;
}
.like-a-link.underlined > span:not(.icon-cont),
a.underlined > span:not(.icon-cont) {
    position: relative;
}
.like-a-link.underlined > span:not(.icon-cont):before,
a.underlined > span:not(.icon-cont):before {
    content: "";
    position: absolute;
    bottom: -0.2em;
    left: 0;
    width: 100%;
    height: 2px;
    background-repeat: no-repeat;
    background: teal;
    background-image: linear-gradient(to right, var(--primary-medium-light) 45%, var(--primary-light) 55%);
    background-size: 220% 100%;
    background-position: 100% 50%;
    transition: 0.3s ease-out;
}
.like-a-link.underlined:hover > span:not(.icon-cont):before,
a.underlined:hover > span:not(.icon-cont):before {
    background-position: 0 50%;
}
.like-a-link.h1,
.like-a-link.h2,
.like-a-link.h3,
.like-a-link.h4,
.like-a-link.h5,
a.h1,
a.h2,
a.h3,
a.h4,
a.h5 {
    font-family: var(--font-body-settings) !important;
}
::marker {
    color: var(--primary-600);
}
.center-list,
.left-list,
.right-list {
    padding-top: 0;
    list-style: none;
    padding-left: var(--baseline);
}
.center-list > li:not(:last-child),
.left-list > li:not(:last-child),
.right-list > li:not(:last-child) {
    padding-right: 1rem;
}
.center-list {
    display: flex;
    justify-content: center;
}
.left-list {
    text-align: left;
}
.right-list {
    text-align: right;
}
ol,
ul {
    padding-left: calc(var(--baseline) + 6px);
    margin-top: var(--baseline-2);
}
ol.no-style,
ul.no-style {
    list-style: none;
    padding: 0;
}
.baseline {
    background: linear-gradient(rgba(0, 119, 179, 0.2) 1px, transparent 1px) left top/var(--baseline) var(--baseline);
}
.no-scrollbar {
    box-sizing: border-box;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
    margin-bottom: 0;
    padding-bottom: 0;
    -ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar {
    width: 0;
    display: none;
}
.no-scrollbar::-webkit-scrollbar-track {
    background: 0 0;
}
.no-scrollbar::-webkit-scrollbar-thumb {
    background: 0 0;
    border: 0;
}
.wrapper-mandatory {
    overflow: hidden;
    position: relative;
    flex-grow: 1;
    width: 100%;
    min-width: 1px;
}
.inner-mandatory {
    display: flex;
    scroll-padding-left: 0;
    scroll-snap-type: x mandatory;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    box-sizing: border-box;
    padding: 0;
}
.inner-mandatory .item-mandatory {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex-basis: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
}
.accordions .item .accordion-title:before,
.accordions .item i.icon.open-active,
.hidden {
    display: none;
}
.hide-opacity {
    opacity: 0;
    visibility: hidden;
}
.hiddenover {
    overflow: hidden;
}
.z--1 {
    z-index: 10;
}
.z--2 {
    z-index: 20;
}
.z--3 {
    z-index: 30;
}
.z--4 {
    z-index: 40;
}
.no-select {
    user-select: none;
}
.no-pointer {
    pointer-events: none;
}
.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
}
.no-padding-left {
    padding-left: 0 !important;
}
.no-margin,
form .hs-error-msgs > li {
    margin: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.no-margin-bottom {
    margin-bottom: 0 !important;
}
.no-border {
    border: 0 !important;
}
.relative {
    position: relative;
}
.covering {
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 992px) {
    .covering.static-mobile--top {
        min-height: inherit;
        background-size: contain !important;
        background-position: top;
    }
    .covering.static-mobile--bottom:before,
    .covering.static-mobile--top:before {
        display: none;
    }
    .covering.static-mobile--top > :first-child {
        padding-top: 56%;
    }
    .covering.static-mobile--bottom {
        min-height: inherit;
        background-size: contain !important;
        background-position: bottom;
    }
    .covering.static-mobile--bottom > :first-child {
        padding-bottom: 56%;
    }
}
.fit--cover {
    object-fit: cover;
    object-position: center;
}
.fit--contain {
    object-fit: contain;
}
.fit--width {
    width: 100%;
}
.hfull {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}
.h80 {
    height: 80vh;
}
.h70 {
    height: 70vh;
}
.sticky {
    position: sticky;
    top: var(--sticky-offsetter);
}
.sticky--top-4 {
    top: var(--baseline-4);
}
.sticky--top-5 {
    top: var(--baseline-5);
}
.sticky--top-6 {
    top: var(--baseline-6);
}
.sticky--top-7 {
    top: var(--baseline-7);
}
.sticky--top-8 {
    top: var(--baseline-8);
}
.sticky--top-9 {
    top: var(--baseline-9);
}
.sticky--top-10 {
    top: var(--baseline-10);
}
.sp {
    width: 32px;
    height: 32px;
    clear: both;
    margin: 20px auto;
}
.dropfilter {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.fadeIn,
.fadeOut {
    opacity: 1;
    transition: opacity 400ms;
}
.fadeOut {
    opacity: 0;
}
.sp-circle {
    border: 4px var(--ui-support-color-light) solid;
    border-top: 4px var(--ui-support-color) solid;
    border-radius: 50%;
    -webkit-animation: spCircRot 0.6s infinite linear;
    animation: spCircRot 0.6s infinite linear;
}
.sp-3balls,
.sp-3balls:after,
.sp-3balls:before {
    border-radius: 50%;
    background-color: var(--ui-support-color);
    width: 18px;
    height: 18px;
    transform-origin: center center;
    display: inline-block;
}
.sp-3balls {
    position: relative;
    background-color: rgba(var(--ui-support-color), 1);
    opacity: 1;
    -webkit-animation: spScaleAlpha 1s infinite linear;
    animation: spScaleAlpha 1s infinite linear;
}
.sp-3balls:after,
.sp-3balls:before {
    content: "";
    position: relative;
    opacity: 0.25;
}
.sp-3balls:before {
    left: 30px;
    top: 0;
    -webkit-animation: spScaleAlphaBefore 1s infinite linear;
    animation: spScaleAlphaBefore 1s infinite linear;
}
.sp-3balls:after {
    left: -30px;
    top: -23px;
    -webkit-animation: spScaleAlphaAfter 1s infinite linear;
    animation: spScaleAlphaAfter 1s infinite linear;
}
@media only screen and (min-width: 992px) {
    body {
        --scrollBar: 15px;
    }
}
@media only screen and (max-width: 991px) {
    body {
        --scrollBar: 0px;
    }
}
.z-depth-0 {
    box-shadow: none !important;
}
.z-depth-1 {
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.055),
        0 3px 1px -2px rgba(0, 0, 0, 0.035),
        0 1px 5px 0 rgba(0, 0, 0, 0.02);
}
.z-depth-1-half {
    box-shadow:
        0 3px 3px 0 rgba(0, 0, 0, 0.14),
        0 1px 7px 0 rgba(0, 0, 0, 0.5),
        0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
.z-depth-2 {
    box-shadow:
        0 4px 5px 0 rgba(0, 0, 0, 0.055),
        0 1px 10px 0 rgba(0, 0, 0, 0.035),
        0 2px 4px -1px rgba(0, 0, 0, 0.03);
}
.z-depth-3 {
    box-shadow:
        0 8px 17px 2px rgba(0, 0, 0, 0.055),
        0 3px 14px 2px rgba(0, 0, 0, 0.035),
        0 5px 5px -3px rgba(0, 0, 0, 0.02);
}
.z-depth-4 {
    box-shadow:
        0 16px 24px 2px rgba(0, 0, 0, 0.055),
        0 6px 30px 5px rgba(0, 0, 0, 0.035),
        0 8px 10px -7px rgba(0, 0, 0, 0.02);
}
.z-depth-5 {
    box-shadow:
        0 24px 38px 3px rgba(0, 0, 0, 0.06),
        0 9px 46px 8px rgba(0, 0, 0, 0.05),
        0 11px 15px -7px rgba(0, 0, 0, 0.04);
}
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex > * {
    min-width: 1px;
}
.flex--auto {
    flex: auto !important;
}
.inline-flex {
    display: inline-flex;
}
.wrap {
    flex-wrap: wrap;
}
.nowrap {
    flex-wrap: nowrap !important;
}
.fit--grow {
    flex: 1;
}
.equalize--child {
    flex-wrap: wrap;
}
.equalize--child > * {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
}
.auto--top {
    margin-top: auto;
}
.auto--bottom {
    margin-bottom: auto;
}
.auto--right {
    margin-right: auto;
}
.auto--left {
    margin-left: auto;
}
.fit--parent {
    flex: 1 0 100%;
}
.fit--self {
    flex: 1 0 auto;
}
.dir--column {
    flex-direction: column !important;
}
.dir--row {
    flex-direction: row !important;
}
.grow--1 {
    flex-grow: 1;
}
.grow--2 {
    flex-grow: 2;
}
.grow--3 {
    flex-grow: 3;
}
.grow--4 {
    flex-grow: 4;
}
.grow--5 {
    flex-grow: 5;
}
.o--1 {
    order: 1;
}
.o--2 {
    order: 2;
}
.o--3 {
    order: 3;
}
.o--4 {
    order: 4;
}
.o--5 {
    order: 5;
}
@media only screen and (max-width: 1200px) {
    .om--1 {
        order: 1;
    }
    .om--2,
    .om--3 {
        order: 3;
    }
    .om--4 {
        order: 4;
    }
    .om--5 {
        order: 5;
    }
}
@media only screen and (max-width: 992px) {
    .reverse-mobile {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .reverse-mobile > * {
        order: 1;
    }
    .reverse-mobile > :first-child {
        order: 2;
    }
}
@media only screen and (min-width: 993px) {
    .reverse-desk {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .reverse-desk > * {
        order: 1;
    }
    .reverse-desk > :first-child {
        order: 2;
    }
}
.justify-content-end,
.justify-content-start {
    justify-content: flex-start;
    display: flex !important;
}
.justify-content-end {
    justify-content: flex-end;
}
.justify-content-space-between {
    justify-content: space-between;
    display: flex !important;
}
.justify-content-space-around {
    justify-content: space-around;
    display: flex !important;
}
.justify-content-center {
    justify-content: center;
    display: flex !important;
}
@media only screen and (max-width: 600px) {
    .justify-content-sm-start {
        justify-content: flex-start;
        display: flex !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end;
        display: flex !important;
    }
    .justify-content-sm-space-between {
        justify-content: space-between;
        display: flex !important;
    }
    .justify-content-sm-space-around {
        justify-content: space-around;
        display: flex !important;
    }
    .justify-content-sm-center {
        justify-content: center;
        display: flex !important;
    }
}
@media only screen and (min-width: 601px) {
    .justify-content-md-start {
        justify-content: flex-start;
        display: flex !important;
    }
    .justify-content-md-end {
        justify-content: flex-end;
        display: flex !important;
    }
    .justify-content-md-space-between {
        justify-content: space-between;
        display: flex !important;
    }
    .justify-content-md-space-around {
        justify-content: space-around;
        display: flex !important;
    }
    .justify-content-md-center {
        justify-content: center;
        display: flex !important;
    }
}
@media only screen and (min-width: 993px) {
    .justify-content-lg-start {
        justify-content: flex-start;
        display: flex !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end;
        display: flex !important;
    }
    .justify-content-lg-space-between {
        justify-content: space-between;
        display: flex !important;
    }
    .justify-content-lg-space-around {
        justify-content: space-around;
        display: flex !important;
    }
    .justify-content-lg-center {
        justify-content: center;
        display: flex !important;
    }
}
@media only screen and (min-width: 1201px) {
    .justify-content-xl-start {
        justify-content: flex-start;
        display: flex !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end;
        display: flex !important;
    }
    .justify-content-xl-space-between {
        justify-content: space-between;
        display: flex !important;
    }
    .justify-content-xl-space-around {
        justify-content: space-around;
        display: flex !important;
    }
    .justify-content-xl-center {
        justify-content: center;
        display: flex !important;
    }
}
.align-items-start {
    align-items: flex-start;
    display: flex !important;
}
.align-items-center,
.align-items-end {
    align-items: flex-end;
    display: flex !important;
}
.align-items-center {
    align-items: center;
}
@media only screen and (max-width: 600px) {
    .align-items-sm-end,
    .align-items-sm-start {
        align-items: flex-start;
        display: flex !important;
    }
    .align-items-sm-end {
        align-items: flex-end;
    }
    .align-items-sm-center {
        align-items: center;
        display: flex !important;
    }
}
@media only screen and (min-width: 601px) {
    .align-items-md-end,
    .align-items-md-start {
        align-items: flex-start;
        display: flex !important;
    }
    .align-items-md-end {
        align-items: flex-end;
    }
    .align-items-md-center {
        align-items: center;
        display: flex !important;
    }
}
@media only screen and (min-width: 993px) {
    .align-items-lg-end,
    .align-items-lg-start {
        align-items: flex-start;
        display: flex !important;
    }
    .align-items-lg-end {
        align-items: flex-end;
    }
    .align-items-lg-center {
        align-items: center;
        display: flex !important;
    }
}
@media only screen and (min-width: 1201px) {
    .align-items-xl-end,
    .align-items-xl-start {
        align-items: flex-start;
        display: flex !important;
    }
    .align-items-xl-end {
        align-items: flex-end;
    }
    .align-items-xl-center {
        align-items: center;
        display: flex !important;
    }
}
.align-self-start {
    align-self: flex-start;
    display: flex !important;
}
.align-self-center,
.align-self-end {
    align-self: flex-end;
    display: flex !important;
}
.align-self-center {
    align-self: center;
}
@media only screen and (max-width: 600px) {
    .align-self-sm-start {
        align-self: flex-start;
        display: flex !important;
    }
    .align-self-sm-center,
    .align-self-sm-end {
        align-self: flex-end;
        display: flex !important;
    }
    .align-self-sm-center {
        align-self: center;
    }
}
@media only screen and (min-width: 601px) {
    .align-self-md-start {
        align-self: flex-start;
        display: flex !important;
    }
    .align-self-md-center,
    .align-self-md-end {
        align-self: flex-end;
        display: flex !important;
    }
    .align-self-md-center {
        align-self: center;
    }
}
@media only screen and (min-width: 993px) {
    .align-self-lg-start {
        align-self: flex-start;
        display: flex !important;
    }
    .align-self-lg-center,
    .align-self-lg-end {
        align-self: flex-end;
        display: flex !important;
    }
    .align-self-lg-center {
        align-self: center;
    }
}
@media only screen and (min-width: 1201px) {
    .align-self-xl-start {
        align-self: flex-start;
        display: flex !important;
    }
    .align-self-xl-center,
    .align-self-xl-end {
        align-self: flex-end;
        display: flex !important;
    }
    .align-self-xl-center {
        align-self: center;
    }
}
.align-content-start {
    align-content: flex-start;
    display: flex !important;
}
.align-content-center,
.align-content-end {
    align-content: flex-end;
    display: flex !important;
}
.align-content-center {
    align-content: center;
}
@media only screen and (max-width: 600px) {
    .align-content-sm-end,
    .align-content-sm-start {
        align-content: flex-start;
        display: flex !important;
    }
    .align-content-sm-end {
        align-content: flex-end;
    }
    .align-content-sm-center {
        align-content: center;
        display: flex !important;
    }
}
@media only screen and (min-width: 601px) {
    .align-content-md-end,
    .align-content-md-start {
        align-content: flex-start;
        display: flex !important;
    }
    .align-content-md-end {
        align-content: flex-end;
    }
    .align-content-md-center {
        align-content: center;
        display: flex !important;
    }
}
@media only screen and (min-width: 993px) {
    .align-content-lg-end,
    .align-content-lg-start {
        align-content: flex-start;
        display: flex !important;
    }
    .align-content-lg-end {
        align-content: flex-end;
    }
    .align-content-lg-center {
        align-content: center;
        display: flex !important;
    }
}
@media only screen and (min-width: 1201px) {
    .align-content-xl-end,
    .align-content-xl-start {
        align-content: flex-start;
        display: flex !important;
    }
    .align-content-xl-end {
        align-content: flex-end;
    }
    .align-content-xl-center {
        align-content: center;
        display: flex !important;
    }
}
.flex-direction-column {
    flex-direction: column;
    display: flex !important;
}
.flex-direction-column-reverse {
    flex-direction: column-reverse;
    display: flex !important;
}
.flex-direction-row-reverse {
    flex-direction: row-reverse;
    display: flex !important;
}
@media only screen and (max-width: 600px) {
    .flex-direction-sm-column {
        flex-direction: column;
        display: flex !important;
    }
    .flex-direction-sm-column-reverse {
        flex-direction: column-reverse;
        display: flex !important;
    }
    .flex-direction-sm-row-reverse {
        flex-direction: row-reverse;
        display: flex !important;
    }
}
@media only screen and (min-width: 601px) {
    .flex-direction-md-column {
        flex-direction: column;
        display: flex !important;
    }
    .flex-direction-md-column-reverse {
        flex-direction: column-reverse;
        display: flex !important;
    }
    .flex-direction-md-row-reverse {
        flex-direction: row-reverse;
        display: flex !important;
    }
}
@media only screen and (min-width: 993px) {
    .flex-direction-lg-column {
        flex-direction: column;
        display: flex !important;
    }
    .flex-direction-lg-column-reverse {
        flex-direction: column-reverse;
        display: flex !important;
    }
    .flex-direction-lg-row-reverse {
        flex-direction: row-reverse;
        display: flex !important;
    }
}
@media only screen and (min-width: 1201px) {
    .flex-direction-xl-column {
        flex-direction: column;
        display: flex !important;
    }
    .flex-direction-xl-column-reverse {
        flex-direction: column-reverse;
        display: flex !important;
    }
    .flex-direction-xl-row-reverse {
        flex-direction: row-reverse;
        display: flex !important;
    }
}
.justify-content-middle {
    display: flex;
    justify-content: center;
}
.justify-content-left {
    display: flex;
    justify-content: left;
}
.justify-content-right {
    display: flex;
    justify-content: right;
}
.align-items-top {
    display: flex;
    align-items: flex-start;
}
.align-items-middle {
    display: flex;
    align-items: center;
}
.align-items-bottom {
    display: flex;
    align-items: flex-end;
}
.align-self-middle {
    align-self: center;
}
.align-self-top {
    align-self: flex-start;
}
.align-self-bottom {
    align-self: flex-end;
}
.justify-self-right {
    justify-self: flex-end;
}
.justify-self-left {
    justify-self: flex-start;
}
.justify-self-center,
.justify-self-middle {
    justify-self: center;
}
.align-input.left-align-input form .hs_submit .actions,
.align-text-left {
    text-align: left;
}
.align-input.center-align-input form .hs_submit .actions,
.align-text-center {
    text-align: center;
}
.align-input.right-align-input form .hs_submit .actions,
.align-text-right {
    text-align: right;
}
::-webkit-input-placeholder {
    color: var(--placeholder-color);
    font-weight: 300 !important;
    font-size: 0.9rem;
}
::-moz-placeholder {
    color: var(--placeholder-color);
    font-weight: 300 !important;
    font-size: 0.9rem;
}
:-ms-input-placeholder {
    color: var(--placeholder-color);
    font-weight: 300 !important;
    font-size: 0.9rem;
}
:-moz-placeholder {
    color: var(--placeholder-color);
    font-weight: 300 !important;
    font-size: 0.9rem;
}
label {
    font-size: var(--s1);
    color: var(--label-form-color);
    font-weight: var(--label-form-weight);
}
.loading-form {
    width: 100%;
    min-height: 300px;
    position: relative;
}
.loading-form .wrap-sp {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
}
.legal-consent-container label {
    font-size: 14px;
}
.legal-consent-container label span {
    line-height: inherit;
}
.legal-consent-container label span p {
    vertical-align: top;
    list-style: inherit;
    font-weight: 400;
}
.legal-consent-container .field.hs-form-field,
form .hs-input.error {
    margin-bottom: 0 !important;
}
.legal-consent-container .hs-form-booleancheckbox-display p {
    vertical-align: middle !important;
}
#nav-slide-panel .header-panel button,
figure,
form,
form .legal-consent-container ul li {
    margin: 0;
}
form div:not(.legal-consent-container) label.hs-error-msg {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: var(--baseline);
}
form div:not(.legal-consent-container) ul.hs-error-msgs {
    margin-top: 0 !important;
}
form ul {
    vertical-align: bottom;
    list-style: none;
    padding: 0;
    margin-top: var(--baseline);
    margin-bottom: var(--baseline);
}
form fieldset.form-columns-3 > div {
    width: 33.3333%;
}
form fieldset {
    max-width: inherit !important;
}
form input:not(input[type="submit"]):not(input[type="file"]):not(input[type="checkbox"]) {
    width: 100% !important;
}
form .hs_submit {
    margin-top: var(--baseline-2);
}
form .hs_submit input {
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}
form ul li {
    margin-bottom: var(--baseline);
}
form .legal-consent-container .hs-richtext,
form .legal-consent-container p {
    font-size: 12px;
    line-height: initial;
}
form .legal-consent-container ul {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    padding-bottom: var(--baseline);
}
form .legal-consent-container ul li span {
    margin-left: 0 !important;
}
form .hs-error-msgs {
    font-size: 0.8rem;
}
form .hs-error-msgs > li label {
    color: var(--input-error-color) !important;
}
form label.hs-error-msg {
    color: var(--input-error-color);
}
form textarea {
    min-height: 115px;
    width: 100% !important;
}
form .legal-consent-container > div:first-child ul {
    margin-top: var(--baseline-1);
    margin-bottom: 0;
}
@media only screen and (max-width: 468px) {
    fieldset .input {
        margin-right: 0 !important;
    }
    fieldset .input select {
        width: 100% !important;
    }
}
input:not([type]),
input[type="date"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="search"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="text"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="url"]:not(.browser-default),
textarea {
    padding: var(--input-padding);
    margin: var(--input-margin);
    text-transform: inherit;
    border: 0;
    outline: 0;
    width: 100%;
    box-shadow: none;
    transition:
        box-shadow 0.08s ease-in-out,
        border 0.08s ease-in-out;
    border: var(--input-border);
    border-bottom: var(--input-border-bottom);
    border-color: var(--input-border-color);
    background-color: var(--input-background-color);
    text-align: left;
    color: var(--input-color);
    border-radius: var(--rounded-input);
    display: block;
    line-height: var(--button-line-height);
}
input:not([type]):disabled,
input:not([type])[readonly="readonly"],
input[type="date"]:not(.browser-default):disabled,
input[type="date"]:not(.browser-default)[readonly="readonly"],
input[type="datetime-local"]:not(.browser-default):disabled,
input[type="datetime-local"]:not(.browser-default)[readonly="readonly"],
input[type="datetime"]:not(.browser-default):disabled,
input[type="datetime"]:not(.browser-default)[readonly="readonly"],
input[type="email"]:not(.browser-default):disabled,
input[type="email"]:not(.browser-default)[readonly="readonly"],
input[type="number"]:not(.browser-default):disabled,
input[type="number"]:not(.browser-default)[readonly="readonly"],
input[type="password"]:not(.browser-default):disabled,
input[type="password"]:not(.browser-default)[readonly="readonly"],
input[type="search"]:not(.browser-default):disabled,
input[type="search"]:not(.browser-default)[readonly="readonly"],
input[type="tel"]:not(.browser-default):disabled,
input[type="tel"]:not(.browser-default)[readonly="readonly"],
input[type="text"]:not(.browser-default):disabled,
input[type="text"]:not(.browser-default)[readonly="readonly"],
input[type="time"]:not(.browser-default):disabled,
input[type="time"]:not(.browser-default)[readonly="readonly"],
input[type="url"]:not(.browser-default):disabled,
input[type="url"]:not(.browser-default)[readonly="readonly"],
textarea:disabled,
textarea[readonly="readonly"] {
    color: var(--input-disabled-color);
    border: var(--input-border);
    border-bottom: var(--input-border-bottom);
}
input:not([type]):disabled + label,
input:not([type])[readonly="readonly"] + label,
input[type="date"]:not(.browser-default):disabled + label,
input[type="date"]:not(.browser-default)[readonly="readonly"] + label,
input[type="datetime-local"]:not(.browser-default):disabled + label,
input[type="datetime-local"]:not(.browser-default)[readonly="readonly"] + label,
input[type="datetime"]:not(.browser-default):disabled + label,
input[type="datetime"]:not(.browser-default)[readonly="readonly"] + label,
input[type="email"]:not(.browser-default):disabled + label,
input[type="email"]:not(.browser-default)[readonly="readonly"] + label,
input[type="number"]:not(.browser-default):disabled + label,
input[type="number"]:not(.browser-default)[readonly="readonly"] + label,
input[type="password"]:not(.browser-default):disabled + label,
input[type="password"]:not(.browser-default)[readonly="readonly"] + label,
input[type="search"]:not(.browser-default):disabled + label,
input[type="search"]:not(.browser-default)[readonly="readonly"] + label,
input[type="tel"]:not(.browser-default):disabled + label,
input[type="tel"]:not(.browser-default)[readonly="readonly"] + label,
input[type="text"]:not(.browser-default):disabled + label,
input[type="text"]:not(.browser-default)[readonly="readonly"] + label,
input[type="time"]:not(.browser-default):disabled + label,
input[type="time"]:not(.browser-default)[readonly="readonly"] + label,
input[type="url"]:not(.browser-default):disabled + label,
input[type="url"]:not(.browser-default)[readonly="readonly"] + label,
textarea:disabled + label,
textarea[readonly="readonly"] + label {
    color: var(--input-disabled-color);
}
input:not([type]):hover:not([readonly]),
input[type="date"]:not(.browser-default):hover:not([readonly]),
input[type="datetime-local"]:not(.browser-default):hover:not([readonly]),
input[type="datetime"]:not(.browser-default):hover:not([readonly]),
input[type="email"]:not(.browser-default):hover:not([readonly]),
input[type="number"]:not(.browser-default):hover:not([readonly]),
input[type="password"]:not(.browser-default):hover:not([readonly]),
input[type="search"]:not(.browser-default):hover:not([readonly]),
input[type="tel"]:not(.browser-default):hover:not([readonly]),
input[type="text"]:not(.browser-default):hover:not([readonly]),
input[type="time"]:not(.browser-default):hover:not([readonly]),
input[type="url"]:not(.browser-default):hover:not([readonly]),
textarea:hover:not([readonly]) {
    border-color: var(--input-border-color-hover);
    color: var(--input-color-hover);
}
input:not([type]):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
textarea:focus:not([readonly]) {
    border-color: var(--input-border-color-focus);
    color: var(--input-color-focus);
}
input:not([type]):focus:not([readonly]) + label,
input[type="date"]:not(.browser-default):focus:not([readonly]) + label,
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label,
input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label,
input[type="email"]:not(.browser-default):focus:not([readonly]) + label,
input[type="number"]:not(.browser-default):focus:not([readonly]) + label,
input[type="password"]:not(.browser-default):focus:not([readonly]) + label,
input[type="search"]:not(.browser-default):focus:not([readonly]) + label,
input[type="tel"]:not(.browser-default):focus:not([readonly]) + label,
input[type="text"]:not(.browser-default):focus:not([readonly]) + label,
input[type="time"]:not(.browser-default):focus:not([readonly]) + label,
input[type="url"]:not(.browser-default):focus:not([readonly]) + label,
textarea:focus:not([readonly]) + label {
    color: var(--input-color-focus);
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--input-color);
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.0039215686) inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}
textarea {
    border-radius: 1.5rem !important;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked),
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
[type="radio"]:checked + span,
[type="radio"]:not(:checked) + span {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    display: inline-block;
    transition: 0.28s ease;
    user-select: none;
}
[type="radio"] + span:after,
[type="radio"] + span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    z-index: 0;
    transition: 0.28s ease;
}
[type="radio"].with-gap:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"]:checked + span:after,
[type="radio"]:checked + span:before,
[type="radio"]:not(:checked) + span:after,
[type="radio"]:not(:checked) + span:before {
    border-radius: 50%;
}
[type="radio"]:not(:checked) + span:after,
[type="radio"]:not(:checked) + span:before {
    border: 2px solid var(--radio-empty-color);
}
[type="radio"]:not(:checked) + span:after {
    transform: scale(0);
}
[type="radio"]:checked + span:before {
    border: 2px solid transparent;
}
[type="radio"].with-gap:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"]:checked + span:after {
    border: var(--radio-border);
}
[type="radio"].with-gap:checked + span:after,
[type="radio"]:checked + span:after {
    background-color: var(--radio-fill-color);
}
[type="radio"].with-gap:checked + span:after {
    transform: scale(0.5);
}
[type="radio"].tabbed:focus + span:before {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}
[type="radio"].with-gap:disabled:checked + span:before {
    border: 2px solid var(--input-disabled-color);
}
[type="radio"].with-gap:disabled:checked + span:after {
    border: 0;
    background-color: var(--input-disabled-color);
}
[type="radio"]:disabled:checked + span:before,
[type="radio"]:disabled:not(:checked) + span:before {
    background-color: transparent;
    border-color: var(--input-disabled-color);
}
[type="radio"]:disabled + span,
select:disabled {
    color: var(--input-disabled-color);
}
[type="radio"]:disabled:not(:checked) + span:before {
    border-color: var(--input-disabled-color);
}
[type="radio"]:disabled:checked + span:after {
    background-color: var(--input-disabled-color);
    border-color: var(--input-disabled-solid-color);
}
.checkbox-row input[type="checkbox"] {
    width: 30px;
    height: 30px;
    z-index: 2;
    pointer-events: visible !important;
    cursor: pointer;
}
.checkbox-row [type="checkbox"] + span:not(.lever),
.checkbox-row label > span:not(.lever) {
    cursor: default !important;
}
[type="checkbox"] + label > span:not(.lever),
[type="checkbox"] + span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    user-select: none;
}
[type="checkbox"] + label > span:not(.lever):before,
[type="checkbox"] + span:not(.lever):before,
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    content: "";
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid var(--radio-empty-color);
    border-radius: 1px;
    margin-top: calc(var(--baseline) / 3);
    transition: 0.2s;
}
[type="checkbox"]:not(.filled-in) + label > span:not(.lever):after,
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 0;
    transform: scale(0);
}
[type="checkbox"]:not(:checked):disabled + label > span:not(.lever):before,
[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
    border: 0;
    background-color: var(--input-disabled-color);
}
[type="checkbox"].tabbed:focus + label > span:not(.lever):after,
[type="checkbox"].tabbed:focus + span:not(.lever):after {
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}
[type="checkbox"]:checked + label > span:not(.lever):before,
[type="checkbox"]:checked + span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid var(--radio-border);
    border-bottom: 2px solid var(--radio-border);
    transform: rotate(40deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%;
}
[type="checkbox"]:checked + label > span:before,
[type="checkbox"]:checked:disabled + span:before {
    border-right: 2px solid var(--input-disabled-color);
    border-bottom: 2px solid var(--input-disabled-color);
}
[type="checkbox"]:indeterminate + label > span:not(.lever):before,
[type="checkbox"]:indeterminate + span:not(.lever):before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid var(--radio-border);
    border-bottom: none;
    transform: rotate(90deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%;
}
[type="checkbox"]:indeterminate:disabled + label > span:not(.lever),
[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
    border-right: 2px solid var(--input-disabled-color);
    background-color: transparent;
}
[type="checkbox"].filled-in + label > span:not(.lever):after,
[type="checkbox"].filled-in + span:not(.lever):after {
    border-radius: 2px;
}
[type="checkbox"].filled-in + label > span:not(.lever):after,
[type="checkbox"].filled-in + label > span:not(.lever):before,
[type="checkbox"].filled-in + span:not(.lever):after,
[type="checkbox"].filled-in + span:not(.lever):before {
    content: "";
    left: 0;
    position: absolute;
    transition:
        border 0.25s,
        background-color 0.25s,
        width 0.2s 0.1s,
        height 0.2s 0.1s,
        top 0.2s 0.1s,
        left 0.2s 0.1s;
    z-index: 1;
}
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
    width: 0;
    height: 0;
    top: 10px;
}
[type="checkbox"].filled-in:not(:checked) + label > span:not(.lever):after,
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
    border: 3px solid transparent;
    left: 6px;
    transform: rotateZ(37deg);
    transform-origin: 100% 100%;
}
[type="checkbox"].filled-in:not(:checked) + label > span:not(.lever):after,
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid var(--radio-empty-color);
    top: 0;
    z-index: 0;
}
[type="checkbox"].filled-in:checked + label > span:not(.lever):before,
[type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid var(--checkbox-flag-color);
    border-bottom: 2px solid var(--checkbox-flag-color);
    transform: rotateZ(37deg);
    transform-origin: 100% 100%;
}
[type="checkbox"].filled-in:checked + span:not(.lever):after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--input-border-color);
    background-color: var(--input-background);
    z-index: 0;
}
[type="checkbox"].filled-in.tabbed:focus + label > span:not(.lever),
[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
    border-radius: 2px;
    border-color: var(--radio-empty-color);
    background-color: rgba(0, 0, 0, 0.1);
}
[type="checkbox"].filled-in.tabbed:checked:focus + label > span:not(.lever),
[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
    border-radius: 2px;
    background-color: var(--input-background);
    border-color: var(--input-border-color);
}
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
    background-color: transparent;
    border: 2px solid transparent;
}
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
    border-color: transparent;
    background-color: var(--input-disabled-solid-color);
}
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
    background-color: transparent;
}
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
    background-color: var(--input-disabled-solid-color);
    border-color: var(--input-disabled-solid-color);
}
.switch,
.switch * {
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}
.hs-fieldtype-file span,
.switch label {
    cursor: pointer;
}
.switch label input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch label input[type="checkbox"]:checked + .lever {
    background-color: var(--switch-checked-lever-bg);
}
.switch label input[type="checkbox"]:checked + .lever:after,
.switch label input[type="checkbox"]:checked + .lever:before {
    left: 18px;
}
.switch label input[type="checkbox"]:checked + .lever:after {
    background-color: var(--switch-bg-color);
}
.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 36px;
    height: 14px;
    background-color: var(--switch-unchecked-lever-bg);
    border-radius: var(--switch-radius);
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 16px;
}
.switch label .lever:after,
.switch label .lever:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 0;
    top: -3px;
    transition:
        left 0.3s ease,
        background 0.3s ease,
        box-shadow 0.1s ease,
        transform 0.1s ease;
}
.switch label .lever:before {
    background-color: var(--switch-bg-color);
    transform: scale(0.9);
}
.switch label .lever:after {
    background-color: var(--switch-unchecked-bg);
    box-shadow:
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
input[type="checkbox"]:checked:not(:disabled).tabbed:focus ~ .lever::before,
input[type="checkbox"]:checked:not(:disabled) ~ .lever:active::before {
    transform: scale(2.4);
    background-color: var(--switch-bg-color);
}
input[type="checkbox"]:not(:disabled).tabbed:focus ~ .lever::before,
input[type="checkbox"]:not(:disabled) ~ .lever:active:before {
    transform: scale(2.4);
    background-color: rgba(0, 0, 0, 0.08);
}
.switch input[type="checkbox"][disabled] + .lever {
    cursor: default;
    background-color: rgba(0, 0, 0, 0.12);
}
.switch label input[type="checkbox"][disabled] + .lever:after,
.switch label input[type="checkbox"][disabled]:checked + .lever:after {
    background-color: var(--input-disabled-solid-color);
}
select {
    background-color: var(--select-background);
    width: 100%;
    box-shadow: none;
    transition:
        box-shadow 0.08s ease-in-out,
        border 0.08s ease-in-out;
    text-align: left;
    color: var(--grey-300);
    border: var(--input-border);
    border-bottom: var(--input-border-bottom);
    border-color: var(--input-border-color);
    border-radius: var(--rounded-input);
    line-height: var(--button-line-height);
    padding: var(--input-padding);
    margin: var(--input-margin);
    height: var(--select-height);
}
.select-label {
    position: absolute;
}
.hs-fieldtype-file,
.searchbar,
.select-wrapper,
html.panels--open body .body-wrapper,
ul.level-0 li.has-submenu {
    position: relative;
}
.select-wrapper.invalid + label,
.select-wrapper.valid + label {
    width: 100%;
    pointer-events: none;
}
.select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-bottom: var(--input-border);
    outline: 0;
    width: 100%;
    margin: var(--input-margin);
    padding: 0;
    display: block;
    user-select: none;
    z-index: 1;
}
.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid var(--input-focus-color);
}
.select-wrapper .caret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 0;
    fill: rgba(0, 0, 0, 0.87);
}
.select-wrapper + label {
    position: absolute;
    top: -26px;
    font-size: var(--label-font-size);
}
.select-wrapper.disabled + label {
    color: var(--input-disabled-color);
}
.select-wrapper.disabled .caret {
    fill: var(--input-disabled-color);
}
.select-wrapper input.select-dropdown:disabled {
    color: var(--input-disabled-color);
    cursor: default;
    user-select: none;
}
.select-wrapper i {
    color: var(--select-disabled-color);
}
.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
    color: var(--select-disabled-color);
    background-color: transparent;
}
body.keyboard-focused .select-dropdown.dropdown-content li:focus {
    background-color: var(--select-option-focus);
}
.select-dropdown.dropdown-content li:hover {
    background-color: var(--select-option-hover);
}
.select-dropdown.dropdown-content li.selected {
    background-color: var(--select-option-selected);
}
.prefix ~ .select-wrapper {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
}
.prefix ~ label {
    margin-left: 3rem;
}
.select-dropdown li.optgroup.selected > span {
    color: rgba(0, 0, 0, 0.7);
}
.select-dropdown li.optgroup > span {
    color: rgba(0, 0, 0, 0.4);
}
.select-dropdown li.optgroup ~ li.optgroup-option {
    padding-left: 1rem;
}
.hs-fieldtype-file label {
    width: 100%;
    display: block;
}
.hs-fieldtype-file .input {
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    outline: 0;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.4px;
    white-space: nowrap;
    will-change: transform;
    transform: translateZ(0);
    width: 100%;
}
.hs-fieldtype-file .input:before {
    content: "FILE";
    color: #0d0068;
    font-weight: 700;
    width: 100%;
}
.hs-fieldtype-file input.file-path {
    width: 100%;
}
.hs-fieldtype-file .btn {
    float: left;
}
.hs-fieldtype-file input[type="file"] {
    border: 0;
    position: absolute;
    left: 2rem;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%);
}
.searchbar .hs-search-field__input {
    margin: 0 !important;
}
.search-input.search-input {
    position: absolute;
    max-width: calc(var(--baseline-2) + 5px);
    max-height: calc(var(--baseline-2) + 5px);
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    padding: 5px;
}
.sticky-sidenav {
    width: calc(100% - 5px);
    max-width: 100%;
}
.list-style-line li {
    font-size: var(--s1);
}
.list-style-line li:not(:first-child) {
    border-left: 2px solid var(--grey-blue-200);
    padding-left: 1rem;
}
.list-style-line li.active {
    padding-left: 1rem;
    border-left: 2px solid var(--ui-support-color);
}
#nav-slide-panel,
html.nav--open body {
    position: fixed;
    left: 0;
    height: 100%;
    width: 100%;
}
html.nav--open body {
    overflow-y: scroll;
}
#nav-slide-panel {
    transform: translateX(0);
    top: 0;
    z-index: 15;
    will-change: transform;
}
#nav-slide-panel[data-active-panel="main"] button[data-trigger-panel="back"],
.accordions .item button.icon--minus {
    display: none !important;
}
#nav-slide-panel .slide-panel-wrapper {
    width: 35rem;
    background-color: #fff;
    position: relative;
    height: 100%;
}
#nav-slide-panel .slide-panel-wrapper.open-sub:before {
    content: "";
    position: absolute;
    width: 25rem;
    background-color: var(--grey-blue-50);
    height: 100%;
    left: 100%;
}
#nav-slide-panel .header-panel {
    position: absolute;
    top: 0;
    left: 0;
    height: var(--baseline-8);
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid var(--grey-blue-100);
    z-index: 10;
}
#nav-slide-panel .header-panel .logo img {
    width: 140px;
}
#nav-slide-panel .nav-bg-panel {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    background-color: var(--primary-light);
    opacity: 0;
}
#nav-slide-panel .wrap-panel .wrapper-inner:not(.main-panel .wrapper-inner),
#nav-slide-panel .wrapper-inner:not(.main-panel .wrapper-inner) {
    display: flex;
}
#nav-slide-panel .wrap-panel {
    z-index: 5;
    position: relative;
    height: 100%;
}
#nav-slide-panel .wrap-panel .panels-nav {
    height: 100%;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--body-bg);
}
#nav-slide-panel .wrap-panel .panels-nav--active {
    z-index: 20;
    display: block;
}
#nav-slide-panel .wrap-panel .panels-nav:not(.main-panel) .wrapper-inner > ul {
    margin: 0;
    margin-left: var(--baseline-3);
    flex: 1 0 auto;
}
#nav-slide-panel .wrap-panel .panels-nav:not(.main-panel) .wrapper-inner > ul li a {
    padding: var(--baseline) 0;
    display: block;
    line-height: var(--baseline-2);
}
#nav-slide-panel .wrap-panel .panels-nav:not(.main-panel) .wrapper-inner > ul li.active a,
#nav-slide-panel .wrap-panel .panels-nav:not(.main-panel) .wrapper-inner > ul li:hover a {
    opacity: 1 !important;
    transition: 0.2s;
}
#nav-slide-panel .wrap-panel .panels-nav:not(.main-panel) .wrapper-inner > ul li.active > a {
    font-weight: 700;
}
#nav-slide-panel .wrap-panel .sub-panel {
    top: 0;
    background-color: var(--grey-blue-50);
    padding-top: var(--baseline-10);
    position: absolute;
    height: 100%;
    width: 25rem;
    left: 100%;
    display: none;
    transform: translateX(-100%);
    z-index: -1;
    overflow-y: auto;
}
#nav-slide-panel .wrap-panel .sub-panel ul li a {
    padding: 0 !important;
    margin-bottom: var(--baseline);
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
    .slide-panel-wrapper,
    .sub-panel {
        width: 90% !important;
    }
}
@media only screen and (max-width: 992px) {
    .wrap-panel .sub-panel {
        left: 0 !important;
        transform: none !important;
        z-index: 3 !important;
        margin-left: 245px;
        width: calc(100% - 245px) !important;
    }
    #nav-slide-panel .slide-panel-wrapper.open-sub:before {
        display: none;
    }
    #nav-slide-panel .header-panel {
        border-bottom: 1px solid #ededed;
        background-color: #fff;
    }
}
@media only screen and (max-width: 600px) {
    .wrap-panel .panels-nav .wrapper-inner > ul {
        margin-left: 0 !important;
    }
    .back-side {
        display: none;
    }
    .slide-panel-wrapper,
    .wrap-panel .sub-panel {
        width: 100% !important;
        margin-left: 0;
    }
    #nav-slide-panel[data-active-nav="main"] .logo {
        display: block !important;
    }
    #nav-slide-panel[data-active-nav="main"] .header-panel button[data-trigger-panel="back"].show-on-small {
        display: none !important;
        background-color: teal;
    }
}
ul.level-0 > li {
    padding-right: calc(var(--baseline) / 2) !important;
}
ul.level-0 > li > a {
    padding: calc(var(--baseline) / 2) 10px;
}
ul.level-0 li.has-submenu a:not(.no-icon-drop) {
    justify-content: space-between;
}
ul.level-0 li.has-submenu a:not(.no-icon-drop) .icon-cont {
    max-width: 12px;
    max-height: 12px;
    margin-left: 4px;
    display: inline-block;
}
ul.level-0 li.has-submenu a:not(.no-icon-drop) .icon-cont use {
    stroke-width: 3px;
}
ul.level-0 li.has-submenu a + ul {
    margin: 0;
    pointer-events: auto;
    position: absolute;
    left: 0;
    border: 1px solid var(--border-line-color);
    z-index: var(--z-20);
    min-width: 300px;
    padding: 0;
    visibility: hidden;
    top: 0;
    background-color: var(--body-bg);
    border-radius: calc(var(--radius-val) / 1.5);
}
ul.level-0 li.has-submenu a + ul.level-1 {
    margin-top: calc(var(--baseline-3));
}
ul.level-0 li.has-submenu a + ul:not(.level-1) {
    left: 100%;
}
ul.level-0 li.has-submenu a + ul li a {
    padding: var(--baseline) var(--baseline-2);
    display: block;
}
ul.level-0 li.has-submenu a + ul li:first-child > a {
    padding-top: var(--baseline-2);
}
ul.level-0 li.has-submenu a + ul li:last-child > a {
    padding-bottom: var(--baseline-2);
}
ul.level-0 li.has-submenu a + ul li:hover > ul {
    display: block;
    visibility: visible;
}
.accordions .item {
    margin: 0;
    border: 0;
    position: relative;
}
.accordions .item > .trigger-accordion {
    display: block;
    padding-top: var(--baseline-2);
    padding-bottom: var(--baseline-2);
    margin: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media only screen and (min-width: 601px) {
    .accordions .item > .trigger-accordion.mobile-trigger,
    .accordions .item > .trigger-accordion.mobile-trigger[data-style="borderline"] {
        cursor: default;
        border: 0;
    }
    .accordions .item > .trigger-accordion.mobile-trigger button,
    .accordions .item > .trigger-accordion.mobile-trigger[data-style="borderline"] button {
        display: none !important;
    }
    .accordions .item > .trigger-accordion.mobile-trigger + .accordion-content {
        height: auto !important;
        overflow: hidden;
    }
}
.accordions .item > .trigger-accordion > span {
    pointer-events: none;
}
.accordions .item > .trigger-accordion[data-style="borderline"] {
    border: 0;
    border-bottom: 1px solid var(--border-line-color);
}
.accordions .item.reverse-border {
    border: 0;
    border-top: 1px solid var(--border-line-color);
}
.accordions .item.reverse-border:first-child {
    border: 0;
}
.accordions .item .accordion-content {
    border: 0;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    overflow: hidden;
}
.accordions .item .accordion-content > div {
    padding: var(--baseline) 0;
}
.accordions .item:not(.active) .accordion-content {
    height: 0;
    overflow: hidden;
}
.accordions .item i {
    padding-right: 0;
    display: flex;
    align-self: stretch;
}
.accordions .item i img {
    width: 1.5rem;
    height: 1.5rem;
}
.accordions .item--size-1 > a {
    padding-top: var(--baseline);
    padding-bottom: var(--baseline);
}
.accordions .item--size-1 i img {
    width: 1rem;
    height: 1rem;
}
.accordions .item.active button.icon--plus {
    display: none !important;
}
.accordions .item.active button.icon--minus {
    display: block !important;
}
.accordions .item:last-child {
    border-bottom: none;
}
body {
    top: var(--offset);
    background-color: var(--body-bg);
    position: relative;
}
html.modal--open body,
html.panels--open body {
    height: 100%;
    position: fixed;
    width: 100%;
    left: 0;
    overflow-y: hidden;
}
html.panels--open body .layer-background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: calc(var(--z-40) + 1);
    width: 100%;
    height: 100%;
    transition: all 0.3s linear;
    backdrop-filter: saturate(110%) blur(2px);
}
.panel {
    position: fixed;
    width: 100%;
    max-width: 500px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: var(--z-50) !important;
    will-change: transform;
}
.panel.side-left {
    right: inherit;
    left: 0;
}
.panel .panel-header button[data-back="panel"],
body[data-system-page="membership-login"] aside.before-header,
body[data-system-page="password-prompt-page"] aside.before-header {
    display: none;
}
.panel.has_prev_panel .panel-header button[data-back="panel"] {
    display: block;
}
.panel .panel-inner-wrap {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding-top: 0;
    background-color: var(--content-default-bg);
}
.panel-header {
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 10;
}
.panel-header > button:last-child {
    margin-left: auto;
}
#hmb,
html.modal--open body .body-wrapper {
    position: relative;
}
html.modal--open body .layer-background-overlay {
    background-color: var(--primary);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-20);
    opacity: 0.2;
    width: 100%;
    height: 100%;
    transition: background-color 0.3s linear;
}
.modals-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: var(--z-50);
    visibility: hidden;
}
.modals-wrapper .inner-wrapper {
    height: 100%;
}
.modals-wrapper .inner-wrapper .wrap-overflow {
    padding: var(--baseline-2);
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding-bottom: var(--baseline-2);
}
.modals-wrapper.modal-full-screen > .modal-inner-wrap {
    padding-top: 0;
}
.modal .wrapper-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.modal-content {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    position: relative;
    background-color: var(--content-default-bg);
}
.modal-content .modal-header {
    padding: var(--baseline);
}
.modal-content .modal-header > div {
    display: flex;
    justify-content: flex-end;
}
.modal-content .modal-header [data-close="modal"] {
    align-self: flex-end;
}
#hmb {
    width: 45px;
    z-index: 10;
}
#hmb button {
    display: block;
    cursor: pointer;
    width: var(--baseline-6);
    border: 0;
    background: 0 0;
    margin: 0 0 0 auto;
    height: var(--baseline-3);
    padding: calc(var(--baseline) / 2);
    outline: 0;
}
#hmb button span,
#hmb button span:after,
#hmb button span:before {
    position: relative;
    display: block;
    width: 100%;
    height: 3px;
    background: var(--ui-support-color);
    transition: all 0.35s ease-in-out;
    border-radius: 0.6px;
}
#hmb button span:after,
#hmb button span:before {
    position: absolute;
    content: "";
    left: 0;
}
#hmb button span:before {
    top: -6px;
}
#hmb button span:after {
    top: 6px;
}
#hmb.active button span {
    background-color: transparent;
}
#hmb.active button span:after,
#hmb.active button span:before {
    transform: rotate(45deg) translate(4px, 5px);
    background-color: var(--grey-300);
}
#hmb.active button span:after {
    transform: rotate(-45deg) translate(4px, -5px);
}
#hmb.active.negative button span:after,
#hmb.active.negative button span:before {
    background: #fff;
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
.disable-hover {
    pointer-events: none;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0;
}
::selection {
    background: var(--primary-500);
    color: #fff;
}
::-moz-selection {
    background: var(--primary-500);
    color: var(--white);
}
div.low,
img.low {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    height: inherit;
    top: 0;
    left: 0;
    width: 100%;
}
img.low {
    max-height: 100%;
}
img.low.isSvg {
    height: auto !important;
}
div.low {
    z-index: 3;
}
.imgBg {
    position: relative;
}
.imgBg > :not(.low) {
    z-index: 5;
}
.imgBg .low {
    height: 100%;
    width: 100%;
}
:root {
    --border-line-y: linear-gradient(to right, var(--grey-blue-300) 0 20%, rgba(255, 255, 255, 0) 0%);
    --border-line-x: linear-gradient(to bottom, var(--grey-blue-300) 0 20%, rgba(255, 255, 255, 0) 0%);
}
.line-dot-bottom,
.line-dot-top {
    background-image: linear-gradient(to right, var(--grey-blue-300) 0 20%, rgba(255, 255, 255, 0) 0%);
    background-size: 8px 2px;
    background-repeat: repeat-x;
}
.divider-line.dotted,
.line-dot-top {
    background-position: top;
}
.line-dot-bottom {
    background-position: bottom;
}
.line-dot-left,
.line-dot-right {
    background-image: linear-gradient(to bottom, var(--grey-blue-300) 0 20%, rgba(255, 255, 255, 0) 0%);
    background-repeat: repeat-y;
    background-size: 2px 10px;
}
.line-dot-left {
    background-position: left;
}
.line-dot-right {
    background-position: right;
}
.divider-line.dotted {
    background-image: linear-gradient(to right, var(--grey-blue-300) 0 20%, rgba(255, 255, 255, 0) 0%);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    width: calc(100% - var(--gutter-grid));
}
.button--submit {
    letter-spacing: 3px !important;
}
a.skip-link {
    position: absolute;
    top: -200px;
}
.border-line {
    border: 1px solid var(--border-line-color);
}
.divider-line {
    margin: 0;
    border-color: var(--border-line-color);
    border-bottom: 1px solid var(--border-line-color);
}
.divider-top {
    border-top: 1px solid var(--border-line-color);
}
.divider-bottom,
.divider-left,
.divider-top {
    border-color: var(--border-line-color);
}
.divider-bottom {
    border-bottom: 1px solid var(--border-line-color);
}
.divider-left {
    border-left: 1px solid var(--border-line-color);
}
.module-inner-wrapper.active-container-style {
    border-radius: var(--rounded-large);
}
body.hero-custom.header-overlap header.headermain:not(.appear),
body.hero-image-background.header-overlap header.headermain:not(.appear),
body.hero-image.header-overlap header.headermain:not(.appear),
body.hero-video-background.header-overlap header.headermain:not(.appear) {
    position: absolute !important;
    width: 100%;
    left: 0;
    right: 0;
}
#hero-main {
    overflow: hidden;
}
.hero-image #hero-main,
body.hero-image-background.header-overlap #hero-main,
body.hero-video-background.header-overlap #hero-main {
    padding-top: var(--header-height);
}
body.hero-image-background #hero-main,
body.hero-video-background #hero-main {
    min-height: calc(var(--hero-min-height) - var(--header-height) - var(--aside-height));
    background-color: transparent !important;
    position: relative;
    z-index: var(--z-5);
}
body.hero-image-background #hero-main:before,
body.hero-video-background #hero-main:before {
    content: "";
    background: linear-gradient(180deg, var(--overlay-opacity-linear) 5%, transparent);
    height: 100%;
    width: 100%;
    padding: var(--baseline);
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1;
}
body.hero-image-background #hero-main:after,
body.hero-video-background #hero-main:after {
    content: "";
    background: var(--overlay-opacity-flat);
    height: 100%;
    width: 100%;
    padding: var(--baseline);
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1;
}
body.hero-image-background #hero-main .content-over-top,
body.hero-video-background #hero-main .content-over-top {
    z-index: 20;
}
body.hero-image-background #hero-main > :not(.wrap-background-hero-image),
body.hero-video-background #hero-main > :not(.wrap-background-hero-image) {
    flex: 0 0 100%;
}
@media only screen and (min-width: 993px) {
    .hero-image #hero-main .wrap-hero {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
.hero-image #hero-main .wrap-hero .column-content-area {
    padding-left: var(--contianer-max-width-diff-wv);
    padding-right: var(--contianer-max-width-diff-wv);
}
.hero-image #hero-main .wrap-hero .wrapper-hero-image {
    align-self: flex-end;
    border-radius: var(--rounded-large);
    overflow: hidden;
}
.hero-image #hero-main .wrap-hero .wrapper-hero-image img {
    aspect-ratio: var(--img-aspect-landscape);
    width: 100%;
    height: 100%;
}
body[data-system-page="membership-login"] header.headermain.fixed-on-scroll-back:not(.appear),
body[data-system-page="password-prompt-page"] header.headermain.fixed-on-scroll-back:not(.appear) {
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
}
body[data-system-page="membership-login"] main#content,
body[data-system-page="password-prompt-page"] main#content {
    min-height: 100vh;
    padding-top: var(--baseline-8);
    grid-template-columns: 100%;
    position: relative;
    padding-left: var(--contianer-max-width-diff-wv);
    padding-right: var(--contianer-max-width-diff-wv);
}
body[data-system-page="membership-login"] main#content form input,
body[data-system-page="password-prompt-page"] main#content form input {
    height: auto !important;
    margin-top: 0 !important;
}
body[data-system-page="membership-login"] main#content:after,
body[data-system-page="password-prompt-page"] main#content:after {
    content: "";
    background-color: var(--black);
    opacity: 0.6;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
}
body[data-system-page="membership-login"] main#content .content-system,
body[data-system-page="password-prompt-page"] main#content .content-system {
    padding-top: var(--baseline-5);
    padding-bottom: var(--baseline-5);
}
body[data-system-page="membership-login"] main#content .full-background-image,
body[data-system-page="password-prompt-page"] main#content .full-background-image {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
body[data-system-page="membership-login"] main#content .panel-prompt,
body[data-system-page="password-prompt-page"] main#content .panel-prompt {
    padding: var(--baseline-4) var(--baseline-4);
    background-color: var(--content-default-bg);
    border-radius: var(--rounded-large);
    display: flex;
    align-items: center;
}
body[data-system-page="membership-login"] main#content .panel-prompt > *,
body[data-system-page="password-prompt-page"] main#content .panel-prompt > * {
    flex: 1;
}
@media only screen and (min-width: 993px) {
    body[data-system-page="membership-login"] main#content,
    body[data-system-page="password-prompt-page"] main#content {
        display: grid;
        grid-template-rows: inherit;
        grid-template-areas: "content sidebar";
        grid-template-columns: 4fr 2fr;
        padding: 0;
    }
    body[data-system-page="membership-login"] .content-system,
    body[data-system-page="password-prompt-page"] .content-system {
        grid-area: content;
        padding: var(--baseline-4) 0;
        padding-left: var(--contianer-max-width-diff-wv);
        padding-right: var(--baseline-4);
        align-self: center;
        height: 100%;
        display: grid;
        grid-template-rows: 4fr 1fr;
    }
    body[data-system-page="membership-login"] .panel-prompt,
    body[data-system-page="password-prompt-page"] .panel-prompt {
        margin-left: calc(var(--baseline-4) * -1);
    }
    body[data-system-page="membership-login"] .content-inner,
    body[data-system-page="password-prompt-page"] .content-inner {
        padding-right: var(--baseline-4);
        display: flex;
        align-items: center;
        max-width: 700px;
    }
}
body[data-system-page="membership-register"] main#content:after,
body[data-system-page="membership-reset-password-request"] main#content:after,
body[data-system-page="membership-reset-password"] main#content:after {
    content: "";
    background-color: var(--black);
    opacity: 0.8;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
}
body[data-system-page="membership-register"] main#content .full-background-image,
body[data-system-page="membership-reset-password-request"] main#content .full-background-image,
body[data-system-page="membership-reset-password"] main#content .full-background-image {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
body[data-system-page="membership-register"] main#content .content-system,
body[data-system-page="membership-register"] main#content .panel-prompt,
body[data-system-page="membership-reset-password-request"] main#content .content-system,
body[data-system-page="membership-reset-password-request"] main#content .panel-prompt,
body[data-system-page="membership-reset-password"] main#content .content-system,
body[data-system-page="membership-reset-password"] main#content .panel-prompt {
    max-width: 700px;
    margin: var(--baseline-4) auto;
}
body[data-system-page="membership-register"] main#content .panel-prompt,
body[data-system-page="membership-reset-password-request"] main#content .panel-prompt,
body[data-system-page="membership-reset-password"] main#content .panel-prompt {
    padding: var(--baseline-4) var(--baseline-4);
    background-color: var(--content-default-bg);
    border-radius: var(--rounded-large);
}
body[data-system-page="membership-register"] main#content .panel-prompt > *,
body[data-system-page="membership-reset-password-request"] main#content .panel-prompt > *,
body[data-system-page="membership-reset-password"] main#content .panel-prompt > * {
    flex: 1;
}
body[data-system-page="search-result"] .cards-items-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    column-gap: var(--gutter-grid);
    row-gap: var(--baseline);
}
@media only screen and (min-width: 1201px) {
    body[data-system-page="search-result"] .cards-items-wrap {
        grid-template-columns: repeat(3, 1fr);
    }
}
body[data-system-page="search-result"] .searchbar {
    max-width: 600px;
    margin: 0 auto;
}
footer [data-footer="main"] {
    background-color: var(--grey-blue-100);
}
footer [data-footer="main"] h2,
footer [data-footer="main"] h3,
footer [data-footer="main"] h4 {
    margin-top: 0;
}
@media only screen and (min-width: 993px) {
    footer [data-footer="main"] .footer-links .trigger-accordion {
        padding-top: 0 !important;
    }
}
footer [data-footer="main"] .row-fluid {
    margin-bottom: 0;
}