/* !Do not modify! This file is autogenerated on every push to master of "core-design-system-variables" repository.*/
/* Every manual change will be overwritten by next push into branch from designers (figma tokens) */

:root {
	/* border-radius */
	--border-radius-xsmall: 2px;
	--border-radius-small: 2px;
	--border-radius-medium: 4px;
	--border-radius-large: 8px;
	--border-radius-xlarge: 100px;
	/* boxshadow1 [elevation shorthand] */
	--boxshadow1: 0px 6px 6px 0px #00000026;
	/* boxshadow2 [elevation shorthand] */
	--boxshadow2: 0px 4px 4px 0px #00000033;
	/* boxshadow3 [elevation shorthand] */
	--boxshadow3: 0px 2px 2px 0px #00000033;
	/* Display.Lead [font shorthand] */
	--display-lead: 700 56px/80px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Display.Regular [font shorthand] */
	--display-regular: 700 48px/65px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Display.Small [font shorthand] */
	--display-small: 700 40px/56px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Display.Tiny [font shorthand] */
	--display-tiny: 700 36px/56px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Display.fds [font shorthand] */
	--fds-display-lead: 700 56px/80px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-display-regular: 700 48px/65px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-display-small: 700 40px/56px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-display-tiny: 700 36px/56px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Headline.Lead [font shorthand] */
	--headline-lead: 700 32px/48px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Headline.Regular [font shorthand] */
	--headline-regular: 700 24px/40px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Headline.Small [font shorthand] */
	--headline-small: 700 20px/32px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Headline.Tiny [font shorthand] */
	--headline-tiny: 700 16px/24px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Headline.fds [font shorthand] */
	--fds-headline-lead: 700 32px/40px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-headline-regular: 700 24px/32px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-headline-small: 700 20px/32px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-headline-tiny: 700 16px/24px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Paragraphs.Lead [font shorthand] */
	--paragraphs-lead: 400 16px/24px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Paragraphs.Lead - bold [font shorthand] */
	--paragraphs-lead-bold: 700 16px/24px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Paragraphs.Regular [font shorthand] */
	--paragraphs-regular: 400 14px/20px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Paragraphs.Regular - bold [font shorthand] */
	--paragraphs-regular-bold: 700 14px/20px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Paragraphs.Small [font shorthand] */
	--paragraphs-small: 400 12px/16px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Paragraphs.Small - bold [font shorthand] */
	--paragraphs-small-bold: 700 12px/16px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Paragraphs.Tiny [font shorthand] */
	--paragraphs-tiny: 400 10px/16px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Paragraphs.Tiny - bold [font shorthand] */
	--paragraphs-tiny-bold: 700 10px/16px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* Paragraphs.fds [font shorthand] */
	--fds-paragraphs-lead: 400 16px/24px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-paragraphs-lead-bold: 700 16px/24px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-paragraphs-regular: 400 14px/20px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-paragraphs-regular-bold: 700 14px/20px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-paragraphs-small: 400 12px/16px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-paragraphs-small-bold: 700 12px/16px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-paragraphs-tiny: 400 10px/16px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-paragraphs-tiny-bold: 700 10px/16px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-paragraphs-micro: 400 8px/12px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	--fds-paragraphs-micro-bold: 700 8px/12px Roboto, "Roboto Fallback: Arial", "Roboto Fallback: Roboto", Arial, Roboto;
	/* var.header */
	--header: #037E21;
	/* var.header-interaction-medium */
	--header-interaction-medium: #1c8b37;
	/* var.header-interaction-high */
	--header-interaction-high: #03711e;
	/* var.on-header */
	--on-header: #ffffff;
	/* var.primary */
	--primary: #037E21;
	/* var.primary-interaction-low */
	--primary-interaction-low: #e6f2e9;
	/* var.primary-interaction-medium */
	--primary-interaction-medium: #1c8b37;
	/* var.on-primary */
	--on-primary: #ffffff;
	/* var.secondary */
	--secondary: #EFBF01;
	/* var.secondary-interaction-low */
	--secondary-interaction-low: #fdf9e6;
	/* var.secondary-interaction-medium */
	--secondary-interaction-medium: #f2cc34;
	/* var.on-secondary */
	--on-secondary: #000000de;
	/* var.tertiary */
	--tertiary: #2B2C30;
	/* var.tertiary-interaction-low */
	--tertiary-interaction-low: #eaeaea;
	/* var.tertiary-interaction-medium */
	--tertiary-interaction-medium: #404145;
	/* var.on-tertiary */
	--on-tertiary: #ffffff;
	/* var.success */
	--success: #61AA00;
	/* var.on-success */
	--on-success: #ffffff;
	/* var.alert */
	--alert: #FAA200;
	/* var.on-alert */
	--on-alert: #ffffff;
	/* var.info */
	--info: #0B88F9;
	/* var.on-info */
	--on-info: #ffffff;
	/* var.error */
	--error: #DD2727;
	/* var.on-error */
	--on-error: #ffffff;
	/* var.background */
	--background: #ffffff;
	/* var.on-background */
	--on-background: #000000de;
	/* var.surface */
	--surface: #F9F9F9;
	/* var.surface-variant */
	--surface-variant: #ffffff;
	/* var.on-surface-hi */
	--on-surface-hi: #000000de;
	/* var.on-surface-m */
	--on-surface-m: #00000099;
	/* var.on-surface-low */
	--on-surface-low: #00000061;
	/* var.on-surface-color */
	--on-surface-color: #037E21;
	/* var.alternate-surface */
	--alternate-surface: #272728;
	/* var.alternate-surface-variant */
	--alternate-surface-variant: #303031;
	/* var.alternate-surface-nav */
	--alternate-surface-nav: linear-gradient(0deg, #272728 0%, #555556 100%);
	/* var.alternate-overlay */
	--alternate-overlay: linear-gradient(0deg, rgba(39, 39, 40, 1) 0%, rgba(39, 39, 40, 0) 100%);
	/* var.alternate-overlay-variant */
	--alternate-overlay-variant: linear-gradient(90deg, rgba(39, 39, 40, 1) 0%, rgba(39, 39, 40, 0) 100%);
	/* var.on-alternate-surface-hi */
	--on-alternate-surface-hi: #ffffff;
	/* var.on-alternate-surface-m */
	--on-alternate-surface-m: #ffffffde;
	/* var.on-alternate-surface-low */
	--on-alternate-surface-low: #ffffff99;
	/* var.on-alternate-surface-color */
	--on-alternate-surface-color: #EFBF01;
	/* var.surface-nav */
	--surface-nav: #F9F9F9;
	/* var.surface-nav-variant */
	--surface-nav-variant: #F9F9F9;
	/* var.on-surface-nav-hi */
	--on-surface-nav-hi: #000000de;
	/* var.on-surface-nav-m */
	--on-surface-nav-m: #00000099;
	/* var.on-surface-nav-low */
	--on-surface-nav-low: #00000061;
	/* var.btn */
	--fds-btn-accent: #EFBF01;
	--fds-btn-accent-hover: #78b66d;
	--fds-btn-accent-active: #f2cc34;
	--fds-on-btn-accent: #000000de;
	--fds-btn-default: #037E21;
	--fds-btn-default-hover: #F92424;
	--fds-btn-default-active: #1c8b37;
	--fds-on-btn-default: #ffffffde;
	--fds-btn-alternate-accent: #2B2C30;
	--fds-btn-alternate-accent-hover: #ffe033;
	--fds-btn-alternate-accent-active: #404145;
	--fds-on-btn-alternate-accent: #037E21;
	--fds-btn-on-surface-hover: #00000003;
	--fds-btn-on-surface-active: #0000001A;
	--fds-btn-on-alternate-surface-hover: rgba(255,255,255,0.15);
	--fds-btn-on-alternate-surface-active: rgba(255,255,255,0.3);
	--fds-btn-on-alternate-surface-default: #EFBF01;
	--fds-btn-on-surface-default: #037E21;
	--fds-btn-on-header-default: #ffffff;
	/* var.fds */
	--fds-header: #037E21;
	--fds-header-interaction-medium: #1c8b37;
	--fds-header-interaction-high: #03711e;
	--fds-on-header: #ffffff;
	--fds-primary: #037E21;
	--fds-primary-interaction-low: #e6f2e9;
	--fds-primary-interaction-medium: #1c8b37;
	--fds-on-primary: #ffffff;
	--fds-secondary: #EFBF01;
	--fds-secondary-interaction-low: #fdf9e6;
	--fds-secondary-interaction-medium: #f2cc34;
	--fds-on-secondary: #000000de;
	--fds-tertiary: #2B2C30;
	--fds-tertiary-interaction-low: #eaeaea;
	--fds-tertiary-interaction-medium: #404145;
	--fds-on-tertiary: #ffffff;
	--fds-success: #61AA00;
	--fds-success-surface: #D8F2D7;
	--fds-on-success: #000000de;
	--fds-on-success-alternate: #ffffff;
	--fds-alert: #FAA200;
	--fds-alert-surface: #FCE7D7;
	--fds-on-alert: #000000de;
	--fds-on-alert-alternate: #ffffff;
	--fds-info: #608DF2;
	--fds-info-surface: #E3E8FF;
	--fds-on-info: #000000de;
	--fds-on-info-alternate: #ffffff;
	--fds-error: #DD2727;
	--fds-error-surface: #FFE0E8;
	--fds-on-error: #000000de;
	--fds-on-error-alternate: #ffffff;
	--fds-background: #ffffff;
	--fds-on-background: #000000de;
	--fds-surface: #F9F9F9;
	--fds-surface-variant: #ffffff;
	--fds-surface-accent: #e6f2e9;
	--fds-on-surface-hi: #000000de;
	--fds-on-surface-m: #00000099;
	--fds-on-surface-low: #00000061;
	--fds-on-surface-ulow: #0000001A;
	--fds-on-surface-color: #037E21;
	--fds-alternate-surface: #272728;
	--fds-alternate-surface-variant: #303031;
	--fds-alternate-surface-nav: #272728;
	--fds-alternate-overlay: linear-gradient(0deg, rgba(39, 39, 40, 1) 0%, rgba(39, 39, 40, 0) 100%);
	--fds-alternate-overlay-variant: linear-gradient(90deg, rgba(39, 39, 40, 1) 0%, rgba(39, 39, 40, 0) 100%);
	--fds-on-alternate-surface-hi: #ffffff;
	--fds-on-alternate-surface-m: #ffffffde;
	--fds-on-alternate-surface-low: #ffffff99;
	--fds-on-alternate-surface-ulow: rgba(255,255,255,0.15);
	--fds-on-alternate-surface-nav-color: #037E21;
	--fds-on-alternate-surface-color: #EFBF01;
	--fds-surface-nav: #F9F9F9;
	--fds-surface-nav-variant: #F9F9F9;
	--fds-on-surface-nav-hi: #000000de;
	--fds-on-surface-nav-m: #00000099;
	--fds-on-surface-nav-low: #00000061;
	--fds-on-surface-nav-color: #4fa564;
	--fds-overlay: #00000099;
	/* spacing */
	--spacing-xsmall: 4px;
	--spacing-small: 8px;
	--spacing-medium: 16px;
	--spacing-large: 24px;
	--spacing-xlarge: 32px;
	--spacing-custom1: 12px;
	/* fds-spacing */
	--fds-spacing-100: 8px;
	--fds-spacing-150: 12px;
	--fds-spacing-200: 16px;
	--fds-spacing-250: 20px;
	--fds-spacing-300: 24px;
	--fds-spacing-400: 32px;
	--fds-spacing-500: 40px;
	--fds-spacing-600: 48px;
	--fds-spacing-050: 4px;
	/* fds-border-radius */
	--fds-border-radius-btn-default: 4px;
	--fds-border-radius-btn-alternate: 100px;
	--fds-border-radius-container-default: 8px;
	--fds-border-radius-input-default: 4px;
	--fds-border-radius-input-alternate: 100px;
	/* border-100 */
	--border-100: [object Object];
	/* fds-border-btn-secondary */
	--fds-border-btn-secondary: 1.5px;
	/* fds-elevation-on-surface-01 [elevation shorthand] */
	--fds-elevation-on-surface-01: 6px 7px 3px 0px #00000000, 4px 4px 2px 0px #00000003, 2px 2px 2px 0px #0000000d, 1px 1px 1px 0px #00000017, 0px 0px 1px 0px #0000001a;
	/* fds-elevation-on-surface-02 [elevation shorthand] */
	--fds-elevation-on-surface-02: 23px 18px 8px 0px #00000000, 15px 12px 8px 0px #00000003, 8px 7px 6px 0px #0000000d, 4px 3px 5px 0px #00000017, 1px 1px 3px 0px #0000001a;
	/* fds-elevation-on-surface-03 [elevation shorthand] */
	--fds-elevation-on-surface-03: 16px 40px 12px 0px #00000000, 10px 25px 11px 0px #00000003, 6px 14px 9px 0px #0000000a, 3px 6px 7px 0px #00000012, 1px 2px 4px 0px #00000014;
	/* fds-elevation-on-alternate-surface-01 [elevation shorthand] */
	--fds-elevation-on-alternate-surface-01: 19px 15px 7px 0px #00000000, 12px 10px 6px 0px #00000008, 7px 5px 5px 0px #0000001a, 3px 2px 4px 0px #0000002b, 1px 1px 2px 0px #00000033;
	/* fds-elevation-on-alternate-surface-02 [elevation shorthand] */
	--fds-elevation-on-alternate-surface-02: 20px 19px 8px 0px #00000000, 13px 12px 7px 0px #00000008, 7px 7px 6px 0px #0000001a, 3px 3px 4px 0px #0000002b, 1px 1px 2px 0px #00000033;
	/* fds-elevation-on-alternate-surface-03 [elevation shorthand] */
	--fds-elevation-on-alternate-surface-03: 21px 40px 13px 0px #00000000, 13px 26px 12px 0px #00000008, 7px 14px 10px 0px #0000001a, 3px 6px 7px 0px #0000002b, 1px 2px 4px 0px #00000033;
	/* z-index */
	--fds-z-index-700: 700;
	--fds-z-index-800: 800;
	--fds-z-index-900: 900;
	--fds-z-index-950: 950;
	--fds-z-index-1000: 1000;
}