:root {
/* General parameters */
--font-family_heading: 'AlmegaSans', Arial, sans-serif;
--font-family_body: 'Nunito Sans', sans-serif;
--text--large: 18px;
--text--medium: 16px;
--text--small: 15px;
--rem-base: 18;
--font-size_base: 18px;
--font-size_3xsmall: 11px;
--font-size_2xsmall: 12px;
--font-size_xsmall: 14px;
--font-size_small: 15px;
--font-size_medium: var(--font-size_base);
--font-size_large: 20px;
--font-size_xlarge: 23px;
--font-size_2xlarge: 24px;
--font-size_3xlarge: 32px;
--font-size_4xlarge: 48px;
--font-weight--extrabold: 800;
--font-weight--bold: 700;
--font-weight--semibold: 600;
--font-weight--medium: 500;
--font-weight--regular: 400;
--line-height: 1.7em;
--line-height--medium: 1.5em;
--line-height--small: 1.2;
--line-height--header: var(--line-height--small);
--line-height--button: var(--line-height--small);
--letter-spacing--small: 0.1px;
--letter-spacing--large: 2px;
/* NB! Same as header */
--border-color: var(--informative_border);
--border-width: 1px;
--border-radius: 8px;
--border-radius_S: 4px;
--outline_color: var(--warm-2);
--outline-width: 2px;
--spacing-16: calc(16 / var(--rem-base) * 1rem);
--spacing-12: calc(12 / var(--rem-base) * 1rem);
--spacing-1: 1rem;
--spacing-1thirds: calc((1/3) * 1rem);
--spacing-2thirds: calc((2/3) * 1rem);
--spacing-1fourths: calc((1/4) * 1rem);
--spacing-2fourths: calc((2/4) * 1rem);
--spacing-3fourths: calc((3/4) * 1rem);
--spacing-1_5: calc((3/2) * 1rem);
--spacing-rel-1: 1em;
--spacing-rel-1thirds: calc((1/3) * 1em);
--spacing-rel-2thirds: calc((2/3) * 1em);
--spacing-rel-1fourths: calc((1/4) * 1em);
--spacing-rel-2fourths: calc((2/4) * 1em);
--spacing-rel-3fourths: calc((3/4) * 1em);
/* Shadows */
--shadow-0: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
--shadow-1: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 6px 3px rgba(0, 0, 0, 0.23);
--shadow-2: 0px 10px 20px rgba(0, 0, 0, 0.19), 0px 6px 6px rgba(0, 0, 0, 0.23);
--shadow-3: 0px 14px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.23);
--shadow-4: 0px 19px 38px rgba(0, 0, 0, 0.3), 0px 15px 12px rgba(0, 0, 0, 0.22);
/* Element specific */
--font-family_h4: var(--font-family_body);
--font-size_h1: var(--font-size_4xlarge);
--font-size_h2: var(--font-size_3xlarge);
--font-size_h3: var(--font-size_2xlarge);
--font-size_h4: var(--font-size_large);
--font-size_h5: var(--font-size_medium);
--font-size_h6: var(--font-size_small);
--font-size_body: var(--font-size_base);
--font-size_body-S: var(--font-size_small);
--font-size_preamble: var(--font-size_xlarge);
--font-size_button: 17px;
--font-size_label: var(--font-size_xsmall);
--font-weight_heading: var(--font-weight--bold);
--font-weight_preamble: var(--font-weight--semibold);
--font-weight_button: var(--font-weight--bold);
--font-weight_label: var(--font-weight--extrabold);
--input-field_font-weight: var(--font-weight--semibold);
/* Colors */
--white: #fff;
--brand-0: #00293d;
--brand-1: #2b5164;
--brand-2: #5f7e8e;
--brand-3: #99afba;
--brand-4: #cdd7dc;
--brand-5: #e1e9ed;
--brand-6: #f9fafc;
--warm-0: #730a00;
--warm-1: #af3f28;
--warm-1-10: #f7ecea;
--warm-2: #cc6947;
--warm-3: #db936d;
--warm-4: #e6bb9e;
--warm-5: #f8dfc3;
--warm-6: #fcf4e3;
--grey-0: #111111;
--grey-1: #484848;
--grey-2: #777777;
--grey-3: #aaaaaa;
--grey-4: #d4d4d4;
--grey-5: #e7e7e7;
--grey-6: #fbfbfb;
--grey-7: #f3f3f3;
--green-0: #2a3c33;
--green-1: #466d5c;
--green-2: #638d67;
--green-3: #9cae84;
--green-4: #c7cfaf;
--green-5: #e6e8cf;
--green-6: #f5f6ea;
--earth-0: purple;
--earth-1: #8c7d46;
--earth-2: purple;
--earth-3: #dcc99f;
--earth-4: purple;
--earth-5: #fef8ec;
--earth-6: purple;
--sun-0: purple;
--sun-1: #c29b0b;
--sun-2: #e3bb29;
--sun-3: purple;
--sun-4: #fef7b9;
--sun-5: #fef8ec;
--sun-6: purple;
--text_color--base: var(--grey-1);
--placeholder_color: var(--grey-3);
--background-color--base: var(--white);
--heading-color_base: var(--grey-0);
--text-fineprint_color: var(--grey-2);
--undefined: purple;
--brand-default: var(--brand-1);
--accent-color: var(--brand-1);
/* Static color variables */
--interactive: var(--brand-1);
--interactive-hover: var(--brand-2);
--interactive-active: var(--brand-1);
--interactive-disabled: var(--grey-3);
--danger: var(--warm-1);
--danger-hover: var(--warm-2);
--danger-active: var(--warm-0);
--danger-disabled: var(--grey-3);
--highlight-background: var(--sun-5);
--highlight-border: var(--earth-3);
/* Color system based on [sentiment]-[prominance]-[usage]-[interaction]*/
/* ---- Interactive ---- */
--interactive_color: var(--brand-2);
--interactive_color--hover: var(--brand-1);
--interactive_color--active: var(--brand-1);
--interactive_color--disabled: var(--grey-3);
--interactive_color--selected: var(--brand-1);
--interactive_color--selected-hover: var(--brand-1);
--interactive_color--success: var(--brand-1);
--interactive_color--error: var(--brand-1);
--interactive_background: var(--white);
--interactive_background--hover: var(--brand-5);
--interactive_background--focus: var(--brand-5);
--interactive_background--active: var(--white);
--interactive_background--disabled: var(--grey-5);
--interactive_background--selected: var(--brand-5);
--interactive_background--selected-hover: var(--brand-5);
--interactive_background--success: var(--white);
--interactive_background--error: var(--white);
--interactive_border: var(--grey-4);
--interactive_border--hover: var(--brand-2);
--interactive_border--focus: var(--brand-2);
--interactive_border--active: var(--grey-4);
--interactive_border--disabled: var(--grey-5);
--interactive_border--selected: var(--brand-5);
--interactive_border--selected-hover: var(--brand-5);
--interactive_border--success: var(--green-1);
--interactive_border--error: var(--warm-1);
--interactive_icon: var(--brand-2);
--interactive_icon--hover: var(--brand-1);
--interactive_icon--active: var(--brand-2);
--interactive_icon--disabled: var(--grey-3);
--interactive_icon--selected: var(--brand-1);
--interactive_icon--selected-hover: var(--brand-1);
--interactive_icon--success: var(--green-1);
--interactive_icon--error: var(--warm-1);
--interactive_weak_color: var(--brand-2);
--interactive_weak_color--hover: var(--brand-1);
--interactive_weak_color--active: var(--brand-0);
--interactive_weak_color--disabled: var(--grey-3);
--interactive_weak_color--selected: var(--white);
--interactive_weak_color--selected-hover: var(--white);
--interactive_weak_color--success: var(--green-2);
--interactive_weak_color--error: var(--warm-1);
--interactive_weak_background: var(--brand-6);
--interactive_weak_background--hover: var(--brand-5);
--interactive_weak_background--active: var(--brand-4);
--interactive_weak_background--disabled: var(--grey-5);
--interactive_weak_background--selected: var(--brand-1);
--interactive_weak_background--selected-hover: var(--brand-2);
--interactive_weak_background--success: var(--green-5);
--interactive_weak_background--error: var(--warm-1-10);
--interactive_weak_border: var(--brand-4);
--interactive_weak_border--hover: var(--brand-5);
--interactive_weak_border--active: var(--brand-4);
--interactive_weak_border--disabled: var(--grey-5);
--interactive_weak_border--selected: var(--brand-1);
--interactive_weak_border--selected-hover: var(--brand-2);
--interactive_weak_border--success: var(--green-2);
--interactive_weak_border--error: var(--warm-1);
--interactive_weak_icon: var(--brand-1);
--interactive_weak_icon--hover: var(--brand-1);
--interactive_weak_icon--active: var(--brand-1);
--interactive_weak_icon--disabled: var(--grey-3);
--interactive_weak_icon--selected: var(--white);
--interactive_weak_icon--selected-hover: var(--white);
--interactive_weak_icon--success: var(--green-2);
--interactive_weak_icon--error: var(--warm-1);
--interactive_medium_color: var(--brand-1);
--interactive_medium_color--hover: var(--brand-1);
--interactive_medium_color--active: var(--white);
--interactive_medium_color--disabled: var(--grey-4);
--interactive_medium_background: var(--brand-5);
--interactive_medium_background--hover: var(--brand-4);
--interactive_medium_background--active: var(--brand-2);
--interactive_medium_background--disabled: var(--grey-3);
--interactive_medium_background--selected: var(--brand-1);
--interactive_medium_border: var(--brand-5);
--interactive_medium_border--hover: var(--brand-4);
--interactive_medium_border--active: var(--brand-4);
/* ox-2 */
--interactive_medium_border--disabled: var(--grey-3);
--interactive_medium_border--selected: var(--brand-1);
--interactive_medium_icon: var(--brand-1);
--interactive_medium_icon--hover: var(--brand-1);
--interactive_medium_icon--active: var(--white);
--interactive_medium_icon--disabled: var(--grey-4);
--interactive_medium_icon--selected: var(--white);
--interactive_strong_color: var(--white);
--interactive_strong_color--hover: var(--white);
--interactive_strong_color--active: var(--white);
--interactive_strong_color--disabled: var(--grey-5);
--interactive_strong_color--selected: var(--grey-5);
--interactive_strong_color--selected-hover: var(--grey-5);
--interactive_strong_background: var(--brand-1);
--interactive_strong_background--hover: var(--brand-2);
--interactive_strong_background--active: var(--brand-0);
/* ox-1 */
--interactive_strong_background--disabled: var(--grey-3);
--interactive_strong_background--selected: var(--brand-1);
--interactive_strong_background--selected-hover: var(--brand-1);
--interactive_strong_border: var(--brand-1);
--interactive_strong_border--hover: var(--brand-2);
--interactive_strong_border--active: var(--brand-1);
--interactive_strong_border--disabled: var(--grey-3);
--interactive_strong_border--selected: var(--brand-1);
--interactive_strong_border--selected--hover: var(--brand-1);
--interactive_strong_icon: var(--white);
--interactive_strong_icon--hover: var(--white);
--interactive_strong_icon--active: var(--white);
--interactive_strong_icon--disabled: var(--white);
--interactive_strong_icon--selected: var(--grey-5);
--interactive_strong_icon--selected-hover: var(--grey-5);
/* ---- Informative ---- */
--informative_color: var(--grey-1);
--informative_background: var(--grey-5);
--informative_border: var(--grey-5);
--informative_weak_color: var(--grey-1);
--informative_weak_color--hover: var(--undefined);
--informative_weak_color--active: var(--undefined);
--informative_weak_color--disabled: var(--undefined);
--informative_weak_color--disabled: var(--undefined);
--informative_weak_background: var(--grey-6);
--informative_weak_background--hover: var(--undefined);
--informative_weak_background--active: var(--undefined);
--informative_weak_background--disabled: var(--undefined);
--informative_weak_border: var(--grey-5);
--informative_weak_border--hover: var(--undefined);
--informative_weak_border--active: var(--undefined);
--informative_weak_border--disabled: var(--undefined);
--informative_weak_icon: var(--grey-1);
--informative_weak_icon--hover: var(--undefined);
--informative_weak_icon--active: var(--undefined);
--informative_weak_icon--disabled: var(--undefined);
--informative_strong_color: var(--white);
--informative_strong_color--hover: var(--undefined);
--informative_strong_color--active: var(--undefined);
--informative_strong_color--disabled: var(--undefined);
--informative_strong_color--disabled: var(--undefined);
--informative_strong_background: var(--brand-1);
--informative_strong_background--hover: var(--undefined);
--informative_strong_background--active: var(--undefined);
--informative_strong_background--disabled: var(--undefined);
--informative_strong_border: var(--brand-1);
--informative_strong_border--hover: var(--undefined);
--informative_strong_border--active: var(--undefined);
--informative_strong_border--disabled: var(--undefined);
--informative_strong_icon: var(--white);
--informative_strong_icon--hover: var(--undefined);
--informative_strong_icon--active: var(--undefined);
--informative_strong_icon--disabled: var(--undefined);
/* Accented */
--accented_link: var(--warm-2);
--accented_link--hover: var(--warm-3);
--accented_link--active: var(--warm-1);
--accented_link--disabled: var(--grey-3);
--accented_color: var(--warm-2);
--accented_color--hover: var(--warm-3);
--accented_color--active: var(--warm-1);
--accented_color--disabled: var(--grey-3);
--accented_color--selected: var(--warm-2);
--accented_background: transparent;
--accented_background--hover: transparent;
--accented_background--active: transparent;
--accented_background--disabled: transparent;
--accented_background--selected: transparent;
--accented_border: var(--warm-2);
--accented_border--hover: var(--warm-3);
--accented_border--active: var(--warm-1);
--accented_border--disabled: var(--grey-3);
--accented_border--selected: var(--warm-2);
--accented_icon: var(--warm-2);
--accented_icon--hover: var(--warm-3);
--accented_icon--active: var(--warm-1);
--accented_icon--disabled: var(--grey-3);
--accented_icon--selected: var(--warm-2);
--accented_weak_color: var(--warm-2);
--accented_weak_color--hover: var(--warm-3);
--accented_weak_color--active: var(--warm-2);
--accented_weak_color--disabled: var(--undefined);
--accented_weak_background: var(--warm-6);
--accented_weak_background--hover: var(--warm-6);
--accented_weak_background--active: var(--warm-5);
--accented_weak_background--disabled: var(--undefined);
--accented_weak_border: var(--warm-5);
--accented_weak_border--hover: var(--warm-4);
--accented_weak_border--active: var(--warm-3);
--accented_weak_border--disabled: var(--undefined);
--accented_weak_icon: var(--warm-2);
--accented_weak_icon--hover: var(--warm-3);
--accented_weak_icon--active: var(--warm-2);
--accented_weak_icon--disabled: var(--undefined);
--accented_strong_color: var(--white);
--accented_strong_color--hover: var(--white);
--accented_strong_color--active: var(--white);
--accented_strong_color--disabled: var(--grey-5);
--accented_strong_color--selected: var(--white);
--accented_strong_color--selected-hover: var(--white);
--accented_strong_color--selected-active: var(--white);
--accented_strong_background: var(--warm-2);
--accented_strong_background--hover: var(--warm-3);
--accented_strong_background--active: var(--warm-1);
--accented_strong_background--disabled: var(--grey-3);
--accented_strong_background--selected: var(--brand-1);
--accented_strong_background--selected-hover: var(--brand-2);
--accented_strong_background--selected-active: var(--brand-0);
--accented_strong_border: var(--warm-2);
--accented_strong_border--hover: var(--warm-3);
--accented_strong_border--active: var(--warm-1);
--accented_strong_border--disabled: var(--grey-3);
--accented_strong_border--selected: var(--brand-1);
--accented_strong_border--selected-hover: var(--brand-2);
--accented_strong_border--selected-active: var(--brand-0);
--accented_strong_icon: var(--white);
--accented_strong_icon--hover: var(--white);
--accented_strong_icon--active: var(--white);
--accented_strong_icon--disabled: var(--grey-5);
--accented_strong_icon--selected: var(--white);
--accented_strong_icon--selected-hover: var(--white);
--accented_strong_icon--selected-active: var(--white);
--operative_color: var(--white);
--operative_color--hover: var(--white);
--operative_color--focus: var(--white);
--operative_color--active: var(--white);
--operative_color--disabled: var(--grey-4);
--operative_color--selected: var(--white);
--operative_background: var(--green-2);
--operative_background--hover: var(--green-3);
--operative_background--focus: var(--green-3);
--operative_background--active: var(--green-1);
--operative_background--disabled: var(--grey-3);
--operative_background--selected: var(--warm-2);
--operative_background--selected-hover: var(--warm-3);
--operative_background--selected-focus: var(--warm-3);
--operative_background--selected-active: var(--warm-1);
--operative_border: var(--green-2);
--operative_border--hover: var(--green-3);
--operative_border--focus: var(--green-3);
--operative_border--active: var(--green-1);
--operative_border--disabled: var(--grey-3);
--operative_border--selected: var(--warm-2);
--operative_border--selected-hover: var(--warm-3);
--operative_border--selected-focus: var(--warm-3);
--operative_border--selected-active: var(--warm-1);
--operative_icon: var(--white);
--operative_icon--hover: var(--white);
--operative_icon--focus: var(--white);
--operative_icon--active: var(--white);
--operative_icon--disabled: var(--grey-4);
--operative_icon--selected: var(--white);
--success_strong_color: var(--white);
--success_strong_background: var(--green-2);
/* Warning */
--warning_color: var(--grey-0);
--warning_background: var(--warm-5);
/* Danger */
--danger_color: var(--grey-6);
--danger_background: var(--warm-0);
--danger-link: var(--danger);
--danger-link--hover: var(--danger-hover);
--danger-link--active: var(--danger-active);
--danger-link--disabled: var(--danger-disabled);
/* Component/element specific */
--link_color: var(--interactive);
--link_color--hover: var(--interactive-hover);
--link_color--active: var(--interactive-active);
--link_color--disabled: var(--interactive-disabled);
--link-dark_color: var(--undefined);
--link-dark_color--hover: var(--undefined);
--link-dark_color--active: var(--undefined);
--link-dark_color--disabled: var(--undefined);
--link-secondary_color: var(--accented_link);
--link-secondary_color--hover: var(--accented_link--hover);
--link-secondary_color--active: var(--accented_link--active);
--link-secondary_color--disabled: var(--accented_link--disabled);
--link-secondary-dark_color: var(--undefined);
--link-secondary-dark_color--hover: var(--undefined);
--link-secondary-dark_color--active: var(--undefined);
--link-secondary-dark_color--disabled: var(--undefined);
--common-border_width: 1px;
--common-border_style: solid;
--common-border_color: var(--grey-5);
--common-border: var(--common-border_width) var(--common-border_style) var(--common-border_color);
--topic-1: var(--brand-5);
--topic-2: var(--green-5);
--topic-3: var(--warm-5);
--topic-4: var(--warm-6);
--topic-5: var(--brand-5);
--topic-6: var(--green-6);
--topic_text: var(--brand-1);
--button_color: var(--interactive_strong_color);
--button_color--hover: var(--interactive_strong_color--hover);
--button_color--focus: var(--interactive_strong_color--hover);
--button_color--active: var(--interactive_strong_color--active);
--button_color--disabled: var(--interactive_strong_color--disabled);
--button_color--selected: var(--interactive_strong_color--selected);
--button_color--selected-hover: var(--interactive_strong_color--selected-hover);
--button_color--selected-active: var(--undefined);
--button_background: var(--interactive_strong_background);
--button_background--hover: var(--interactive_strong_background--hover);
--button_background--focus: var(--interactive_strong_background--hover);
--button_background--active: var(--interactive_strong_background--active);
--button_background--disabled: var(--interactive_strong_background--disabled);
--button_background--selected: var(--interactive_strong_background--selected);
--button_background--selected-hover: var(--interactive_strong_background--selected-hover);
--button_background--selected-active: var(--undefined);
--button_border: var(--interactive_strong_border);
--button_border--hover: var(--interactive_strong_border--hover);
--button_border--focus: var(--interactive_strong_border--hover);
--button_border--active: var(--interactive_strong_border--active);
--button_border--disabled: var(--interactive_strong_border--disabled);
--button_border--selected: var(--interactive_strong_border--selected);
--button_border--selected--hover: var(--interactive_strong_border--selected--hover);
--button_border--selected--active: var(--undefined);
--button_icon: var(--interactive_strong_icon);
--button_icon--hover: var(--interactive_strong_icon--hover);
--button_icon--active: var(--interactive_strong_icon--active);
--button_icon--disabled: var(--interactive_strong_icon--disabled);
--button_icon--selected: var(--interactive_strong_icon--selected);
--button_icon--selected-hover: var(--interactive_strong_icon--selected-hover);
--button_icon--selected-active: var(--undefined);
--button-accented_color: var(--accented_strong_color);
--button-accented_color--hover: var(--accented_strong_color--hover);
--button-accented_color--active: var(--accented_strong_color--active);
--button-accented_color--disabled: var(--accented_strong_color--disabled);
--button-accented_color--selected: var(--accented_strong_color--selected);
--button-accented_color--selected-hover: var(--accented_strong_color--selected-hover);
--button-accented_color--selected-active: var(--accented_strong_color--selected-active);
--button-accented_background: var(--accented_strong_background);
--button-accented_background--hover: var(--accented_strong_background--hover);
--button-accented_background--active: var(--accented_strong_background--active);
--button-accented_background--disabled: var(--accented_strong_background--disabled);
--button-accented_background--selected: var(--accented_strong_background--selected);
--button-accented_background--selected-hover: var(--accented_strong_background--selected-hover);
--button-accented_background--selected-active: var(--accented_strong_background--selected-active);
--button-accented_border: var(--accented_strong_border);
--button-accented_border--hover: var(--accented_strong_border--hover);
--button-accented_border--active: var(--accented_strong_border--active);
--button-accented_border--disabled: var(--accented_strong_border--disabled);
--button-accented_border--selected: var(--accented_strong_border--selected);
--button-accented_border--selected-hover: var(--accented_strong_border--selected-hover);
--button-accented_border--selected-active: var(--accented_strong_border--selected-active);
--button-accented_icon: var(--accented_strong_icon);
--button-accented_icon--hover: var(--accented_strong_icon--hover);
--button-accented_icon--active: var(--accented_strong_icon--active);
--button-accented_icon--disabled: var(--accented_strong_icon--disabled);
--button-accented_icon--selected: var(--accented_strong_icon--selected);
--button-accented_icon--selected-hover: var(--accented_strong_icon--selected-hover);
--button-accented_icon--selected-active: var(--accented_strong_icon--selected-active);
--button-operative_color: var(--operative_color);
--button-operative_color--hover: var(--operative_color--hover);
--button-operative_color--focus: var(--operative_color--focus);
--button-operative_color--active: var(--operative_color--active);
--button-operative_color--disabled: var(--operative_color--disabled);
--button-operative_color--selected: var(--operative_color--selected);
--button-operative_color--selected-hover: var(--operative_color--selected-hover);
--button-operative_color--selected-focus: var(--operative_color--selected-focus);
--button-operative_color--selected-active: var(--operative_color--selected-active);
--button-operative_background: var(--operative_background);
--button-operative_background--hover: var(--operative_background--hover);
--button-operative_background--focus: var(--operative_background--focus);
--button-operative_background--active: var(--operative_background--active);
--button-operative_background--disabled: var(--operative_background--disabled);
--button-operative_background--selected: var(--operative_background--selected);
--button-operative_background--selected-hover: var(--operative_background--selected-hover);
--button-operative_background--selected-focus: var(--operative_background--selected-focus);
--button-operative_background--selected-active: var(--operative_background--selected-active);
--button-operative_border: var(--operative_border);
--button-operative_border--hover: var(--operative_border--hover);
--button-operative_border--focus: var(--operative_border--focus);
--button-operative_border--active: var(--operative_border--active);
--button-operative_border--disabled: var(--operative_border--disabled);
--button-operative_border--selected: var(--operative_border--selected);
--button-operative_border--selected-hover: var(--operative_border--selected-hover);
--button-operative_border--selected-focus: var(--operative_border--selected-focus);
--button-operative_border--selected-active: var(--operative_border--selected-active);
--button-operative_icon: var(--operative_icon);
--button-operative_icon--hover: var(--operative_icon--hover);
--button-operative_icon--focus: var(--operative_icon--focus);
--button-operative_icon--active: var(--operative_icon--active);
--button-operative_icon--disabled: var(--operative_icon--disabled);
--button-operative_icon--selected: var(--operative_icon--selected);
--button-operative_icon--selected-hover: var(--operative_icon--selected-hover);
--button-operative_icon--selected-focus: var(--operative_icon--selected-focus);
--button-operative_icon--selected-active: var(--operative_icon--selected-active);
--button-secondary_color: var(--interactive_weak_color);
--button-secondary_color--hover: var(--interactive_weak_color--hover);
--button-secondary_color--focus: var(--interactive_weak_color--hover);
--button-secondary_color--active: var(--interactive_weak_color--active);
--button-secondary_color--disabled: var(--interactive_weak_color--disabled);
--button-secondary_color--error: var(--interactive_weak_color--error);
--button-secondary_color--success: var(--interactive_weak_color--success);
--button-secondary_color--selected: var(--interactive_weak_color--selected);
--button-secondary_color--selected-hover: var(--interactive_weak_color--selected-hover);
--button-secondary_color--selected-active: var(--interactive_weak_color--selected-active);
--button-secondary_background: var(--interactive_weak_background);
--button-secondary_background--hover: var(--interactive_weak_background--hover);
--button-secondary_background--focus: var(--interactive_weak_background--hover);
--button-secondary_background--active: var(--interactive_weak_background--active);
--button-secondary_background--disabled: var(--interactive_weak_background--disabled);
--button-secondary_background--error: var(--interactive_weak_background--error);
--button-secondary_background--success: var(--interactive_weak_background--success);
--button-secondary_background--selected: var(--interactive_weak_background--selected);
--button-secondary_background--selected-hover: var(--interactive_weak_background--selected-hover);
--button-secondary_background--selected-active: var(--interactive_weak_background--selected-active);
--button-secondary_border: var(--interactive_weak_border);
--button-secondary_border--hover: var(--interactive_weak_border--hover);
--button-secondary_border--focus: var(--interactive_weak_border--hover);
--button-secondary_border--active: var(--interactive_weak_border--active);
--button-secondary_border--disabled: var(--interactive_weak_border--disabled);
--button-secondary_border--error: var(--interactive_weak_border--error);
--button-secondary_border--success: var(--interactive_weak_border--success);
--button-secondary_border--selected: var(--interactive_weak_border--selected);
--button-secondary_border--selected-hover: var(--interactive_weak_border--selected-hover);
--button-secondary_border--selected-active: var(--interactive_weak_border--selected-active);
--button-secondary_icon: var(--interactive_weak_icon);
--button-secondary_icon--hover: var(--interactive_weak_icon--hover);
--button-secondary_icon--focus: var(--interactive_weak_icon--hover);
--button-secondary_icon--active: var(--interactive_weak_icon--active);
--button-secondary_icon--disabled: var(--interactive_weak_icon--disabled);
--button-secondary_icon--error: var(--interactive_weak_icon--error);
--button-secondary_icon--success: var(--interactive_weak_icon--success);
--button-secondary_icon--selected: var(--interactive_weak_icon--selected);
--button-secondary_icon--selected-hover: var(--interactive_weak_icon--selected-hover);
--button-secondary_icon--selected-active: var(--interactive_weak_icon--selected-active);
--button-secondary_font-size: 15px;
--button-secondary-weak_color: var(--interactive_weak_color);
--button-secondary-weak_color--hover: var(--interactive_weak_color--hover);
--button-secondary-weak_color--focus: var(--interactive_weak_color--hover);
--button-secondary-weak_color--active: var(--interactive_weak_color--active);
--button-secondary-weak_color--disabled: var(--interactive_weak_color--disabled);
--button-secondary-weak_color--error: var(--interactive_weak_color--error);
--button-secondary-weak_color--success: var(--interactive_weak_color--success);
--button-secondary-weak_color--selected: var(--accented_strong_color);
--button-secondary-weak_color--selected-hover: var(--accented_strong_color--hover);
--button-secondary-weak_background: var(--white);
--button-secondary-weak_background--hover: var(--interactive_weak_background--hover);
--button-secondary-weak_background--focus: var(--interactive_weak_background--hover);
--button-secondary-weak_background--active: var(--interactive_weak_background--active);
--button-secondary-weak_background--disabled: var(--interactive_weak_background--disabled);
--button-secondary-weak_background--error: var(--interactive_weak_background--error);
--button-secondary-weak_background--success: var(--interactive_weak_background--success);
--button-secondary-weak_background--selected: var(--accented_strong_background);
--button-secondary-weak_background--selected-hover: var(--accented_strong_background--hover);
--button-secondary-weak_border: var(--interactive_weak_border);
--button-secondary-weak_border--hover: var(--interactive_weak_border--hover);
--button-secondary-weak_border--focus: var(--interactive_weak_border--hover);
--button-secondary-weak_border--active: var(--interactive_weak_border--active);
--button-secondary-weak_border--disabled: var(--interactive_weak_border--disabled);
--button-secondary-weak_border--error: var(--interactive_weak_border--error);
--button-secondary-weak_border--success: var(--interactive_weak_border--success);
--button-secondary-weak_border--selected: var(--accented_strong_border);
--button-secondary-weak_border--selected-hover: var(--accented_strong_border--hover);
--button-secondary-weak_icon: var(--interactive_weak_icon);
--button-secondary-weak_icon--hover: var(--interactive_weak_icon--hover);
--button-secondary-weak_icon--focus: var(--interactive_weak_icon--hover);
--button-secondary-weak_icon--active: var(--interactive_weak_icon--active);
--button-secondary-weak_icon--disabled: var(--interactive_weak_icon--disabled);
--button-secondary-weak_icon--error: var(--interactive_weak_icon--error);
--button-secondary-weak_icon--success: var(--interactive_weak_icon--success);
--button-secondary-weak_icon--selected: var(--accented_strong_icon);
--button-secondary-weak_icon--selected-hover: var(--accented_strong_icon--hover);
--button-secondary-weak_font-size: 15px;
--button-link_color: var(--link_color);
--button-link_color--hover: var(--link_color--hover);
--button-link_color--active: var(--link_color--active);
--button-link_color--disabled: var(--link_color--disabled);
--button-link_color--selected: var(--link_color);
--button-link_color--selected-hover: var(--link_color--hover);
--button-link_background: transparent;
--button-link_background--hover: transparent;
--button-link_background--active: transparent;
--button-link_background--disabled: transparent;
--button-link_background--selected: transparent;
--button-link_background--selected-hover: transparent;
--button-link_border: none;
--button-link_border--hover: none;
--button-link_border--active: none;
--button-link_border--disabled: none;
--button-link_border--selected: none;
--button-link_border--selected--hover: none;
--button-link_icon: var(--link_color);
--button-link_icon--hover: var(--link_color--hover);
--button-link_icon--active: var(--link_color--active);
--button-link_icon--disabled: var(--link_color--disabled);
--button-link_icon--selected: var(--link_color);
--button-link_icon--selected-hover: var(--link_color--hover);
--button-link-danger_color: var(--danger-link);
--button-link-danger_color--hover: var(--danger-link--hover);
--button-link-danger_color--active: var(--danger-link--active);
--button-link-danger_color--disabled: var(--danger-link--disabled);
--button-link-danger_color--selected: var(--danger-link);
--button-link-danger_color--selected-hover: var(--danger-link--hover);
--button-link-danger_background: transparent;
--button-link-danger_background--hover: transparent;
--button-link-danger_background--active: transparent;
--button-link-danger_background--disabled: transparent;
--button-link-danger_background--selected: transparent;
--button-link-danger_background--selected-hover: transparent;
--button-link-danger_border: none;
--button-link-danger_border--hover: none;
--button-link-danger_border--active: none;
--button-link-danger_border--disabled: none;
--button-link-danger_border--selected: none;
--button-link-danger_border--selected--hover: none;
--button-link-danger_icon: var(--danger-link);
--button-link-danger_icon--hover: var(--danger-link--hover);
--button-link-danger_icon--active: var(--danger-link--active);
--button-link-danger_icon--disabled: var(--danger-link--disabled);
--button-link-danger_icon--selected: var(--danger-link);
--button-link-danger_icon--selected-hover: var(--danger-link--hover);
--state-button_text: var(--brand-1);
--state-button_text--hover: var(--brand-1);
--state-button_text--active: var(--brand-1);
--state-button_text--disabled: var(--grey-4);
--state-button_background: var(--brand-4);
--state-button_background--hover: var(--brand-3);
--state-button_background--active: var(--brand-2);
--state-button_background--disabled: var(--grey-4);
--state-button_background--selected: var(--brand-1);
--state-button_border: var(--brand-3);
--state-button_border--hover: var(--brand-2);
--state-button_border--active: var(--brand-4);
--state-button_border--disabled: var(--grey-4);
--state-button_border--selected: var(--brand-1);
--state-button_icon: transparent;
--state-button_icon--hover: transparent;
--state-button_icon--active: transparent;
--state-button_icon--disabled: transparent;
--state-button_icon--selected: var(--white);
--choice_font-family: var(--font-family_body);
--choice_font-size: var(--font-size_small);
--choice_marker-size: 20px;
--choice_marker-border-radius: var(--border-radius_S);
--choice_marker-border-width: var(--border-width);
--choice_marker-icon: var(--icon-check);
--choice_marker-spacing: var(--spacing-12);
--choice_text: var(--brand-1);
--choice_text--hover: var(--brand-1);
--choice_text--focus: var(--brand-1);
--choice_text--active: var(--brand-0);
--choice_text--disabled: var(--grey-3);
--choice_text--selected: var(--brand-1);
--choice_text--selected-hover: var(--brand-1);
--choice_background: var(--brand-4);
--choice_background--hover: var(--brand-3);
--choice_background--focus: var(--brand-3);
--choice_background--active: var(--brand-2);
--choice_background--disabled: var(--grey-4);
--choice_background--selected: var(--brand-1);
--choice_background--selected-hover: var(--brand-1);
--choice_border: var(--brand-3);
--choice_border--hover: var(--brand-2);
--choice_border--focus: var(--brand-2);
--choice_border--active: var(--brand-1);
--choice_border--disabled: var(--grey-4);
--choice_border--selected: var(--brand-1);
--choice_border--selected-hover: var(--brand-1);
--choice_icon: transparent;
--choice_icon--hover: transparent;
--choice_icon--focus: transparent;
--choice_icon--active: transparent;
--choice_icon--disabled: transparent;
--choice_icon--selected: var(--white);
--choice_icon--selected-hover: var(--white);
--choice-select_background--selected: var(--interactive_weak_background);
--choice-select_background--selected-hover: var(--interactive_weak_background);
--choice-select_border--hover: var(--interactive_weak_border);
--choice-select_border--selected: var(--interactive_weak_border);
--choice-select_border--selected-hover: var(--interactive_weak_border);
--choice-group_marker-size: 20px;
--choice-group_background: var(--brand-3);
--choice-group_background--hover: var(--brand-2);
--choice-group_background--active: var(--brand-1);
--choice-group_border: var(--brand-3);
--choice-group_border--hover: var(--brand-2);
--choice-group_border--active: var(--brand-1);
--choice-group-select_background--selected: var(--interactive_weak_background);
--choice-group-select_background--selected-hover: var(--interactive_weak_background);
--choice-group-select_border--hover: var(--interactive_weak_border);
--choice-group-select_border--selected: var(--interactive_weak_border);
--choice-group-select_border--selected-hover: var(--interactive_weak_border);
--radio-button_icon-size: 8px;
--radio-button_border-radius: 50%;
--radio-button_icon: transparent;
--radio-button_icon--hover: transparent;
--radio-button_icon--active: transparent;
--radio-button_icon--disabled: var(--interactive_strong_icon--disabled);
--radio-button_icon--selected: var(--interactive_strong_icon--selected);
--label-color: var(--grey-0);
--label-font-size: var(--font-size_2xsmall);
--label-font-weight: var(--font-weight--extrabold);
--label-letterspacing: var(--letter-spacing--large);
--label-text-transform: uppercase;
/* TODO: refactor away */
--label_font-weight: var(--font-weight--extrabold);
--favorite_color: var(--brand-4);
--favorite_color--selected: var(--brand-2);
--card_contact_background-color: transparent;
--card_contact_border-color: var(--brand-4);
--card_picture_border-color: var(--brand-4);
--card_picture_border-radius: 50%;
--card-bullitin_label_color: var(--grey-2);
--toggle-switch_width: 42px;
--toggle-switch_background-color: var(--state-button_background);
--toggle-switch_background-color--selected: var(--state-button_background--selected);
--toggle-switch_background-color--hover: var(--state-button_background--hover);
--toggle-switch_background-color--active: var(--brand-3);
--toggle-switch_border-width: 4px;
--toggle-switch_border: var(--toggle-switch_border-width) solid var(--interactive_medium_border--hover);
--toggle-switch_border-radius: 12px;
--toggle-switch_border-color--hover: var(--brand-3);
--toggle-switch_border-color--active: var(--brand-3);
--toggle-switch_icon_border-radius: 50%;
--toggle-switch_icon_color: var(--state-button_icon--selected);
--toggle-switch_icon_color--hover: var(--state-button_icon--selected);
--toggle-switch_icon_color--active: var(--state-button_icon--selected);
--toggle-switch_icon_color--selected: var(--state-button_icon--selected);
--toggle-switch_icon_color--disabled: var(--state-button_icon--selected);
--toggle-switch_icon_size: 16px;
--toggle-switch_label--font-size: 15px;
--choice-group-nomarker_background: transparent;
--choice-group-nomarker_background--hover: var(--brand-6);
--choice-group-nomarker_border--hover: var(--brand-3);
--choice-group-nomarker_background--selected: var(--brand-6);
--choice-group-nomarker_border--selected: var(--brand-3);
--loader_color: var(--interactive);
/* Button selector. Follows the input field schema */
--button-select_text--active: var(--stone-2);
--button-select_background: var(--white);
--button-select_border--active: var(--brand-3);
/* Selector */
--selector_text: var(--interactive_color--hover);
--selector_text--hover: var(--interactive_color--hover);
--selector_text--focus: var(--interactive_color);
--selector_text--active: var(--interactive_color--active);
--selector_text--disabled: var(--interactive_color--disabled);
--selector_text--selected: var(--interactive_color--selected);
--selector_text--selected-hover: var(--interactive_color--hover);
--selector_background: var(--interactive_background);
--selector_background--hover: var(--interactive_background--hover);
--selector_background--focus: var(--interactive_background--focus);
--selector_background--active: var(--interactive_background--active);
--selector_background--disabled: var(--interactive_background--disabled);
--selector_background--selected: var(--interactive_background--selected);
--selector_background--selected--hover: var(--interactive_background--selected--hover);
--selector_border: var(--input-field_border);
--selector_border--hover: var(--input-field_border--hover);
--selector_border--focus: var(--input-field_border--focus);
--selector_border--active: var(--input-field_border--active);
--selector_border--disabled: var(--input-field_border--disabled);
--selector_border--selected: var(--input-field_border--selected);
--selector_border--selected-hover: var(--input-field_border--selected-hover);
--selector_icon: var(--interactive_icon);
--selector_icon--hover: var(--interactive_icon--hover);
--selector_icon--focus: var(--interactive_icon--focus);
--selector_icon--active: var(--interactive_icon--active);
--selector_icon--disabled: var(--interactive_icon--disabled);
--selector_icon--selected: var(--interactive_icon--selected);
--selector_icon_width: 16px;
--selector-menu_max-height: 300px;
--selector-menu_border: var(--interactive_border);
--selector-menu_border--hover: var(--interactive_border);
--selector-menu_border--focus: var(--interactive_border);
--selector-menu_border--active: var(--interactive_border);
--selector-menu_border--disabled: var(--interactive_border);
--selector-menu_border--selected: var(--interactive_border);
--selector-menu_border--selected-hover: var(--interactive_border);
--selector-invoker_font-size: var(--font-size_button);
--selector-invoker_text: var(--brand-1);
--selector-invoker_text--hover: var(--brand-1);
--selector-invoker_text--focus: var(--brand-1);
--selector-invoker_text--active: var(--brand-0);
--selector-invoker_text--disabled: var(--grey-3);
--selector-invoker_text--selected: var(--grey-3);
--selector-invoker_text--selected-hover: var(--brand-1);
--selector-invoker_background: var(--white);
--selector-invoker_background--hover: var(--white);
--selector-invoker_background--focus: var(--white);
--selector-invoker_background--active: var(--white);
--selector-invoker_background--disabled: var(--grey-5);
--selector-invoker_background--selected: var(--white);
--selector-invoker_background--selected-hover: var(--white);
--selector-invoker_border: var(--grey-4);
--selector-invoker_border--hover: var(--brand-2);
--selector-invoker_border--focus: var(--brand-2);
--selector-invoker_border--active: var(--brand-1);
--selector-invoker_border--disabled: var(--grey-3);
--selector-invoker_border--selected: var(--brand-2);
--selector-invoker_border--selected-hover: var(--brand-2);
--selector-invoker_icon: var(--brand-3);
--selector-invoker_icon--hover: var(--brand-2);
--selector-invoker_icon--focus: var(--brand-2);
--selector-invoker_icon--active: var(--brand-2);
--selector-invoker_icon--disabled: var(--grey-3);
--selector-invoker_icon--selected: var(--brand-2);
--selector-invoker_icon--selected-hover: var(--brand-2);
--icon-selector-invoker: var(--icon-chevron);
--icon-selector-invoker-width: 16px;
--icon-selector-invoker-height: 16px;
--selector-option_font-size: var(--font-size_button);
--selector-option_padding: var(--spacing-rel-1) var(--spacing-rel-3fourths);
--selector-option_gap: var(--spacing-2thirds);
--selector-option_text: var(--selector_text);
--selector-option_text--hover: var(--selector_text--hover);
--selector-option_text--focus: var(--selector_text--focus);
--selector-option_text--active: var(--selector_text--active);
--selector-option_text--disabled: var(--selector_text--disabled);
--selector-option_text--selected: var(--selector_text--selected);
--selector-option_text--selected-hover: var(--selector_text--selected-hover);
--selector-option_background: var(--white);
--selector-option_background--hover: var(--brand-5);
--selector-option_background--focus: var(--brand-5);
--selector-option_background--active: var(--brand-5);
--selector-option_background--disabled: var(--grey-5);
--selector-option_background--selected: var(--brand-5);
--selector-option_background--selected-hover: var(--brand-5);
--selector-option_border: var(transparent);
--selector-option_border--hover: var(--brand-5);
--selector-option_border--focus: var(--brand-5);
--selector-option_border--active: var(--brand-5);
--selector-option_border--disabled: var(--grey-5);
--selector-option_border--selected: var(--brand-5);
--selector-option_border--selected-hover: var(--brand-5);
--listbox-indicator_width: 21px;
--listbox-indicator_height: 10px;
--listbox-indicator_top: calc(var(--listbox-indicator_height) * -1);
--listbox-indicator_left: 1rem;
--listbox-indicator_background: var(--selector_background);
/* Lists and navlists */
--button-list_text: var(--interactive_weak_color);
--button-list_text--hover: var(--interactive_weak_color--hover);
--button-list_text--focus: var(--interactive_weak_color--focus);
--button-list_text--active: var(--interactive_weak_color--active);
--button-list_text--disabled: var(--interactive_weak_color--disabled);
--button-list_background: transparent;
--button-list_background--hover: var(--interactive_weak_background--hover);
--button-list_background--focus: var(--interactive_weak_background--hover);
--button-list_background--active: var(--interactive_weak_background--active);
--button-list_background--disabled: var(--interactive_weak_background--disabled);
--button-list_border: transparent;
--button-list_border--hover: var(--interactive_weak_border--hover);
--button-list_border--focus: var(--interactive_weak_border--hover);
--button-list_border--active: var(--interactive_weak_border--active);
--button-list_border--disabled: var(--interactive_weak_border--disabled);
--button-list_icon: var(--interactive_weak_icon);
--button-list_icon--hover: var(--interactive_weak_icon--hover);
--button-list_icon--focus: var(--interactive_weak_icon--hover);
--button-list_icon--active: var(--interactive_weak_icon--active);
--button-list_icon--disabled: var(--interactive_weak_icon--disabled);
--tag_background--interactive: var(--interactive_background);
--tag_color--informative: var(--informative_color);
--tag_background--informative: var(--informative_background);
--tag_color--accented: var(--accented_strong_color);
--tag_background--accented: var(--accented_strong_background);
--tag_color--warning: var(--warning_color);
--tag_background--warning: var(--warning_background);
--tag_color--danger: var(--grey-6);
--tag_background--danger: var(--danger_background);
--tag_color--success: var(--success_strong_color);
--tag_background--success: var(--success_strong_background);
--tab_link-color: var(--link_color);
--tab_link-color--selected: var(--link-secondary_color);
--tab_link-vertical-color--selected: var(--tab_link-color--selected);
--tab_border: var(--grey-5);
--tab_border--selected: var(--link-secondary_color);
--button-back-to-top_background: var(--white);
/* --interactive_background */
--button-back-to-top_background--hover: var(--brand-2);
--button-back-to-top_icon-color: var(--brand-2);
--button-back-to-top_padding: 7px;
--button-back-to-top_border-color: var(--brand-2);
--button-back-to-top_icon-color--active: var(--white);
--highlight-area_color--highlighted: var(--accented_weak_color);
--highlight-area_background--highlighted: var(--accented_weak_background);
--highlight-area_border--highlighted: var(--accented_weak_border);
--highlight-area_icon--highlighted: var(--accented_weak_icon);
--linkbox_heading-color: inherit;
--linkbox_heading-background-color: inherit;
--linkbox_border-heading-color: var(--brand-5);
--linkbox_border-content-color: var(--brand-5);
--linkbox_link-color: var(--link_color);
--linkbox_link-color--hover: var(--link_color--hover);
--linkbox_link-color--active: var(--link_color--active);
--fineprint: var(--grey-2);
--table-label: var(--grey-2);
--table_border_color: var(--brand-5);
--table-text: var(--grey-1);
--check-list_icon: url('data:image/svg+xml;utf8,');
--check-list_icon_width: 16px;
--check-list_icon_height: 16px;
--header_color: var(--grey-2);
--header_preamble: var(--grey-2);
--header_icon_color: rgba(212, 212, 212, 0.3);
--header_color--branded: var(--interactive_strong_color);
--header_color--branded--hover: var(--grey-5);
--header_icon_color--branded: rgba(225, 233, 237, 0.1);
--header_color--branded-inverted: var(--grey-1);
--header_color--branded-inverted--hover: var(--grey-2);
--header_icon_color--branded-inverted: rgba(72, 72, 72, 0.1);
--header-margin-top: 0px;
--title_color: var(--grey-2);
--footer_color: var(--brand-2);
--footer_background: var(--brand-6);
--input-field_color: var(--interactive_color);
--input-field_color--hover: var(--interactive_color--hover);
--input-field_color--focus: var(--interactive_color--hover);
--input-field_color--active: var(--interactive_color--active);
--input-field_color--disabled: var(--interactive_color--disabled);
--input-field_color--selected: var(--interactive_color--selected);
--input-field_color--selected-hover: var(--interactive_color--selected-hover);
--input-field_color--success: var(--interactive_color--success);
--input-field_color--error: var(--interactive_color--error);
--input-field_placeholder_color: var(--placeholder_color);
--input-field_background: var(--interactive_background);
--input-field_background--hover: var(--white);
--input-field_background--focus: var(--white);
--input-field_background--active: var(--white);
--input-field_background--disabled: var(--interactive_background--disabled);
--input-field_background--selected: var(--interactive_background--selected);
--input-field_background--selected-hover: var(--interactive_background--selected-hover);
--input-field_background--success: var(--interactive_background--success);
--input-field_background--error: var(--interactive_background--error);
--input-field_border: var(--interactive_border);
--input-field_border--hover: var(--interactive_border--hover);
--input-field_border--focus: var(--interactive_border--focus);
--input-field_border--active: var(--interactive_border--active);
--input-field_border--disabled: var(--interactive_border--disabled);
--input-field_border--selected: var(--interactive_border--selected);
--input-field_border--selected--hover: var(--interactive_border--selected-hover);
--input-field_border--success: var(--interactive_border--success);
--input-field_border--error: var(--interactive_border--error);
--input-field_icon: var(--interactive_icon);
--input-field_icon--hover: var(--interactive_icon--hover);
--input-field_icon--active: var(--interactive_icon--active);
--input-field_icon--focus: var(--interactive_icon--hover);
--input-field_icon--disabled: var(--interactive_icon--disabled);
--input-field_icon--selected: var(--interactive_icon--selected);
--input-field_icon--selected-hover: var(--interactive_icon--selected-hover);
--input-field_icon--success: var(--interactive_icon--success);
--input-field_icon--error: var(--interactive_icon--error);
--input-field_font-size: var(--font-size_button);
--input-field_font-weight: var(--font-weight--semibold);
--input-field-label_font-weight: var(--font-weight--semibold);
--search-input_color: var(--brand-2);
--search-input_background: var(--grey-6);
--search-input_background--hover: var(--grey-6);
--search-input_background--focus: var(--grey-6);
--search-input_background--active: var(--grey-6);
--search-input_border: transparent;
--search-input_border--hover: transparent;
--search-input_icon: var(--brand-2);
--search-input_placeholder: var(--brand-2);
--search-input--reset: url("data:image/svg+xml;utf8,");
--search-input--reset-inverted: url("data:image/svg+xml;utf8,");
--search-input_header_icon: var(--brand-2);
--search-input-navbar_color: var(--brand-2);
--search-input-navbar_color--hover: var(--brand-1);
--search-input-navbar_background: var(--grey-6);
--search-input-navbar_icon: var(--brand-2);
--search-input-navbar_icon--hover: var(--brand-1);
--search-input-navbar_icon--focus: var(--brand-1);
--search-input-navbar_icon--active: var(--brand-1);
--submenu-link-color: var(--link_color);
--submenu-link-color--hover: var(--link_color--hover);
--submenu-link-color--active: var(--link_color--active);
--submenu-link-color--disabled: var(--link_color--disabled);
--submenu-color-selected: var(--link-secondary_color);
--navbar-height: 56px;
--navbar_background: var(--white);
/* Could be this should be part of a sentiment scheme */
--navbar-delimiter_width: 16px;
--navbar-delimiter_background: var(--grey-5);
--navbar-delimiter-clip: 'm0 0v0.68164l13.859 24.18c0.55001 0.95972 0.82617 2.0492 0.82617 3.1387s-0.27616 2.1789-0.82617 3.1387l-13.859 24.18v0.68164h16v-56z';
--navbar-delimiter-clipicon: 'm0.86719-0.24805-1.115 0.49609 14.107 24.613c0.55001 0.95972 0.82617 2.0492 0.82617 3.1387s-0.27616 2.1789-0.82617 3.1387l-14.107 24.613 1.115 0.49609 14.107-24.613c0.64019-1.1171 0.95898-2.3763 0.95898-3.6348s-0.3188-2.5177-0.95898-3.6348z';
--navbar-icon-margin-right: 0;
--navbar_position: fixed;
--navbar-user-menu_display: inline-flex;
--navbar-user-menu-selector-menu_border: var(--border-width) solid var(--white);
--subject_letter_color: var(--grey-3);
--subject_link_color: var(--brand-1);
--subject_link-synonym_color: var(--brand-2);
--subject_border-color: var(--grey-5);
--subject-nav_background: var(--interactive_weak_background);
--subject-nav_color: var(--interactive_medium_color);
--subject-nav_color--hover: var(--interactive_medium_background--hover);
--subject-nav_color--active: var(--white);
--subject-nav_color--disabled: var(--interactive_medium_color--disabled);
--subject-nav_color--background: var(--interactive_medium_color);
--view-changer_border: var(--common-border);
--view-changer_color: var(--grey-5);
--view-changer_color--select: var(--brand-2);
--guide_color: var(--brand-1);
--guide_background: transparent;
--guide_border-color: var(--grey-5);
--guide_label_color: var(--brand-2);
--formula_color: var(--brand-0);
--formula_background: var(--brand-6);
--formula_empty-value: var(--grey-3);
--search_highlight_color: var(--brand-1);
--search_highlight_background: var(--green-5);
--search_highlight_padding: 4px;
--agreement-onboarding_border: var(--grey-5);
--agreement-onboarding_background: transparent;
--agreement-onboarding_color: inherit;
--agreement-picker_border: var(--grey-5);
--agreement-picker_background: transparent;
--agreement-picker_color: var(--button-secondary_color);
--onboarding_background-color: var(--brand-6);
--onboarding-dot_color: var(--brand-4);
--onboarding-dot_color--active: var(--brand-1);
--onboarding-border_color: var(--brand-5);
--section-note_border: transparent;
--section-note_border--hover: var(--interactive_medium_border--hover);
--section-note_border--active: var(--interactive_medium_border--active);
--section-note_border--disabled: var(--interactive_medium_border--disabled);
--section-note-icon: var(--interactive_medium_border--hover);
--section-note-icon--hover: var(--interactive_medium_icon--hover);
--section-note-icon--active: var(--interactive_medium_border--active);
--section-note-icon--disabled: var(--interactive_medium_icon--disabled);
--supplement-icon-internal-comment-color: var(--white);
--supplement-icon-internal-comment-background: var(--grey-0);
--supplement-icon-internal-comment-image: url('data:image/svg+xml,');
--supplement-content-internal-comment-title-color: var(--warm-1);
--supplement-tooltip-accented-background: var(--warm-5);
--supplement-tooltip-accented-border: var(--warm-3);
--denotation_superheading_font: var(--font-weight--extrabold) var(--font-size_2xsmall) / var(--line-height--header) var(--font-family_body);
--denotation_superheading_letter-spacing: var(--letter-spacing--large);
--denotation_superheading_text-transform: uppercase;
--denotation_superheading_color: inherit;
--denotation_heading_font: var(--font-weight--bold) var(--font-size_large) / var(--line-height--header) var(--font-family_body);
--denotation_subheading_font: var(--font-weight--semibold) var(--font-size_small) / var(--line-height--header) var(--font-family_body);
--denotation_subheading_color: inherit;
--denotation_title_font: var(--font-weight--semibold) var(--text--medium) / var(--line-height--header) var(--font-family_body);
--denotation_title_color: inherit;
--denotation-icon_color: gray;
--denotation-icon_color--hover: inherit;
--denotation-icon_color--active: inherit;
--denotation-icon_color--disabled: inherit;
--icon-chevron: url('data:image/svg+xml,');
--icon-check: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7.8L6.7 11L12.7 5' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
--icon-listbox-indicator: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 21 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20.501 10.039-9.2103-9.2103c-0.21831-0.21831-0.50303-0.32733-0.78794-0.32733s-0.56963 0.10902-0.78794 0.32733l-9.2103 9.2103' fill='white' stop-color='%23000000' stroke='inherit' stroke-linecap='round' stroke-width='inherit'/%3E%3C/svg%3E");
--icon-hamburger-menu: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4H21' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M3 12H21' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M3 20H21' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
--menu-selector-invoker-font: var(--font-weight--bold) var(--text--medium) / var(--line-height--header) var(--font-family_body);
--menu-selector-invoker-icon: var(--icon-hamburger-menu);
--menu-selector-invoker-icon-width: 24px;
--menu-selector-invoker-icon-height: 24px;
--menu-selector-invoker-background: var(--interactive_background);
--menu-selector-invoker-background--hover: var(--interactive_background--hover);
--menu-selector-invoker-background--active: var(--interactive_background--active);
--menu-selector-invoker-background--disabled: var(--interactive_background--disabled);
--menu-selector-invoker-background--selected: var(--interactive_background--selected);
--menu-selector-invoker-background--selected-hover: var(--interactive_background--selected-hover);
--icon-menu-selector-delimiter: url("data:image/svg+xml,%3Csvg width='17' height='57' viewBox='0 0 17 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 0H1L16 26V28V29.5L1 56H17V0Z' fill='currentColor' /%3E%3Cpath d='M1 0L15.1073 24.6135C15.7024 25.6519 16 26.826 16 28C16 29.174 15.7024 30.3481 15.1073 31.3865L1 56' stroke='currentColor' stroke-width='2' /%3E%3C/svg%3E");
--menu-selector-invoker-delimiter: var(--interactive_border);
--menu-selector-invoker-delimiter--hover: var(--interactive_border--hover);
--menu-selector-invoker-delimiter--active: var(--interactive_border--active);
--menu-selector-invoker-delimiter--disabled: var(--interactive_border--disabled);
--menu-selector-invoker-delimiter--selected: var(--interactive_border--selected);
--menu-selector-invoker-delimiter--selected-hover: var(--interactive_border--selected-hover);
}