// Chroma Design System
// Design Tokens - v16.0.0

$color-background-white: #FFFFFF;
$color-background-black: #121212;
$color-background-primary: #0067F6;
$color-background-primary-light: #F2F7FF;
$color-background-secondary: #f8db00;
$color-background-secondary-light: #fffdf2;
$color-background-accent: #001657;
$color-background-accent-light: #F2F3F7;
$color-background-supplementary-1: #E0E0E0;
$color-background-supplementary-1-light: #FDFDFD;
$color-background-supplementary-2: #E0E0E0;
$color-background-supplementary-2-light: #FDFDFD;
$color-background-supplementary-3: #E0E0E0;
$color-background-supplementary-3-light: #FDFDFD;
$color-background-error: #DA0000;
$color-background-error-light: #FDF2F2;
$color-background-warning: #C6501B;
$color-background-warning-light: #DD9676;
$color-background-success: #47810E;
$color-background-success-light: #F6F9F3;
$color-background-information: #2D799F;
$color-background-information-light: #81AFC5;
$color-border-default: #909194;
$color-border-light: #F0F2F7;
$color-border-focus: #0067F6;
$color-border-primary: #0067F6;
$color-border-primary-light: #66A4FA;
$color-border-secondary: #f8db00;
$color-border-secondary-light: #fbe966;
$color-border-accent: #001657;
$color-border-accent-light: #66739A;
$color-border-supplementary-1: #E0E0E0;
$color-border-supplementary-1-light: #EBEBEB;
$color-border-supplementary-2: #E0E0E0;
$color-border-supplementary-2-light: #EBEBEB;
$color-border-supplementary-3: #E0E0E0;
$color-border-supplementary-3-light: #EBEBEB;
$color-border-error: #DA0000;
$color-border-error-light: #E96666;
$color-border-warning: #C6501B;
$color-border-warning-light: #DD9676;
$color-border-success: #47810E;
$color-border-success-light: #91B36E;
$color-border-information: #2D799F;
$color-border-information-light: #81AFC5;
$color-foundation-primary-lighter: #F2F7FF; // color.global.brand.primary.50
$color-foundation-primary-light: #66A4FA; // color.global.brand.primary.300
$color-foundation-primary-default: #0067F6; // color.global.brand.primary.500
$color-foundation-primary-dark: #003987; // color.global.brand.primary.700
$color-foundation-primary-darker: #001531; // color.global.brand.primary.900
$color-foundation-primary-contrast: #FFFFFF;
$color-foundation-primary-beside: #121212;
$color-foundation-primary-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-primary-block: #003987;
$color-foundation-primary-neutral-solid: #EFEFEF;
$color-foundation-secondary-lighter: #fffdf2; // color.global.brand.secondary.50
$color-foundation-secondary-light: #fbe966; // color.global.brand.secondary.300
$color-foundation-secondary-default: #f8db00; // color.global.brand.secondary.500
$color-foundation-secondary-dark: #F2CA00; // color.global.brand.secondary.700
$color-foundation-secondary-darker: #322c00; // color.global.brand.secondary.900
$color-foundation-secondary-contrast: #121212;
$color-foundation-secondary-beside: #FFFFFF;
$color-foundation-secondary-neutral: rgba(255, 255, 255, 0.15);
$color-foundation-secondary-block: #F2CA00;
$color-foundation-secondary-neutral-solid: #3E3E3E;
$color-foundation-accent-lighter: #F2F3F7; // color.global.brand.accent.50
$color-foundation-accent-light: #66739A; // color.global.brand.accent.300
$color-foundation-accent-default: #001657; // color.global.brand.accent.500
$color-foundation-accent-dark: #000D34; // color.global.brand.accent.700
$color-foundation-accent-darker: #000411; // color.global.brand.accent.900
$color-foundation-accent-contrast: #FFFFFF;
$color-foundation-accent-beside: #121212;
$color-foundation-accent-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-accent-block: #001246;
$color-foundation-accent-neutral-solid: #EFEFEF;
$color-foundation-supplementary-1-lighter: #FDFDFD;
$color-foundation-supplementary-1-light: #EBEBEB;
$color-foundation-supplementary-1-default: #E0E0E0;
$color-foundation-supplementary-1-dark: #898989;
$color-foundation-supplementary-1-darker: #2D2D2D;
$color-foundation-supplementary-1-contrast: #121212;
$color-foundation-supplementary-1-beside: #FFFFFF;
$color-foundation-supplementary-1-neutral: rgba(255, 255, 255, 0.15);
$color-foundation-supplementary-1-block: #EBEBEB;
$color-foundation-supplementary-1-neutral-solid: #3E3E3E;
$color-foundation-supplementary-2-lighter: #FDFDFD;
$color-foundation-supplementary-2-light: #EBEBEB;
$color-foundation-supplementary-2-default: #E0E0E0;
$color-foundation-supplementary-2-dark: #898989;
$color-foundation-supplementary-2-darker: #2D2D2D;
$color-foundation-supplementary-2-contrast: #121212;
$color-foundation-supplementary-2-beside: #FFFFFF;
$color-foundation-supplementary-2-neutral: rgba(255, 255, 255, 0.15);
$color-foundation-supplementary-2-block: #EBEBEB;
$color-foundation-supplementary-2-neutral-solid: #3E3E3E;
$color-foundation-supplementary-3-lighter: #FDFDFD;
$color-foundation-supplementary-3-light: #EBEBEB;
$color-foundation-supplementary-3-default: #E0E0E0;
$color-foundation-supplementary-3-dark: #898989;
$color-foundation-supplementary-3-darker: #2D2D2D;
$color-foundation-supplementary-3-contrast: #121212;
$color-foundation-supplementary-3-beside: #FFFFFF;
$color-foundation-supplementary-3-neutral: rgba(255, 255, 255, 0.15);
$color-foundation-supplementary-3-block: #EBEBEB;
$color-foundation-supplementary-3-neutral-solid: #3E3E3E;
$color-foundation-link-lighter: #F2F7FF; // color.global.brand.link.50
$color-foundation-link-light: #66A4FA; // color.global.brand.link.300
$color-foundation-link-default: #0067F6; // color.global.brand.link.500
$color-foundation-link-dark: #003E94; // color.global.brand.link.700
$color-foundation-link-darker: #001531; // color.global.brand.link.900
$color-foundation-neutral-white: #FFFFFF; // color.global.system.white
$color-foundation-neutral-grey: #F0F2F7; // color.global.system.grey.500
$color-foundation-neutral-black: #121212; // color.global.system.black
$color-foundation-neutral-lighter: #FCFCFD; // color.global.system.grey.100
$color-foundation-neutral-light: #F6F7FA; // color.global.system.grey.300
$color-foundation-neutral-default: #F0F2F7; // color.global.system.grey.500
$color-foundation-neutral-dark: #909194; // color.global.system.grey.700
$color-foundation-neutral-darker: #303031; // color.global.system.grey.900
$color-foundation-neutral-transparent: rgba(255, 255, 255, 0); // color.global.system.transparent
$color-foundation-error-lighter: #FDF2F2; // color.global.system.red.50
$color-foundation-error-light: #E96666; // color.global.system.red.300
$color-foundation-error-default: #DA0000; // color.global.system.red.500
$color-foundation-error-dark: #830000; // color.global.system.red.700
$color-foundation-error-darker: #2C0000; // color.global.system.red.900
$color-foundation-error-contrast: #FFFFFF;
$color-foundation-error-beside: #121212;
$color-foundation-error-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-error-block: #AE0000;
$color-foundation-error-neutral-solid: #EFEFEF;
$color-foundation-success-lighter: #F6F9F3; // color.global.system.green.50
$color-foundation-success-light: #91B36E; // color.global.system.green.300
$color-foundation-success-default: #47810E; // color.global.system.green.500
$color-foundation-success-dark: #2B4D08; // color.global.system.green.700
$color-foundation-success-darker: #0E1A03; // color.global.system.green.900
$color-foundation-success-contrast: #FFFFFF;
$color-foundation-success-beside: #121212;
$color-foundation-success-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-success-block: #39670B;
$color-foundation-success-neutral-solid: #EFEFEF;
$color-foundation-warning-lighter: #FCF6F4; // color.global.system.orange.50
$color-foundation-warning-light: #DD9676; // color.global.system.orange.300
$color-foundation-warning-default: #C6501B; // color.global.system.orange.500
$color-foundation-warning-dark: #773010; // color.global.system.orange.700
$color-foundation-warning-darker: #281005; // color.global.system.orange.900
$color-foundation-warning-contrast: #FFFFFF;
$color-foundation-warning-beside: #121212;
$color-foundation-warning-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-warning-block: #9E4016;
$color-foundation-warning-neutral-solid: #EFEFEF;
$color-foundation-information-lighter: #F4F8FA; // color.global.system.blue.50
$color-foundation-information-light: #81AFC5; // color.global.system.blue.300
$color-foundation-information-default: #2D799F; // color.global.system.blue.500
$color-foundation-information-dark: #1B495F; // color.global.system.blue.700
$color-foundation-information-darker: #091820; // color.global.system.blue.900
$color-foundation-information-contrast: #FFFFFF;
$color-foundation-information-beside: #121212;
$color-foundation-information-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-information-block: #24617F;
$color-foundation-information-neutral-solid: #EFEFEF;
$color-foundation-greyscale-default: #303031;
$color-foundation-greyscale-contrast: #FFFFFF;
$color-foundation-greyscale-beside: #121212;
$color-foundation-greyscale-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-greyscale-block: #606163;
$color-foundation-greyscale-neutral-solid: #EFEFEF;
$color-foundation-interactive-lighter: #F2F7FF;
$color-foundation-interactive-light: #66A4FA;
$color-foundation-interactive-default: #0067F6;
$color-foundation-interactive-dark: #003987;
$color-foundation-interactive-darker: #001531;
$color-foundation-interactive-contrast: #FFFFFF;
$color-foundation-interactive-beside: #121212;
$color-foundation-interactive-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-interactive-block: #003987;
$color-foundation-interactive-neutral-solid: #EFEFEF;
$color-foundation-button-default-lighter: #F5F5F6;
$color-foundation-button-default-light: #888B8F;
$color-foundation-button-default-default: #383E44;
$color-foundation-button-default-dark: #222529;
$color-foundation-button-default-darker: #000;
$color-foundation-button-primary-lighter: #F2F7FF;
$color-foundation-button-primary-light: #66A4FA;
$color-foundation-button-primary-default: #0067F6;
$color-foundation-button-primary-dark: #003987;
$color-foundation-button-primary-darker: #001531;
$color-foundation-button-primary-contrast: #FFFFFF;
$color-foundation-button-primary-beside: #121212;
$color-foundation-button-primary-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-button-primary-block: #003987;
$color-foundation-button-secondary-lighter: #fffdf2;
$color-foundation-button-secondary-light: #fbe966;
$color-foundation-button-secondary-default: #f8db00;
$color-foundation-button-secondary-dark: #F2CA00;
$color-foundation-button-secondary-darker: #322c00;
$color-foundation-button-secondary-contrast: #121212;
$color-foundation-button-secondary-beside: #FFFFFF;
$color-foundation-button-secondary-neutral: rgba(255, 255, 255, 0.15);
$color-foundation-button-secondary-block: #F2CA00;
$color-foundation-button-accent-lighter: #F2F3F7;
$color-foundation-button-accent-light: #66739A;
$color-foundation-button-accent-default: #001657;
$color-foundation-button-accent-dark: #000D34;
$color-foundation-button-accent-darker: #000411;
$color-foundation-button-accent-contrast: #FFFFFF;
$color-foundation-button-accent-beside: #121212;
$color-foundation-button-accent-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-button-accent-block: #001246;
$color-foundation-button-supplementary-1-lighter: #FDFDFD;
$color-foundation-button-supplementary-1-light: #EBEBEB;
$color-foundation-button-supplementary-1-default: #E0E0E0;
$color-foundation-button-supplementary-1-dark: #898989;
$color-foundation-button-supplementary-1-darker: #2D2D2D;
$color-foundation-button-supplementary-1-contrast: #121212;
$color-foundation-button-supplementary-1-beside: #FFFFFF;
$color-foundation-button-supplementary-1-neutral: rgba(255, 255, 255, 0.15);
$color-foundation-button-supplementary-1-block: #EBEBEB;
$color-foundation-button-supplementary-2-lighter: #FDFDFD;
$color-foundation-button-supplementary-2-light: #EBEBEB;
$color-foundation-button-supplementary-2-default: #E0E0E0;
$color-foundation-button-supplementary-2-dark: #898989;
$color-foundation-button-supplementary-2-darker: #2D2D2D;
$color-foundation-button-supplementary-2-contrast: #121212;
$color-foundation-button-supplementary-2-beside: #FFFFFF;
$color-foundation-button-supplementary-2-neutral: rgba(255, 255, 255, 0.15);
$color-foundation-button-supplementary-2-block: #EBEBEB;
$color-foundation-button-supplementary-3-lighter: #FDFDFD;
$color-foundation-button-supplementary-3-light: #EBEBEB;
$color-foundation-button-supplementary-3-default: #E0E0E0;
$color-foundation-button-supplementary-3-dark: #898989;
$color-foundation-button-supplementary-3-darker: #2D2D2D;
$color-foundation-button-supplementary-3-contrast: #121212;
$color-foundation-button-supplementary-3-beside: #FFFFFF;
$color-foundation-button-supplementary-3-neutral: rgba(255, 255, 255, 0.15);
$color-foundation-button-supplementary-3-block: #EBEBEB;
$color-foundation-button-cta-1-lighter: #F2F7FF;
$color-foundation-button-cta-1-light: #66A4FA;
$color-foundation-button-cta-1-default: #0067F6;
$color-foundation-button-cta-1-dark: #003987;
$color-foundation-button-cta-1-darker: #001531;
$color-foundation-button-cta-1-contrast: #FFFFFF;
$color-foundation-button-cta-1-beside: #121212;
$color-foundation-button-cta-1-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-button-cta-1-block: #003987;
$color-foundation-button-cta-2-lighter: #F2F7FF;
$color-foundation-button-cta-2-light: #66A4FA;
$color-foundation-button-cta-2-default: #0067F6;
$color-foundation-button-cta-2-dark: #003987;
$color-foundation-button-cta-2-darker: #001531;
$color-foundation-button-cta-2-contrast: #FFFFFF;
$color-foundation-button-cta-2-beside: #121212;
$color-foundation-button-cta-2-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-button-cta-2-block: #003987;
$color-foundation-button-cta-3-lighter: #fffdf2;
$color-foundation-button-cta-3-light: #fbe966;
$color-foundation-button-cta-3-default: #f8db00;
$color-foundation-button-cta-3-dark: #F2CA00;
$color-foundation-button-cta-3-darker: #322c00;
$color-foundation-button-cta-3-contrast: #121212;
$color-foundation-button-cta-3-beside: #FFFFFF;
$color-foundation-button-cta-3-neutral: rgba(255, 255, 255, 0.15);
$color-foundation-button-cta-3-block: #F2CA00;
$color-foundation-button-interactive-lighter: #F2F7FF;
$color-foundation-button-interactive-light: #66A4FA;
$color-foundation-button-interactive-default: #0067F6;
$color-foundation-button-interactive-dark: #003987;
$color-foundation-button-interactive-darker: #001531;
$color-foundation-button-interactive-contrast: #FFFFFF;
$color-foundation-button-interactive-beside: #121212;
$color-foundation-button-interactive-neutral: rgba(0, 0, 0, 0.075);
$color-foundation-button-interactive-block: #003987;
$color-foundation-button-interactive-neutral-solid: #EFEFEF;
$color-foundation-icon-light: #F6F7FA;
$color-foundation-icon-default: #121212;
$color-foundation-placeholder: #6b6b6b;
$color-global-brand-primary-50: #F2F7FF;
$color-global-brand-primary-100: #CCE1FD;
$color-global-brand-primary-200: #99C2FB;
$color-global-brand-primary-300: #66A4FA;
$color-global-brand-primary-400: #3385F8;
$color-global-brand-primary-500: #0067F6;
$color-global-brand-primary-600: #0052C5;
$color-global-brand-primary-700: #003987;
$color-global-brand-primary-800: #002962;
$color-global-brand-primary-900: #001531;
$color-global-brand-primary-950: #00050C;
$color-global-brand-secondary-50: #fffdf2;
$color-global-brand-secondary-100: #fef8cc;
$color-global-brand-secondary-200: #fcf199;
$color-global-brand-secondary-300: #fbe966;
$color-global-brand-secondary-400: #f9e233;
$color-global-brand-secondary-500: #f8db00;
$color-global-brand-secondary-600: #c6af00;
$color-global-brand-secondary-700: #F2CA00;
$color-global-brand-secondary-800: #635800;
$color-global-brand-secondary-900: #322c00;
$color-global-brand-secondary-950: #0c0b00;
$color-global-brand-accent-50: #F2F3F7;
$color-global-brand-accent-100: #CCD0DD;
$color-global-brand-accent-200: #99A2BC;
$color-global-brand-accent-300: #66739A;
$color-global-brand-accent-400: #334579;
$color-global-brand-accent-500: #001657;
$color-global-brand-accent-600: #001246;
$color-global-brand-accent-700: #000D34;
$color-global-brand-accent-800: #000923;
$color-global-brand-accent-900: #000411;
$color-global-brand-accent-950: #000104;
$color-global-brand-supplementary-1-50: #FDFDFD;
$color-global-brand-supplementary-1-100: #F9F9F9;
$color-global-brand-supplementary-1-200: #F3F3F3;
$color-global-brand-supplementary-1-300: #EBEBEB;
$color-global-brand-supplementary-1-400: #E5E5E5;
$color-global-brand-supplementary-1-500: #E0E0E0;
$color-global-brand-supplementary-1-600: #BEBEBE;
$color-global-brand-supplementary-1-700: #898989;
$color-global-brand-supplementary-1-800: #5A5A5A;
$color-global-brand-supplementary-1-900: #2D2D2D;
$color-global-brand-supplementary-1-950: #0B0B0B;
$color-global-brand-supplementary-2-50: #FDFDFD;
$color-global-brand-supplementary-2-100: #F9F9F9;
$color-global-brand-supplementary-2-200: #F3F3F3;
$color-global-brand-supplementary-2-300: #EBEBEB;
$color-global-brand-supplementary-2-400: #E5E5E5;
$color-global-brand-supplementary-2-500: #E0E0E0;
$color-global-brand-supplementary-2-600: #BEBEBE;
$color-global-brand-supplementary-2-700: #898989;
$color-global-brand-supplementary-2-800: #5A5A5A;
$color-global-brand-supplementary-2-900: #2D2D2D;
$color-global-brand-supplementary-2-950: #0B0B0B;
$color-global-brand-supplementary-3-50: #FDFDFD;
$color-global-brand-supplementary-3-100: #F9F9F9;
$color-global-brand-supplementary-3-200: #F3F3F3;
$color-global-brand-supplementary-3-300: #EBEBEB;
$color-global-brand-supplementary-3-400: #E5E5E5;
$color-global-brand-supplementary-3-500: #E0E0E0;
$color-global-brand-supplementary-3-600: #BEBEBE;
$color-global-brand-supplementary-3-700: #898989;
$color-global-brand-supplementary-3-800: #5A5A5A;
$color-global-brand-supplementary-3-900: #2D2D2D;
$color-global-brand-supplementary-3-950: #0B0B0B;
$color-global-brand-link-50: #F2F7FF;
$color-global-brand-link-100: #CCE1FD;
$color-global-brand-link-200: #99C2FB;
$color-global-brand-link-300: #66A4FA;
$color-global-brand-link-400: #3385F8;
$color-global-brand-link-500: #0067F6;
$color-global-brand-link-600: #0052C5;
$color-global-brand-link-700: #003E94;
$color-global-brand-link-800: #002962;
$color-global-brand-link-900: #001531;
$color-global-brand-link-950: #00050C;
$color-global-system-black: #121212;
$color-global-system-white: #FFFFFF;
$color-global-system-transparent: rgba(255, 255, 255, 0);
$color-global-system-neutral-light: rgba(255, 255, 255, 0.15);
$color-global-system-neutral-dark: rgba(0, 0, 0, 0.075);
$color-global-system-neutral-solid-light: #EFEFEF;
$color-global-system-neutral-solid-dark: #3E3E3E;
$color-global-system-backdrop-dark: rgba(43, 46, 56, 0.9);
$color-global-system-backdrop-light: rgba(255, 255, 255, 0.9);
$color-global-system-grey-50: #FEFEFF;
$color-global-system-grey-100: #FCFCFD;
$color-global-system-grey-200: #F9FAFC;
$color-global-system-grey-300: #F6F7FA;
$color-global-system-grey-400: #F3F5F9;
$color-global-system-grey-500: #F0F2F7; // default
$color-global-system-grey-525: #E4E6EB;
$color-global-system-grey-550: #D8DADE;
$color-global-system-grey-575: #CCCED2;
$color-global-system-grey-600: #C0C2C6;
$color-global-system-grey-700: #909194;
$color-global-system-grey-800: #606163;
$color-global-system-grey-900: #303031;
$color-global-system-grey-950: #0C0C0C;
$color-global-system-red-50: #FDF2F2;
$color-global-system-red-100: #F8CCCC;
$color-global-system-red-200: #F09999;
$color-global-system-red-300: #E96666;
$color-global-system-red-400: #E13333;
$color-global-system-red-500: #DA0000; // default
$color-global-system-red-600: #AE0000;
$color-global-system-red-700: #830000;
$color-global-system-red-800: #570000;
$color-global-system-red-900: #2C0000;
$color-global-system-red-950: #0B0000;
$color-global-system-green-50: #F6F9F3;
$color-global-system-green-100: #DAE6CF;
$color-global-system-green-200: #B5CD9F;
$color-global-system-green-300: #91B36E;
$color-global-system-green-400: #6C9A3E;
$color-global-system-green-500: #47810E; // default
$color-global-system-green-600: #39670B;
$color-global-system-green-700: #2B4D08;
$color-global-system-green-800: #1C3406;
$color-global-system-green-900: #0E1A03;
$color-global-system-green-950: #040601;
$color-global-system-orange-50: #FCF6F4;
$color-global-system-orange-100: #F4DCD1;
$color-global-system-orange-200: #E8B9A4;
$color-global-system-orange-300: #DD9676;
$color-global-system-orange-400: #D17349;
$color-global-system-orange-500: #C6501B; // default
$color-global-system-orange-600: #9E4016;
$color-global-system-orange-700: #773010;
$color-global-system-orange-800: #4F200B;
$color-global-system-orange-900: #281005;
$color-global-system-orange-950: #0A0401;
$color-global-system-blue-50: #F4F8FA;
$color-global-system-blue-100: #D5E4EC;
$color-global-system-blue-200: #ABC9D9;
$color-global-system-blue-300: #81AFC5;
$color-global-system-blue-400: #5794B2;
$color-global-system-blue-500: #2D799F; // default
$color-global-system-blue-600: #24617F;
$color-global-system-blue-700: #1B495F;
$color-global-system-blue-800: #123040;
$color-global-system-blue-900: #091820;
$color-global-system-blue-950: #020608;
$color-interactive-default-background-color: #FFFFFF;
$color-interactive-default-border-color: #121212;
$color-interactive-default-color: #444444;
$color-interactive-default-icon: #0067F6;
$color-interactive-hover-background-color: #EFEFEF;
$color-interactive-hover-border-color: #0067F6;
$color-interactive-hover-color: #0067F6;
$color-interactive-hover-icon: #0067F6;
$color-interactive-checked-background-color: #0067F6;
$color-interactive-checked-border-color: #0067F6;
$color-interactive-checked-color: #FFFFFF;
$color-interactive-checked-icon: #FFFFFF;
$color-interactive-checked-focus-background-color: #0067F6;
$color-interactive-checked-focus-border-color: #0067F6;
$color-interactive-checked-focus-color: #FFFFFF;
$color-interactive-checked-focus-icon: #FFFFFF;
$color-interactive-focus-background-color: #FFFFFF;
$color-interactive-focus-border-color: #0067F6;
$color-interactive-focus-color: #444444;
$color-interactive-focus-icon: #0067F6;
$color-interactive-disabled-background-color: #F0F2F7;
$color-interactive-disabled-border-color: #909194;
$color-interactive-disabled-color: #909194;
$color-interactive-disabled-icon: #909194;
$color-interactive-error-background-color: #FFFFFF;
$color-interactive-error-border-color: #DA0000;
$color-interactive-error-color: #444444;
$color-interactive-error-icon: #121212;
$color-interactive-success-background-color: #FFFFFF;
$color-interactive-success-border-color: #47810E;
$color-interactive-success-color: #444444;
$color-interactive-success-icon: #121212;
$color-text-heading: #121212;
$color-text-headline: #121212;
$color-text-body: #444444;
$color-text-subheading: #444444;
$color-text-default: #444444;
$color-text-white: #FFFFFF;
$color-text-black: #444444;
$color-text-light: #303031;
$color-text-disabled: #909194;
$color-text-primary: #0067F6;
$color-text-primary-light: #66A4FA;
$color-text-secondary: #f8db00;
$color-text-secondary-light: #fbe966;
$color-text-accent: #001657;
$color-text-accent-light: #66739A;
$color-text-supplementary-1: #E0E0E0;
$color-text-supplementary-1-light: #EBEBEB;
$color-text-supplementary-2: #E0E0E0;
$color-text-supplementary-2-light: #EBEBEB;
$color-text-supplementary-3: #E0E0E0;
$color-text-supplementary-3-light: #EBEBEB;
$color-text-error: #DA0000;
$color-text-warning: #C6501B;
$color-text-success: #47810E;
$color-text-information: #2D799F;
$color-text-placeholder: #6b6b6b;
$grid-breakpoint-sm: 576px; // tablet
$grid-breakpoint-md: 768px; // laptop
$grid-breakpoint-lg: 992px; // desktop
$grid-breakpoint-xl: 1200px; // desktop / TV
$grid-max-width-xs: 100%; // mobile
$grid-max-width-sm: 960px; // tablet
$grid-max-width-md: 960px; // laptop
$grid-max-width-lg: 960px; // desktop
$grid-max-width-xl: 1140px; // desktop / TV
$typography-primary-url: 'https://fonts.googleapis.com/css?family=Poppins:400,700';
$typography-primary-font-family: 'Poppins', sans-serif;
$typography-secondary-url: 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';
$typography-secondary-font-family: 'Open Sans', sans-serif;
$typography-tertiary-url: 'https://fonts.googleapis.com/css?family=Poppins:400,700';
$typography-tertiary-font-family: 'Poppins', sans-serif;
$typography-heading-font-family: 'Poppins', sans-serif;
$typography-heading-font-weight: 600;
$typography-heading-color: #121212;
$typography-heading-line-height: 1.25;
$typography-heading-url: 'https://fonts.googleapis.com/css?family=Poppins:400,700';
$typography-heading-h1-color: #121212;
$typography-heading-h1-font-size-xs: 1.625rem; // mobile
$typography-heading-h1-font-size-sm: 1.75rem; // tablet
$typography-heading-h1-font-size-md: 1.875rem; // laptop
$typography-heading-h1-font-size-lg: 2rem; // desktop
$typography-heading-h1-line-height-xs: 1.3; // mobile
$typography-heading-h1-line-height-sm: 1.3; // tablet
$typography-heading-h1-line-height-md: 1.3; // laptop
$typography-heading-h1-line-height-lg: 1.3; // desktop
$typography-heading-h2-color: #121212;
$typography-heading-h2-font-size-xs: 1.375rem; // mobile
$typography-heading-h2-font-size-sm: 1.5rem; // tablet
$typography-heading-h2-font-size-md: 1.625rem; // laptop
$typography-heading-h2-font-size-lg: 1.75rem; // desktop
$typography-heading-h2-line-height-xs: 1.35; // mobile
$typography-heading-h2-line-height-sm: 1.35; // tablet
$typography-heading-h2-line-height-md: 1.3; // laptop
$typography-heading-h2-line-height-lg: 1.3; // desktop
$typography-heading-h3-color: #121212;
$typography-heading-h3-font-size-xs: 1.25rem; // mobile
$typography-heading-h3-font-size-sm: 1.25rem; // tablet
$typography-heading-h3-font-size-md: 1.375rem; // laptop
$typography-heading-h3-font-size-lg: 1.5rem; // desktop
$typography-heading-h3-line-height-xs: 1.4; // mobile
$typography-heading-h3-line-height-sm: 1.4; // tablet
$typography-heading-h3-line-height-md: 1.35; // laptop
$typography-heading-h3-line-height-lg: 1.35; // desktop
$typography-heading-h4-color: #121212;
$typography-heading-h4-font-size-xs: 1.125rem; // mobile
$typography-heading-h4-font-size-sm: 1.125rem; // tablet
$typography-heading-h4-font-size-md: 1.125rem; // laptop
$typography-heading-h4-font-size-lg: 1.25rem; // desktop
$typography-heading-h4-line-height-xs: 1.45; // mobile
$typography-heading-h4-line-height-sm: 1.45; // tablet
$typography-heading-h4-line-height-md: 1.45; // laptop
$typography-heading-h4-line-height-lg: 1.4; // desktop
$typography-heading-h5-color: #121212;
$typography-heading-h5-font-size-xs: 1rem; // mobile
$typography-heading-h5-font-size-sm: 1rem; // tablet
$typography-heading-h5-font-size-md: 1rem; // laptop
$typography-heading-h5-font-size-lg: 1rem; // desktop
$typography-heading-h5-line-height-xs: 1.5; // mobile
$typography-heading-h5-line-height-sm: 1.5; // tablet
$typography-heading-h5-line-height-md: 1.5; // laptop
$typography-heading-h5-line-height-lg: 1.5; // desktop
$typography-heading-h6-color: #121212;
$typography-heading-h6-font-size-xs: .875rem; // mobile
$typography-heading-h6-font-size-sm: .875rem; // tablet
$typography-heading-h6-font-size-md: .875rem; // laptop
$typography-heading-h6-font-size-lg: .875rem; // desktop
$typography-heading-h6-line-height-xs: 1.5; // mobile
$typography-heading-h6-line-height-sm: 1.5; // tablet
$typography-heading-h6-line-height-md: 1.5; // laptop
$typography-heading-h6-line-height-lg: 1.5; // desktop
$typography-headline-font-family: 'Poppins', sans-serif;
$typography-headline-font-weight: 600;
$typography-headline-url: 'https://fonts.googleapis.com/css?family=Poppins:400,700';
$typography-headline-color: #121212;
$typography-headline-font-size-xs: 1.875rem; // mobile
$typography-headline-font-size-sm: 2.125rem; // tablet
$typography-headline-font-size-md: 2.375rem; // laptop
$typography-headline-font-size-lg: 2.625rem; // desktop
$typography-headline-line-height-xs: 1.3; // mobile
$typography-headline-line-height-sm: 1.3; // tablet
$typography-headline-line-height-md: 1.3; // laptop
$typography-headline-line-height-lg: 1.3; // desktop
$typography-headline-compact-font-size-xs: 1.75rem; // mobile
$typography-headline-compact-font-size-sm: 1.875rem; // tablet
$typography-headline-compact-font-size-md: 2rem; // laptop
$typography-headline-compact-font-size-lg: 2.25rem; // desktop
$typography-headline-compact-line-height-xs: 1.3; // mobile
$typography-headline-compact-line-height-sm: 1.3; // tablet
$typography-headline-compact-line-height-md: 1.3; // laptop
$typography-headline-compact-line-height-lg: 1.3; // desktop
$typography-body-font-family: 'Open Sans', sans-serif;
$typography-body-font-size: 1rem;
$typography-body-font-weight: 400;
$typography-body-color: #444444;
$typography-body-url: 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';
$typography-body-line-height: 1.5;
$typography-subheading-font-family: 'Open Sans', sans-serif;
$typography-subheading-font-weight: 400;
$typography-subheading-url: 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';
$typography-subheading-color: #444444;
$typography-subheading-font-size-xs: 1.125rem; // mobile
$typography-subheading-font-size-sm: 1.125rem; // tablet
$typography-subheading-font-size-md: 1.25rem; // laptop
$typography-subheading-font-size-lg: 1.25rem; // desktop
$typography-subheading-line-height-xs: 1.45; // mobile
$typography-subheading-line-height-sm: 1.45; // tablet
$typography-subheading-line-height-md: 1.4; // laptop
$typography-subheading-line-height-lg: 1.4; // desktop
$border-radius-0: 0;
$border-radius-100: 2px;
$border-radius-200: 4px;
$border-radius-300: 8px;
$border-radius-400: 12px;
$border-radius-500: 16px;
$border-radius-550: 24px;
$border-radius-600: 32px;
$border-radius-650: 40px;
$border-radius-700: 48px;
$border-radius-750: 56px;
$border-radius-800: 64px;
$border-radius-850: 72px;
$border-radius-900: 80px;
$border-radius-950: 88px;
$border-radius-1000: 96px;
$border-width-0: 0;
$border-width-100: 1px;
$border-width-200: 2px;
$border-width-400: 4px;
$border-width-800: 8px;
$box-shadow-100: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
$box-shadow-200: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
$box-shadow-300: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
$box-shadow-400: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
$font-size-100: 0.75rem;
$font-size-200: 0.875rem;
$font-size-300: 1rem;
$font-size-400: 1.125rem;
$font-size-500: 1.25rem;
$font-size-600: 1.5rem;
$font-size-700: 1.75rem;
$font-size-800: 2.375rem;
$font-size-900: 3.25rem;
$font-size-1000: 4rem;
$font-weight-100: 100; // Thin
$font-weight-200: 200; // Extra Light
$font-weight-300: 300; // Light
$font-weight-400: 400; // Normal
$font-weight-500: 500; // Medium
$font-weight-600: 600; // Semi Bold
$font-weight-700: 700; // Bold
$font-weight-800: 800; // Extra Bold
$font-weight-900: 900; // Black
$line-height-100: 1.25;
$line-height-200: 1.5;
$line-height-300: 1.65;
$line-height-auto: auto;
$line-height-none: 1;
$spacing-0: 0;
$spacing-100: 4px;
$spacing-200: 8px;
$spacing-300: 12px;
$spacing-400: 16px;
$spacing-500: 20px;
$spacing-600: 24px;
$spacing-700: 32px;
$spacing-800: 40px;
$spacing-900: 48px;
$spacing-1000: 56px;
$spacing-1100: 64px;
$spacing-1200: 80px;
$spacing-1300: 96px;
$spacing-1400: 112px;
$spacing-1500: 128px;
$accordion-font-family: 'Open Sans', sans-serif;
$accordion-border: 1px solid #0067F6;
$accordion-border-radius: 0;
$accordion-padding: 0.75rem 0 0.75rem 0.75rem;
$accordion-spacing: 0;
$accordion-button-font-family: 'Poppins', sans-serif;
$accordion-button-font-size: 1rem;
$accordion-button-font-weight: 700;
$accordion-button-color: #444444;
$accordion-button-background-color: transparent;
$accordion-button-icon-color: #121212;
$accordion-button-icon-font-size: 1.25rem;
$accordion-button-icon-margin-right: 12px;
$accordion-button-hover-color: #444444;
$accordion-button-hover-background-color: rgba(0, 0, 0, 0.075);
$accordion-button-hover-icon-color: #121212;
$accordion-button-focus-color: #444444;
$accordion-button-focus-background-color: transparent;
$accordion-button-focus-icon-color: #121212;
$accordion-button-focus-box-shadow: inset 0 0 0 2px #fff,inset 0 0 0 4px #0067F6,inset 0 0 #0067F6;
$accordion-selected-color: #444444;
$accordion-content-background-color: transparent;
$accordion-content-color: #444444;
$accordion-content-marginbottom: 0;
$accordion-content-padding: 0.75rem;
$accordion-inverse-border: 1px solid #F2F7FF;
$accordion-inverse-button-background-color: transparent;
$accordion-inverse-button-color: #FFFFFF;
$accordion-inverse-button-icon-color: #F6F7FA;
$accordion-inverse-button-hover-background-color: rgba(255, 255, 255, 0.15);
$accordion-inverse-button-hover-color: #FFFFFF;
$accordion-inverse-button-hover-icon-color: #F6F7FA;
$accordion-inverse-button-focus-background-color: transparent;
$accordion-inverse-button-focus-color: #FFFFFF;
$accordion-inverse-button-focus-icon-color: #F6F7FA;
$accordion-inverse-button-selected-color: #FFFFFF;
$accordion-inverse-content-background-color: transparent;
$accordion-inverse-content-color: #FFFFFF;
$alert-font-size: 1rem;
$alert-lineheight: 1.5;
$alert-border-width: 1px;
$alert-border-radius: 0;
$alert-color: #444444;
$alert-padding: 16px;
$alert-heading-font-family: 'Open Sans', sans-serif;
$alert-heading-font-weight: 600;
$alert-heading-font-size: 1rem;
$alert-heading-color: #444444;
$alert-icon-color: #121212;
$alert-information-background-color: #F4F8FA;
$alert-information-border-color: #F4F8FA;
$alert-information-icon-color: #2D799F;
$alert-success-background-color: #F6F9F3;
$alert-success-border-color: #F6F9F3;
$alert-success-icon-color: #47810E;
$alert-warning-background-color: #FCF6F4;
$alert-warning-border-color: #FCF6F4;
$alert-warning-icon-color: #C6501B;
$alert-error-background-color: #FDF2F2;
$alert-error-border-color: #FDF2F2;
$alert-error-icon-color: #DA0000;
$alert-focus-outline: 2px solid #444444;
$autocomplete-color: #444444;
$autocomplete-border: 1px solid #121212;
$autocomplete-background-color: #FFFFFF;
$autocomplete-font-size: 1rem;
$autocomplete-font-family: 'Open Sans', sans-serif;
$autocomplete-icon-color: #444444;
$autocomplete-button-color: #444444;
$autocomplete-button-clear-background-color: #FFFFFF;
$autocomplete-button-hover-background-color: #EFEFEF;
$autocomplete-button-hover-color: #0067F6;
$autocomplete-button-focus-background-color: #EFEFEF;
$autocomplete-button-focus-color: #0067F6;
$autocomplete-button-error-border-color: #DA0000;
$autocomplete-button-error-outline: #DA0000;
$autocomplete-success-border-color: #47810E;
$autocomplete-success-outline: #47810E;
$badge-background-color: #303031;
$badge-border-color: #303031;
$badge-border-radius: 0.25rem;
$badge-border-width: 1px;
$badge-color: #FFFFFF;
$badge-font-family: 'Open Sans', sans-serif;
$badge-font-size: 0.875rem;
$badge-font-weight: 400;
$badge-padding: 0.15rem 0.5rem;
$badge-light-color: #121212;
$badge-light-background-color: #F0F2F7;
$badge-light-border-color: #F0F2F7;
$badge-lighter-color: #121212;
$badge-lighter-background-color: #F6F7FA;
$badge-lighter-border-color: #F6F7FA;
$badge-outline-color: #303031;
$badge-outline-background-color: transparent;
$badge-outline-border-color: #303031;
$badge-text-color: #303031;
$badge-text-background-color: transparent;
$badge-text-border-color: transparent;
$badge-inverse-color: #0067F6;
$badge-inverse-background-color: #FFFFFF;
$badge-inverse-border-color: #FFFFFF;
$badge-outline-inverse-color: #FFFFFF;
$badge-outline-inverse-background-color: transparent;
$badge-outline-inverse-border-color: #FFFFFF;
$badge-text-inverse-color: #FFFFFF;
$badge-text-inverse-background-color: transparent;
$badge-text-inverse-border-color: transparent;
$badge-primary-color: #FFFFFF;
$badge-primary-background-color: #0067F6;
$badge-primary-border-color: #0067F6;
$badge-primary-light-color: #121212;
$badge-primary-light-background-color: #66A4FA;
$badge-primary-light-border-color: #66A4FA;
$badge-primary-lighter-color: #121212;
$badge-primary-lighter-background-color: #F2F7FF;
$badge-primary-lighter-border-color: #F2F7FF;
$badge-primary-outline-color: #0067F6;
$badge-primary-outline-background-color: transparent;
$badge-primary-outline-border-color: #0067F6;
$badge-primary-text-color: #0067F6;
$badge-primary-text-background-color: transparent;
$badge-primary-text-border-color: transparent;
$badge-primary-inverse-color: #0067F6;
$badge-primary-inverse-background-color: #FFFFFF;
$badge-primary-inverse-border-color: #FFFFFF;
$badge-primary-outline-inverse-color: #FFFFFF;
$badge-primary-outline-inverse-background-color: transparent;
$badge-primary-outline-inverse-border-color: #FFFFFF;
$badge-primary-text-inverse-color: #FFFFFF;
$badge-primary-text-inverse-background-color: transparent;
$badge-primary-text-inverse-border-color: transparent;
$badge-secondary-color: #121212;
$badge-secondary-background-color: #f8db00;
$badge-secondary-border-color: #f8db00;
$badge-secondary-light-color: #121212;
$badge-secondary-light-background-color: #fbe966;
$badge-secondary-light-border-color: #fbe966;
$badge-secondary-lighter-color: #121212;
$badge-secondary-lighter-background-color: #fffdf2;
$badge-secondary-lighter-border-color: #fffdf2;
$badge-secondary-outline-color: #f8db00;
$badge-secondary-outline-background-color: transparent;
$badge-secondary-outline-border-color: #f8db00;
$badge-secondary-text-color: #f8db00;
$badge-secondary-text-background-color: transparent;
$badge-secondary-text-border-color: transparent;
$badge-secondary-inverse-color: #f8db00;
$badge-secondary-inverse-background-color: #121212;
$badge-secondary-inverse-border-color: #121212;
$badge-secondary-outline-inverse-color: #121212;
$badge-secondary-outline-inverse-background-color: transparent;
$badge-secondary-outline-inverse-border-color: #121212;
$badge-secondary-text-inverse-color: #121212;
$badge-secondary-text-inverse-background-color: transparent;
$badge-secondary-text-inverse-border-color: transparent;
$badge-accent-color: #FFFFFF;
$badge-accent-background-color: #001657;
$badge-accent-border-color: #001657;
$badge-accent-light-color: #FFFFFF;
$badge-accent-light-background-color: #66739A;
$badge-accent-light-border-color: #66739A;
$badge-accent-lighter-color: #121212;
$badge-accent-lighter-background-color: #F2F3F7;
$badge-accent-lighter-border-color: #F2F3F7;
$badge-accent-outline-color: #001657;
$badge-accent-outline-background-color: transparent;
$badge-accent-outline-border-color: #001657;
$badge-accent-text-color: #001657;
$badge-accent-text-background-color: transparent;
$badge-accent-text-border-color: transparent;
$badge-accent-inverse-color: #001657;
$badge-accent-inverse-background-color: #FFFFFF;
$badge-accent-inverse-border-color: #FFFFFF;
$badge-accent-outline-inverse-color: #FFFFFF;
$badge-accent-outline-inverse-background-color: transparent;
$badge-accent-outline-inverse-border-color: #FFFFFF;
$badge-accent-text-inverse-color: #FFFFFF;
$badge-accent-text-inverse-background-color: transparent;
$badge-accent-text-inverse-border-color: transparent;
$badge-information-color: #FFFFFF;
$badge-information-background-color: #2D799F;
$badge-information-border-color: #2D799F;
$badge-information-light-color: #121212;
$badge-information-light-background-color: #81AFC5;
$badge-information-light-border-color: #81AFC5;
$badge-information-lighter-color: #121212;
$badge-information-lighter-background-color: #F4F8FA;
$badge-information-lighter-border-color: #F4F8FA;
$badge-information-outline-color: #2D799F;
$badge-information-outline-background-color: transparent;
$badge-information-outline-border-color: #2D799F;
$badge-information-text-color: #2D799F;
$badge-information-text-background-color: transparent;
$badge-information-text-border-color: transparent;
$badge-information-inverse-color: #2D799F;
$badge-information-inverse-background-color: #FFFFFF;
$badge-information-inverse-border-color: #FFFFFF;
$badge-information-outline-inverse-color: #FFFFFF;
$badge-information-outline-inverse-background-color: transparent;
$badge-information-outline-inverse-border-color: #FFFFFF;
$badge-information-text-inverse-color: #FFFFFF;
$badge-information-text-inverse-background-color: transparent;
$badge-information-text-inverse-border-color: transparent;
$badge-success-color: #FFFFFF;
$badge-success-background-color: #47810E;
$badge-success-border-color: #47810E;
$badge-success-light-color: #121212;
$badge-success-light-background-color: #91B36E;
$badge-success-light-border-color: #91B36E;
$badge-success-lighter-color: #121212;
$badge-success-lighter-background-color: #F6F9F3;
$badge-success-lighter-border-color: #F6F9F3;
$badge-success-outline-color: #47810E;
$badge-success-outline-background-color: transparent;
$badge-success-outline-border-color: #47810E;
$badge-success-text-color: #47810E;
$badge-success-text-background-color: transparent;
$badge-success-text-border-color: transparent;
$badge-success-inverse-color: #47810E;
$badge-success-inverse-background-color: #FFFFFF;
$badge-success-inverse-border-color: #FFFFFF;
$badge-success-outline-inverse-color: #FFFFFF;
$badge-success-outline-inverse-background-color: transparent;
$badge-success-outline-inverse-border-color: #FFFFFF;
$badge-success-text-inverse-color: #FFFFFF;
$badge-success-text-inverse-background-color: transparent;
$badge-success-text-inverse-border-color: transparent;
$badge-warning-color: #FFFFFF;
$badge-warning-background-color: #C6501B;
$badge-warning-border-color: #C6501B;
$badge-warning-light-color: #121212;
$badge-warning-light-background-color: #DD9676;
$badge-warning-light-border-color: #DD9676;
$badge-warning-lighter-color: #121212;
$badge-warning-lighter-background-color: #FCF6F4;
$badge-warning-lighter-border-color: #FCF6F4;
$badge-warning-outline-color: #C6501B;
$badge-warning-outline-background-color: transparent;
$badge-warning-outline-border-color: #C6501B;
$badge-warning-text-color: #C6501B;
$badge-warning-text-background-color: transparent;
$badge-warning-text-border-color: transparent;
$badge-warning-inverse-color: #C6501B;
$badge-warning-inverse-background-color: #FFFFFF;
$badge-warning-inverse-border-color: #FFFFFF;
$badge-warning-outline-inverse-color: #FFFFFF;
$badge-warning-outline-inverse-background-color: transparent;
$badge-warning-outline-inverse-border-color: #FFFFFF;
$badge-warning-text-inverse-color: #FFFFFF;
$badge-warning-text-inverse-background-color: transparent;
$badge-warning-text-inverse-border-color: transparent;
$badge-error-color: #FFFFFF;
$badge-error-background-color: #DA0000;
$badge-error-border-color: #DA0000;
$badge-error-light-color: #121212;
$badge-error-light-background-color: #E96666;
$badge-error-light-border-color: #E96666;
$badge-error-lighter-color: #121212;
$badge-error-lighter-background-color: #FDF2F2;
$badge-error-lighter-border-color: #FDF2F2;
$badge-error-outline-color: #DA0000;
$badge-error-outline-background-color: transparent;
$badge-error-outline-border-color: #DA0000;
$badge-error-text-color: #DA0000;
$badge-error-text-background-color: transparent;
$badge-error-text-border-color: transparent;
$badge-error-inverse-color: #DA0000;
$badge-error-inverse-background-color: #FFFFFF;
$badge-error-inverse-border-color: #FFFFFF;
$badge-error-outline-inverse-color: #FFFFFF;
$badge-error-outline-inverse-background-color: transparent;
$badge-error-outline-inverse-border-color: #FFFFFF;
$badge-error-text-inverse-color: #FFFFFF;
$badge-error-text-inverse-background-color: transparent;
$badge-error-text-inverse-border-color: transparent;
$badge-supplementary-1-color: #121212;
$badge-supplementary-1-background-color: #E0E0E0;
$badge-supplementary-1-border-color: #E0E0E0;
$badge-supplementary-1-light-color: #121212;
$badge-supplementary-1-light-background-color: #EBEBEB;
$badge-supplementary-1-light-border-color: #EBEBEB;
$badge-supplementary-1-lighter-color: #121212;
$badge-supplementary-1-lighter-background-color: #FDFDFD;
$badge-supplementary-1-lighter-border-color: #FDFDFD;
$badge-supplementary-1-outline-color: #E0E0E0;
$badge-supplementary-1-outline-background-color: transparent;
$badge-supplementary-1-outline-border-color: #E0E0E0;
$badge-supplementary-1-text-color: #E0E0E0;
$badge-supplementary-1-text-background-color: transparent;
$badge-supplementary-1-text-border-color: transparent;
$badge-supplementary-1-inverse-color: #E0E0E0;
$badge-supplementary-1-inverse-background-color: #121212;
$badge-supplementary-1-inverse-border-color: #121212;
$badge-supplementary-1-outline-inverse-color: #121212;
$badge-supplementary-1-outline-inverse-background-color: transparent;
$badge-supplementary-1-outline-inverse-border-color: #121212;
$badge-supplementary-1-text-inverse-color: #121212;
$badge-supplementary-1-text-inverse-background-color: transparent;
$badge-supplementary-1-text-inverse-border-color: transparent;
$badge-supplementary-2-color: #121212;
$badge-supplementary-2-background-color: #E0E0E0;
$badge-supplementary-2-border-color: #E0E0E0;
$badge-supplementary-2-light-color: #121212;
$badge-supplementary-2-light-background-color: #EBEBEB;
$badge-supplementary-2-light-border-color: #EBEBEB;
$badge-supplementary-2-lighter-color: #121212;
$badge-supplementary-2-lighter-background-color: #FDFDFD;
$badge-supplementary-2-lighter-border-color: #FDFDFD;
$badge-supplementary-2-outline-color: #E0E0E0;
$badge-supplementary-2-outline-background-color: transparent;
$badge-supplementary-2-outline-border-color: #E0E0E0;
$badge-supplementary-2-text-color: #E0E0E0;
$badge-supplementary-2-text-background-color: transparent;
$badge-supplementary-2-text-border-color: transparent;
$badge-supplementary-2-inverse-color: #E0E0E0;
$badge-supplementary-2-inverse-background-color: #121212;
$badge-supplementary-2-inverse-border-color: #121212;
$badge-supplementary-2-outline-inverse-color: #121212;
$badge-supplementary-2-outline-inverse-background-color: transparent;
$badge-supplementary-2-outline-inverse-border-color: #121212;
$badge-supplementary-2-text-inverse-color: #121212;
$badge-supplementary-2-text-inverse-background-color: transparent;
$badge-supplementary-2-text-inverse-border-color: transparent;
$badge-supplementary-3-color: #121212;
$badge-supplementary-3-background-color: #E0E0E0;
$badge-supplementary-3-border-color: #E0E0E0;
$badge-supplementary-3-light-color: #121212;
$badge-supplementary-3-light-background-color: #EBEBEB;
$badge-supplementary-3-light-border-color: #EBEBEB;
$badge-supplementary-3-lighter-color: #121212;
$badge-supplementary-3-lighter-background-color: #FDFDFD;
$badge-supplementary-3-lighter-border-color: #FDFDFD;
$badge-supplementary-3-outline-color: #E0E0E0;
$badge-supplementary-3-outline-background-color: transparent;
$badge-supplementary-3-outline-border-color: #E0E0E0;
$badge-supplementary-3-text-color: #E0E0E0;
$badge-supplementary-3-text-background-color: transparent;
$badge-supplementary-3-text-border-color: transparent;
$badge-supplementary-3-inverse-color: #E0E0E0;
$badge-supplementary-3-inverse-background-color: #121212;
$badge-supplementary-3-inverse-border-color: #121212;
$badge-supplementary-3-outline-inverse-color: #121212;
$badge-supplementary-3-outline-inverse-background-color: transparent;
$badge-supplementary-3-outline-inverse-border-color: #121212;
$badge-supplementary-3-text-inverse-color: #121212;
$badge-supplementary-3-text-inverse-background-color: transparent;
$badge-supplementary-3-text-inverse-border-color: transparent;
$banner-background-color: #0067F6;
$banner-color: #FFFFFF;
$banner-primary-background-color: #0067F6;
$banner-primary-color: #FFFFFF;
$banner-secondary-background-color: #f8db00;
$banner-secondary-color: #121212;
$banner-accent-background-color: #001657;
$banner-accent-color: #FFFFFF;
$button-group-margin-right: 0.5rem;
$button-group-margin-bottom: 1rem;
$button-accent-background-color: #001657;
$button-accent-border-color: #001657;
$button-accent-color: #FFFFFF;
$button-accent-hover-background-color: #001246;
$button-accent-hover-border-color: #001246;
$button-accent-hover-color: #FFFFFF;
$button-accent-active-background-color: #001246;
$button-accent-active-border-color: #001246;
$button-accent-active-color: #FFFFFF;
$button-accent-disabled-background-color: #F0F2F7;
$button-accent-disabled-border-color: #F0F2F7;
$button-accent-disabled-color: #909194;
$button-accent-focus-outline: 2px solid #001657;
$button-accent-outline-background-color: transparent;
$button-accent-outline-border-color: #001657;
$button-accent-outline-color: #001657;
$button-accent-outline-hover-background-color: rgba(0, 0, 0, 0.075);
$button-accent-outline-hover-border-color: #001657;
$button-accent-outline-hover-color: #001657;
$button-accent-outline-active-background-color: rgba(0, 0, 0, 0.075);
$button-accent-outline-active-border-color: #001657;
$button-accent-outline-active-color: #001657;
$button-accent-text-background-color: transparent;
$button-accent-text-border-color: transparent;
$button-accent-text-color: #001657;
$button-accent-text-hover-background-color: rgba(0, 0, 0, 0.075);
$button-accent-text-hover-border-color: rgba(0, 0, 0, 0.075);
$button-accent-text-hover-color: #001657;
$button-accent-text-active-background-color: rgba(0, 0, 0, 0.075);
$button-accent-text-active-border-color: rgba(0, 0, 0, 0.075);
$button-accent-text-active-color: #001657;
$button-accent-inverse-background-color: #FFFFFF;
$button-accent-inverse-border-color: #FFFFFF;
$button-accent-inverse-color: #001657;
$button-accent-inverse-hover-background-color: transparent;
$button-accent-inverse-hover-border-color: #FFFFFF;
$button-accent-inverse-hover-color: #FFFFFF;
$button-accent-inverse-active-background-color: transparent;
$button-accent-inverse-active-border-color: #FFFFFF;
$button-accent-inverse-active-color: #FFFFFF;
$button-accent-inverse-focus-outline: 2px solid #FFFFFF;
$button-accent-outline-inverse-background-color: transparent;
$button-accent-outline-inverse-border-color: #FFFFFF;
$button-accent-outline-inverse-color: #FFFFFF;
$button-accent-outline-inverse-hover-background-color: #FFFFFF;
$button-accent-outline-inverse-hover-border-color: #FFFFFF;
$button-accent-outline-inverse-hover-color: #001657;
$button-accent-outline-inverse-active-background-color: #FFFFFF;
$button-accent-outline-inverse-active-border-color: #FFFFFF;
$button-accent-outline-inverse-active-color: #001657;
$button-accent-text-inverse-background-color: transparent;
$button-accent-text-inverse-border-color: transparent;
$button-accent-text-inverse-color: #FFFFFF;
$button-accent-text-inverse-hover-background-color: #FFFFFF;
$button-accent-text-inverse-hover-border-color: #FFFFFF;
$button-accent-text-inverse-hover-color: #001657;
$button-accent-text-inverse-active-background-color: #FFFFFF;
$button-accent-text-inverse-active-border-color: #FFFFFF;
$button-accent-text-inverse-active-color: #001657;
$button-cta-1-background-color: #0067F6;
$button-cta-1-border-color: #0067F6;
$button-cta-1-color: #FFFFFF;
$button-cta-1-hover-background-color: #003987;
$button-cta-1-hover-border-color: #003987;
$button-cta-1-hover-color: #FFFFFF;
$button-cta-1-active-background-color: #003987;
$button-cta-1-active-border-color: #003987;
$button-cta-1-active-color: #FFFFFF;
$button-cta-1-disabled-background-color: #F0F2F7;
$button-cta-1-disabled-border-color: #F0F2F7;
$button-cta-1-disabled-color: #909194;
$button-cta-1-focus-outline: 2px solid #0067F6;
$button-cta-2-background-color: transparent;
$button-cta-2-border-color: #0067F6;
$button-cta-2-color: #0067F6;
$button-cta-2-hover-background-color: rgba(0, 0, 0, 0.075);
$button-cta-2-hover-border-color: #0067F6;
$button-cta-2-hover-color: #0067F6;
$button-cta-2-active-background-color: rgba(0, 0, 0, 0.075);
$button-cta-2-active-border-color: #0067F6;
$button-cta-2-active-color: #0067F6;
$button-cta-2-disabled-background-color: #F0F2F7;
$button-cta-2-disabled-border-color: #F0F2F7;
$button-cta-2-disabled-color: #909194;
$button-cta-2-focus-outline: 2px solid #0067F6;
$button-cta-3-background-color: #f8db00;
$button-cta-3-border-color: #f8db00;
$button-cta-3-color: #121212;
$button-cta-3-hover-background-color: #F2CA00;
$button-cta-3-hover-border-color: #F2CA00;
$button-cta-3-hover-color: #121212;
$button-cta-3-active-background-color: #F2CA00;
$button-cta-3-active-border-color: #F2CA00;
$button-cta-3-active-color: #121212;
$button-cta-3-disabled-background-color: #F0F2F7;
$button-cta-3-disabled-border-color: #F0F2F7;
$button-cta-3-disabled-color: #909194;
$button-cta-3-focus-outline: 2px solid #f8db00;
$button-default-background-color: #383E44;
$button-default-border-color: #383E44;
$button-default-color: #F5F5F6;
$button-default-hover-background-color: #222529;
$button-default-hover-border-color: #222529;
$button-default-hover-color: #F5F5F6;
$button-default-active-background-color: #F5F5F6;
$button-default-active-border-color: #383E44;
$button-default-active-color: #383E44;
$button-default-disabled-background-color: #F6F7FA;
$button-default-disabled-border-color: #F6F7FA;
$button-default-disabled-color: #909194;
$button-default-focus-outline: 2px solid #383E44;
$button-default-outline-background-color: transparent;
$button-default-outline-border-color: #383E44;
$button-default-outline-color: #383E44;
$button-default-outline-hover-background-color: #F5F5F6;
$button-default-outline-hover-border-color: #383E44;
$button-default-outline-hover-color: #383E44;
$button-default-outline-active-background-color: #383E44;
$button-default-outline-active-border-color: #383E44;
$button-default-outline-active-color: #F5F5F6;
$button-default-text-background-color: transparent;
$button-default-text-border-color: transparent;
$button-default-text-color: #383E44;
$button-default-text-hover-background-color: #F5F5F6;
$button-default-text-hover-border-color: #F5F5F6;
$button-default-text-hover-color: #383E44;
$button-default-text-active-background-color: #383E44;
$button-default-text-active-border-color: #383E44;
$button-default-text-active-color: #F5F5F6;
$button-default-inverse-background-color: #F5F5F6;
$button-default-inverse-border-color: #F5F5F6;
$button-default-inverse-color: #383E44;
$button-default-inverse-hover-background-color: #383E44;
$button-default-inverse-hover-border-color: #383E44;
$button-default-inverse-hover-color: #F5F5F6;
$button-default-inverse-active-background-color: #F5F5F6;
$button-default-inverse-active-border-color: #F5F5F6;
$button-default-inverse-active-color: #383E44;
$button-default-inverse-focus-outline: 2px solid #F5F5F6;
$button-default-outline-inverse-background-color: transparent;
$button-default-outline-inverse-border-color: #F5F5F6;
$button-default-outline-inverse-color: #F5F5F6;
$button-default-outline-inverse-hover-background-color: #F5F5F6;
$button-default-outline-inverse-hover-border-color: #F5F5F6;
$button-default-outline-inverse-hover-color: #383E44;
$button-default-outline-inverse-active-background-color: #888B8F;
$button-default-outline-inverse-active-border-color: #888B8F;
$button-default-outline-inverse-active-color: #F5F5F6;
$button-default-text-inverse-background-color: transparent;
$button-default-text-inverse-border-color: transparent;
$button-default-text-inverse-color: #F5F5F6;
$button-default-text-inverse-hover-background-color: #F5F5F6;
$button-default-text-inverse-hover-border-color: #F5F5F6;
$button-default-text-inverse-hover-color: #383E44;
$button-default-text-inverse-active-background-color: #888B8F;
$button-default-text-inverse-active-border-color: #888B8F;
$button-default-text-inverse-active-color: #F5F5F6;
$button-destructive-background-color: #DA0000;
$button-destructive-border-color: #DA0000;
$button-destructive-color: #FFFFFF;
$button-destructive-hover-background-color: #AE0000;
$button-destructive-hover-border-color: #AE0000;
$button-destructive-hover-color: #FFFFFF;
$button-destructive-active-background-color: #AE0000;
$button-destructive-active-border-color: #AE0000;
$button-destructive-active-color: #FFFFFF;
$button-destructive-disabled-background-color: #F0F2F7;
$button-destructive-disabled-border-color: #F0F2F7;
$button-destructive-disabled-color: #909194;
$button-destructive-focus-outline: 2px solid #DA0000;
$button-destructive-outline-background-color: transparent;
$button-destructive-outline-border-color: #DA0000;
$button-destructive-outline-color: #DA0000;
$button-destructive-outline-hover-background-color: rgba(0, 0, 0, 0.075);
$button-destructive-outline-hover-border-color: #DA0000;
$button-destructive-outline-hover-color: #DA0000;
$button-destructive-outline-active-background-color: rgba(0, 0, 0, 0.075);
$button-destructive-outline-active-border-color: #DA0000;
$button-destructive-outline-active-color: #DA0000;
$button-destructive-text-background-color: transparent;
$button-destructive-text-border-color: transparent;
$button-destructive-text-color: #DA0000;
$button-destructive-text-hover-background-color: rgba(0, 0, 0, 0.075);
$button-destructive-text-hover-border-color: rgba(0, 0, 0, 0.075);
$button-destructive-text-hover-color: #DA0000;
$button-destructive-text-active-background-color: rgba(0, 0, 0, 0.075);
$button-destructive-text-active-border-color: rgba(0, 0, 0, 0.075);
$button-destructive-text-active-color: #DA0000;
$button-destructive-inverse-background-color: #FFFFFF;
$button-destructive-inverse-border-color: #FFFFFF;
$button-destructive-inverse-color: #DA0000;
$button-destructive-inverse-hover-background-color: transparent;
$button-destructive-inverse-hover-border-color: #FFFFFF;
$button-destructive-inverse-hover-color: #FFFFFF;
$button-destructive-inverse-active-background-color: transparent;
$button-destructive-inverse-active-border-color: #FFFFFF;
$button-destructive-inverse-active-color: #FFFFFF;
$button-destructive-inverse-focus-outline: 2px solid #FFFFFF;
$button-destructive-outline-inverse-background-color: transparent;
$button-destructive-outline-inverse-border-color: #FFFFFF;
$button-destructive-outline-inverse-color: #FFFFFF;
$button-destructive-outline-inverse-hover-background-color: #FFFFFF;
$button-destructive-outline-inverse-hover-border-color: #FFFFFF;
$button-destructive-outline-inverse-hover-color: #DA0000;
$button-destructive-outline-inverse-active-background-color: #FFFFFF;
$button-destructive-outline-inverse-active-border-color: #FFFFFF;
$button-destructive-outline-inverse-active-color: #DA0000;
$button-destructive-text-inverse-background-color: transparent;
$button-destructive-text-inverse-border-color: transparent;
$button-destructive-text-inverse-color: #FFFFFF;
$button-destructive-text-inverse-hover-background-color: #FFFFFF;
$button-destructive-text-inverse-hover-border-color: #FFFFFF;
$button-destructive-text-inverse-hover-color: #DA0000;
$button-destructive-text-inverse-active-background-color: #FFFFFF;
$button-destructive-text-inverse-active-border-color: #FFFFFF;
$button-destructive-text-inverse-active-color: #DA0000;
$button-height: 48px;
$button-font-family: 'Poppins', sans-serif;
$button-border-radius: 24px;
$button-border-width: 1px;
$button-font-weight: 700;
$button-font-size: 1rem;
$button-text-transform: none;
$button-padding-right: 1.5rem;
$button-padding-left: 1.5rem;
$button-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
$button-interactive-background-color: #0067F6;
$button-interactive-border-color: #0067F6;
$button-interactive-color: #FFFFFF;
$button-interactive-hover-background-color: #003987;
$button-interactive-hover-border-color: #003987;
$button-interactive-hover-color: #FFFFFF;
$button-interactive-active-background-color: #003987;
$button-interactive-active-border-color: #003987;
$button-interactive-active-color: #FFFFFF;
$button-interactive-disabled-background-color: #F0F2F7;
$button-interactive-disabled-border-color: #F0F2F7;
$button-interactive-disabled-color: #909194;
$button-interactive-focus-outline: 2px solid #0067F6;
$button-interactive-outline-background-color: transparent;
$button-interactive-outline-border-color: #0067F6;
$button-interactive-outline-color: #0067F6;
$button-interactive-outline-hover-background-color: rgba(0, 0, 0, 0.075);
$button-interactive-outline-hover-border-color: #0067F6;
$button-interactive-outline-hover-color: #0067F6;
$button-interactive-outline-active-background-color: rgba(0, 0, 0, 0.075);
$button-interactive-outline-active-border-color: #0067F6;
$button-interactive-outline-active-color: #0067F6;
$button-interactive-text-background-color: transparent;
$button-interactive-text-border-color: transparent;
$button-interactive-text-color: #0067F6;
$button-interactive-text-hover-background-color: rgba(0, 0, 0, 0.075);
$button-interactive-text-hover-border-color: rgba(0, 0, 0, 0.075);
$button-interactive-text-hover-color: #0067F6;
$button-interactive-text-active-background-color: rgba(0, 0, 0, 0.075);
$button-interactive-text-active-border-color: rgba(0, 0, 0, 0.075);
$button-interactive-text-active-color: #0067F6;
$button-interactive-inverse-background-color: #FFFFFF;
$button-interactive-inverse-border-color: #FFFFFF;
$button-interactive-inverse-color: #0067F6;
$button-interactive-inverse-hover-background-color: transparent;
$button-interactive-inverse-hover-border-color: #FFFFFF;
$button-interactive-inverse-hover-color: #FFFFFF;
$button-interactive-inverse-active-background-color: transparent;
$button-interactive-inverse-active-border-color: #FFFFFF;
$button-interactive-inverse-active-color: #FFFFFF;
$button-interactive-inverse-focus-outline: 2px solid #FFFFFF;
$button-interactive-outline-inverse-background-color: transparent;
$button-interactive-outline-inverse-border-color: #FFFFFF;
$button-interactive-outline-inverse-color: #FFFFFF;
$button-interactive-outline-inverse-hover-background-color: #FFFFFF;
$button-interactive-outline-inverse-hover-border-color: #FFFFFF;
$button-interactive-outline-inverse-hover-color: #0067F6;
$button-interactive-outline-inverse-active-background-color: #FFFFFF;
$button-interactive-outline-inverse-active-border-color: #FFFFFF;
$button-interactive-outline-inverse-active-color: #0067F6;
$button-interactive-text-inverse-background-color: transparent;
$button-interactive-text-inverse-border-color: transparent;
$button-interactive-text-inverse-color: #FFFFFF;
$button-interactive-text-inverse-hover-background-color: #FFFFFF;
$button-interactive-text-inverse-hover-border-color: #FFFFFF;
$button-interactive-text-inverse-hover-color: #0067F6;
$button-interactive-text-inverse-active-background-color: #FFFFFF;
$button-interactive-text-inverse-active-border-color: #FFFFFF;
$button-interactive-text-inverse-active-color: #0067F6;
$button-link-color: #0067F6;
$button-link-background-color: transparent;
$button-link-border-radius: 0;
$button-link-hover-background-color: rgba(0, 0, 0, 0.075);
$button-link-hover-color: #0067F6;
$button-link-focus-background-color: transparent;
$button-link-focus-color: #0067F6;
$button-link-active-background-color: rgba(0, 0, 0, 0.075);
$button-link-active-color: #0067F6;
$button-link-disabled-background-color: #F2F7FF;
$button-link-disabled-color: #66A4FA;
$button-link-inverse-background-color: transparent;
$button-link-inverse-color: #FFFFFF;
$button-link-inverse-hover-background-color: rgba(255, 255, 255, 0.15);
$button-link-inverse-hover-color: #FFFFFF;
$button-link-inverse-focus-background-color: transparent;
$button-link-inverse-focus-color: #FFFFFF;
$button-link-inverse-active-background-color: rgba(255, 255, 255, 0.15);
$button-link-inverse-active-color: #FFFFFF;
$button-link-inverse-disabled-background-color: #F2F7FF;
$button-link-inverse-disabled-color: #66A4FA;
$button-primary-background-color: #0067F6;
$button-primary-border-color: #0067F6;
$button-primary-color: #FFFFFF;
$button-primary-hover-background-color: #003987;
$button-primary-hover-border-color: #003987;
$button-primary-hover-color: #FFFFFF;
$button-primary-active-background-color: #003987;
$button-primary-active-border-color: #003987;
$button-primary-active-color: #FFFFFF;
$button-primary-disabled-background-color: #F0F2F7;
$button-primary-disabled-border-color: #F0F2F7;
$button-primary-disabled-color: #909194;
$button-primary-focus-outline: 2px solid #0067F6;
$button-primary-outline-background-color: transparent;
$button-primary-outline-border-color: #0067F6;
$button-primary-outline-color: #0067F6;
$button-primary-outline-hover-background-color: rgba(0, 0, 0, 0.075);
$button-primary-outline-hover-border-color: #0067F6;
$button-primary-outline-hover-color: #0067F6;
$button-primary-outline-active-background-color: rgba(0, 0, 0, 0.075);
$button-primary-outline-active-border-color: #0067F6;
$button-primary-outline-active-color: #0067F6;
$button-primary-text-background-color: transparent;
$button-primary-text-border-color: transparent;
$button-primary-text-color: #0067F6;
$button-primary-text-hover-background-color: rgba(0, 0, 0, 0.075);
$button-primary-text-hover-border-color: rgba(0, 0, 0, 0.075);
$button-primary-text-hover-color: #0067F6;
$button-primary-text-active-background-color: rgba(0, 0, 0, 0.075);
$button-primary-text-active-border-color: rgba(0, 0, 0, 0.075);
$button-primary-text-active-color: #0067F6;
$button-primary-inverse-background-color: #FFFFFF;
$button-primary-inverse-border-color: #FFFFFF;
$button-primary-inverse-color: #0067F6;
$button-primary-inverse-hover-background-color: transparent;
$button-primary-inverse-hover-border-color: #FFFFFF;
$button-primary-inverse-hover-color: #FFFFFF;
$button-primary-inverse-active-background-color: transparent;
$button-primary-inverse-active-border-color: #FFFFFF;
$button-primary-inverse-active-color: #FFFFFF;
$button-primary-inverse-focus-outline: 2px solid #FFFFFF;
$button-primary-outline-inverse-background-color: transparent;
$button-primary-outline-inverse-border-color: #FFFFFF;
$button-primary-outline-inverse-color: #FFFFFF;
$button-primary-outline-inverse-hover-background-color: #FFFFFF;
$button-primary-outline-inverse-hover-border-color: #FFFFFF;
$button-primary-outline-inverse-hover-color: #0067F6;
$button-primary-outline-inverse-active-background-color: #FFFFFF;
$button-primary-outline-inverse-active-border-color: #FFFFFF;
$button-primary-outline-inverse-active-color: #0067F6;
$button-primary-text-inverse-background-color: transparent;
$button-primary-text-inverse-border-color: transparent;
$button-primary-text-inverse-color: #FFFFFF;
$button-primary-text-inverse-hover-background-color: #FFFFFF;
$button-primary-text-inverse-hover-border-color: #FFFFFF;
$button-primary-text-inverse-hover-color: #0067F6;
$button-primary-text-inverse-active-background-color: #FFFFFF;
$button-primary-text-inverse-active-border-color: #FFFFFF;
$button-primary-text-inverse-active-color: #0067F6;
$button-secondary-background-color: #f8db00;
$button-secondary-border-color: rgba(255, 255, 255, 0);
$button-secondary-color: #121212;
$button-secondary-hover-background-color: #F2CA00;
$button-secondary-hover-border-color: rgba(255, 255, 255, 0);
$button-secondary-hover-color: #121212;
$button-secondary-active-background-color: #F2CA00;
$button-secondary-active-border-color: #F2CA00;
$button-secondary-active-color: #121212;
$button-secondary-disabled-background-color: #F0F2F7;
$button-secondary-disabled-border-color: #F0F2F7;
$button-secondary-disabled-color: #909194;
$button-secondary-focus-outline: 2px solid #f8db00;
$button-secondary-outline-background-color: transparent;
$button-secondary-outline-border-color: #f8db00;
$button-secondary-outline-color: #f8db00;
$button-secondary-outline-hover-background-color: rgba(255, 255, 255, 0.15);
$button-secondary-outline-hover-border-color: #f8db00;
$button-secondary-outline-hover-color: #f8db00;
$button-secondary-outline-active-background-color: rgba(255, 255, 255, 0.15);
$button-secondary-outline-active-border-color: #f8db00;
$button-secondary-outline-active-color: #f8db00;
$button-secondary-text-background-color: transparent;
$button-secondary-text-border-color: transparent;
$button-secondary-text-color: #f8db00;
$button-secondary-text-hover-background-color: rgba(255, 255, 255, 0.15);
$button-secondary-text-hover-border-color: rgba(255, 255, 255, 0);
$button-secondary-text-hover-color: #f8db00;
$button-secondary-text-active-background-color: rgba(255, 255, 255, 0.15);
$button-secondary-text-active-border-color: rgba(255, 255, 255, 0.15);
$button-secondary-text-active-color: #f8db00;
$button-secondary-inverse-background-color: #121212;
$button-secondary-inverse-border-color: #121212;
$button-secondary-inverse-color: #f8db00;
$button-secondary-inverse-hover-background-color: rgba(255, 255, 255, 0);
$button-secondary-inverse-hover-border-color: #121212;
$button-secondary-inverse-hover-color: #121212;
$button-secondary-inverse-active-background-color: transparent;
$button-secondary-inverse-active-border-color: #121212;
$button-secondary-inverse-active-color: #121212;
$button-secondary-inverse-focus-outline: 2px solid #121212;
$button-secondary-outline-inverse-background-color: transparent;
$button-secondary-outline-inverse-border-color: #121212;
$button-secondary-outline-inverse-color: #121212;
$button-secondary-outline-inverse-hover-background-color: #121212;
$button-secondary-outline-inverse-hover-border-color: #121212;
$button-secondary-outline-inverse-hover-color: #f8db00;
$button-secondary-outline-inverse-active-background-color: #121212;
$button-secondary-outline-inverse-active-border-color: #121212;
$button-secondary-outline-inverse-active-color: #f8db00;
$button-secondary-text-inverse-background-color: rgba(255, 255, 255, 0);
$button-secondary-text-inverse-border-color: transparent;
$button-secondary-text-inverse-color: #121212;
$button-secondary-text-inverse-hover-background-color: #121212;
$button-secondary-text-inverse-hover-border-color: rgba(255, 255, 255, 0);
$button-secondary-text-inverse-hover-color: #f8db00;
$button-secondary-text-inverse-active-background-color: #121212;
$button-secondary-text-inverse-active-border-color: #121212;
$button-secondary-text-inverse-active-color: #f8db00;
$button-size-xs-font-size: 1rem;
$button-size-xs-padding: 0 0.5rem;
$button-size-xs-height: 2rem;
$button-size-sm-font-size: 1rem;
$button-size-sm-padding: 0 0.75rem;
$button-size-sm-height: 2.25rem;
$button-size-md-font-size: 1rem;
$button-size-md-padding: 0 1rem;
$button-size-md-height: 2.5rem;
$button-size-lg-font-size: 1rem;
$button-size-lg-padding: 0 1.25rem;
$button-size-lg-height: 2.75rem;
$button-supplementary-1-background-color: #E0E0E0;
$button-supplementary-1-border-color: #E0E0E0;
$button-supplementary-1-color: #121212;
$button-supplementary-1-hover-background-color: #EBEBEB;
$button-supplementary-1-hover-border-color: #EBEBEB;
$button-supplementary-1-hover-color: #121212;
$button-supplementary-1-active-background-color: #EBEBEB;
$button-supplementary-1-active-border-color: #EBEBEB;
$button-supplementary-1-active-color: #121212;
$button-supplementary-1-disabled-background-color: #F0F2F7;
$button-supplementary-1-disabled-border-color: #F0F2F7;
$button-supplementary-1-disabled-color: #909194;
$button-supplementary-1-focus-outline: 2px solid #E0E0E0;
$button-supplementary-1-outline-background-color: transparent;
$button-supplementary-1-outline-border-color: #E0E0E0;
$button-supplementary-1-outline-color: #E0E0E0;
$button-supplementary-1-outline-hover-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-1-outline-hover-border-color: #E0E0E0;
$button-supplementary-1-outline-hover-color: #E0E0E0;
$button-supplementary-1-outline-active-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-1-outline-active-border-color: #E0E0E0;
$button-supplementary-1-outline-active-color: #E0E0E0;
$button-supplementary-1-text-background-color: transparent;
$button-supplementary-1-text-border-color: transparent;
$button-supplementary-1-text-color: #E0E0E0;
$button-supplementary-1-text-hover-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-1-text-hover-border-color: rgba(255, 255, 255, 0.15);
$button-supplementary-1-text-hover-color: #E0E0E0;
$button-supplementary-1-text-active-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-1-text-active-border-color: rgba(255, 255, 255, 0.15);
$button-supplementary-1-text-active-color: #E0E0E0;
$button-supplementary-1-inverse-background-color: #121212;
$button-supplementary-1-inverse-border-color: #121212;
$button-supplementary-1-inverse-color: #E0E0E0;
$button-supplementary-1-inverse-hover-background-color: transparent;
$button-supplementary-1-inverse-hover-border-color: #121212;
$button-supplementary-1-inverse-hover-color: #121212;
$button-supplementary-1-inverse-active-background-color: transparent;
$button-supplementary-1-inverse-active-border-color: #121212;
$button-supplementary-1-inverse-active-color: #121212;
$button-supplementary-1-inverse-focus-outline: 2px solid #E0E0E0;
$button-supplementary-1-outline-inverse-background-color: transparent;
$button-supplementary-1-outline-inverse-border-color: #121212;
$button-supplementary-1-outline-inverse-color: #121212;
$button-supplementary-1-outline-inverse-hover-background-color: #121212;
$button-supplementary-1-outline-inverse-hover-border-color: #121212;
$button-supplementary-1-outline-inverse-hover-color: #E0E0E0;
$button-supplementary-1-outline-inverse-active-background-color: #121212;
$button-supplementary-1-outline-inverse-active-border-color: #121212;
$button-supplementary-1-outline-inverse-active-color: #E0E0E0;
$button-supplementary-1-text-inverse-background-color: transparent;
$button-supplementary-1-text-inverse-border-color: transparent;
$button-supplementary-1-text-inverse-color: #121212;
$button-supplementary-1-text-inverse-hover-background-color: #121212;
$button-supplementary-1-text-inverse-hover-border-color: #121212;
$button-supplementary-1-text-inverse-hover-color: #E0E0E0;
$button-supplementary-1-text-inverse-active-background-color: #121212;
$button-supplementary-1-text-inverse-active-border-color: #121212;
$button-supplementary-1-text-inverse-active-color: #E0E0E0;
$button-supplementary-2-background-color: #E0E0E0;
$button-supplementary-2-border-color: #E0E0E0;
$button-supplementary-2-color: #121212;
$button-supplementary-2-hover-background-color: #EBEBEB;
$button-supplementary-2-hover-border-color: #EBEBEB;
$button-supplementary-2-hover-color: #121212;
$button-supplementary-2-active-background-color: #EBEBEB;
$button-supplementary-2-active-border-color: #EBEBEB;
$button-supplementary-2-active-color: #121212;
$button-supplementary-2-disabled-background-color: #F0F2F7;
$button-supplementary-2-disabled-border-color: #F0F2F7;
$button-supplementary-2-disabled-color: #909194;
$button-supplementary-2-focus-outline: 2px solid #E0E0E0;
$button-supplementary-2-outline-background-color: transparent;
$button-supplementary-2-outline-border-color: #E0E0E0;
$button-supplementary-2-outline-color: #E0E0E0;
$button-supplementary-2-outline-hover-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-2-outline-hover-border-color: #E0E0E0;
$button-supplementary-2-outline-hover-color: #E0E0E0;
$button-supplementary-2-outline-active-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-2-outline-active-border-color: #E0E0E0;
$button-supplementary-2-outline-active-color: #E0E0E0;
$button-supplementary-2-text-background-color: transparent;
$button-supplementary-2-text-border-color: transparent;
$button-supplementary-2-text-color: #E0E0E0;
$button-supplementary-2-text-hover-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-2-text-hover-border-color: rgba(255, 255, 255, 0.15);
$button-supplementary-2-text-hover-color: #E0E0E0;
$button-supplementary-2-text-active-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-2-text-active-border-color: rgba(255, 255, 255, 0.15);
$button-supplementary-2-text-active-color: #E0E0E0;
$button-supplementary-2-inverse-background-color: #121212;
$button-supplementary-2-inverse-border-color: #121212;
$button-supplementary-2-inverse-color: #E0E0E0;
$button-supplementary-2-inverse-hover-background-color: transparent;
$button-supplementary-2-inverse-hover-border-color: #121212;
$button-supplementary-2-inverse-hover-color: #121212;
$button-supplementary-2-inverse-active-background-color: transparent;
$button-supplementary-2-inverse-active-border-color: #121212;
$button-supplementary-2-inverse-active-color: #121212;
$button-supplementary-2-inverse-focus-outline: 2px solid #E0E0E0;
$button-supplementary-2-outline-inverse-background-color: transparent;
$button-supplementary-2-outline-inverse-border-color: #121212;
$button-supplementary-2-outline-inverse-color: #121212;
$button-supplementary-2-outline-inverse-hover-background-color: #121212;
$button-supplementary-2-outline-inverse-hover-border-color: #121212;
$button-supplementary-2-outline-inverse-hover-color: #E0E0E0;
$button-supplementary-2-outline-inverse-active-background-color: #121212;
$button-supplementary-2-outline-inverse-active-border-color: #121212;
$button-supplementary-2-outline-inverse-active-color: #E0E0E0;
$button-supplementary-2-text-inverse-background-color: transparent;
$button-supplementary-2-text-inverse-border-color: transparent;
$button-supplementary-2-text-inverse-color: #121212;
$button-supplementary-2-text-inverse-hover-background-color: #121212;
$button-supplementary-2-text-inverse-hover-border-color: #121212;
$button-supplementary-2-text-inverse-hover-color: #E0E0E0;
$button-supplementary-2-text-inverse-active-background-color: #121212;
$button-supplementary-2-text-inverse-active-border-color: #121212;
$button-supplementary-2-text-inverse-active-color: #E0E0E0;
$button-supplementary-3-background-color: #E0E0E0;
$button-supplementary-3-border-color: #E0E0E0;
$button-supplementary-3-color: #121212;
$button-supplementary-3-hover-background-color: #EBEBEB;
$button-supplementary-3-hover-border-color: #EBEBEB;
$button-supplementary-3-hover-color: #121212;
$button-supplementary-3-active-background-color: #EBEBEB;
$button-supplementary-3-active-border-color: #EBEBEB;
$button-supplementary-3-active-color: #121212;
$button-supplementary-3-disabled-background-color: #F0F2F7;
$button-supplementary-3-disabled-border-color: #F0F2F7;
$button-supplementary-3-disabled-color: #909194;
$button-supplementary-3-focus-outline: 2px solid #E0E0E0;
$button-supplementary-3-outline-background-color: transparent;
$button-supplementary-3-outline-border-color: #E0E0E0;
$button-supplementary-3-outline-color: #E0E0E0;
$button-supplementary-3-outline-hover-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-3-outline-hover-border-color: #E0E0E0;
$button-supplementary-3-outline-hover-color: #E0E0E0;
$button-supplementary-3-outline-active-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-3-outline-active-border-color: #E0E0E0;
$button-supplementary-3-outline-active-color: #E0E0E0;
$button-supplementary-3-text-background-color: transparent;
$button-supplementary-3-text-border-color: transparent;
$button-supplementary-3-text-color: #E0E0E0;
$button-supplementary-3-text-hover-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-3-text-hover-border-color: rgba(255, 255, 255, 0.15);
$button-supplementary-3-text-hover-color: #E0E0E0;
$button-supplementary-3-text-active-background-color: rgba(255, 255, 255, 0.15);
$button-supplementary-3-text-active-border-color: rgba(255, 255, 255, 0.15);
$button-supplementary-3-text-active-color: #E0E0E0;
$button-supplementary-3-inverse-background-color: #121212;
$button-supplementary-3-inverse-border-color: #121212;
$button-supplementary-3-inverse-color: #E0E0E0;
$button-supplementary-3-inverse-hover-background-color: transparent;
$button-supplementary-3-inverse-hover-border-color: #121212;
$button-supplementary-3-inverse-hover-color: #121212;
$button-supplementary-3-inverse-active-background-color: transparent;
$button-supplementary-3-inverse-active-border-color: #121212;
$button-supplementary-3-inverse-active-color: #121212;
$button-supplementary-3-inverse-focus-outline: 2px solid #E0E0E0;
$button-supplementary-3-outline-inverse-background-color: transparent;
$button-supplementary-3-outline-inverse-border-color: #121212;
$button-supplementary-3-outline-inverse-color: #121212;
$button-supplementary-3-outline-inverse-hover-background-color: #121212;
$button-supplementary-3-outline-inverse-hover-border-color: #121212;
$button-supplementary-3-outline-inverse-hover-color: #E0E0E0;
$button-supplementary-3-outline-inverse-active-background-color: #121212;
$button-supplementary-3-outline-inverse-active-border-color: #121212;
$button-supplementary-3-outline-inverse-active-color: #E0E0E0;
$button-supplementary-3-text-inverse-background-color: transparent;
$button-supplementary-3-text-inverse-border-color: transparent;
$button-supplementary-3-text-inverse-color: #121212;
$button-supplementary-3-text-inverse-hover-background-color: #121212;
$button-supplementary-3-text-inverse-hover-border-color: #121212;
$button-supplementary-3-text-inverse-hover-color: #E0E0E0;
$button-supplementary-3-text-inverse-active-background-color: #121212;
$button-supplementary-3-text-inverse-active-border-color: #121212;
$button-supplementary-3-text-inverse-active-color: #E0E0E0;
$checkbox-input-size: 24px;
$checkbox-input-border-width: 2px;
$checkbox-input-border-radius: 2px;
$checkbox-input-outer-background-color: #FFFFFF;
$checkbox-input-outer-border-color: #121212;
$checkbox-input-inner-border-color: #FFFFFF;
$checkbox-label-color: #444444;
$checkbox-label-padding: 0.625rem 0.5rem 0.625rem 2.25rem;
$checkbox-label-background-color: transparent;
$checkbox-label-font-family: 'Open Sans', sans-serif;
$checkbox-label-font-size: 1rem;
$checkbox-label-font-weight: 400;
$checkbox-hover-input-outer-background-color: #FFFFFF;
$checkbox-hover-input-outer-border-color: #0067F6;
$checkbox-hover-input-inner-border-color: #FFFFFF;
$checkbox-hover-label-color: #444444;
$checkbox-hover-label-background-color: rgba(0, 0, 0, 0.075);
$checkbox-focus-input-outline: 2px solid #444444;
$checkbox-error-input-outer-background-color: #FFFFFF;
$checkbox-error-input-outer-border-color: #DA0000;
$checkbox-error-input-inner-border-color: #FFFFFF;
$checkbox-disabled-input-outer-background-color: #F0F2F7;
$checkbox-disabled-input-outer-border-color: #909194;
$checkbox-disabled-input-inner-border-color: #909194;
$checkbox-disabled-label-color: #909194;
$checkbox-checked-input-outer-background-color: #0067F6;
$checkbox-checked-input-outer-border-color: #0067F6;
$checkbox-checked-input-inner-border-color: #FFFFFF;
$checkbox-checked-label-color: #444444;
$checkbox-checked-label-font-weight: 700;
$checkbox-outline-input-size: 24px;
$checkbox-outline-input-border-width: 2px;
$checkbox-outline-input-outer-background-color: #FFFFFF;
$checkbox-outline-input-outer-border-color: #121212;
$checkbox-outline-input-inner-border-color: #FFFFFF;
$checkbox-outline-label-border-width: 1px;
$checkbox-outline-label-border-color: #121212;
$checkbox-outline-label-padding: 1rem 1rem 1rem 3.2rem;
$checkbox-outline-label-background-color: #FFFFFF;
$checkbox-outline-label-color: #444444;
$checkbox-outline-label-border-radius: 4px;
$checkbox-outline-hover-input-outer-background-color: #FFFFFF;
$checkbox-outline-hover-input-outer-border-color: #0067F6;
$checkbox-outline-hover-input-inner-border-color: #FFFFFF;
$checkbox-outline-hover-label-color: #444444;
$checkbox-outline-hover-label-border-color: #0067F6;
$checkbox-outline-hover-label-background-color: #EFEFEF;
$checkbox-outline-focus-label-outline: 2px solid #444444;
$checkbox-outline-error-input-outer-background-color: #FFFFFF;
$checkbox-outline-error-input-outer-border-color: #DA0000;
$checkbox-outline-error-input-inner-border-color: #FFFFFF;
$checkbox-outline-error-label-border-color: #DA0000;
$checkbox-outline-disabled-input-outer-background-color: #F0F2F7;
$checkbox-outline-disabled-input-outer-border-color: #909194;
$checkbox-outline-disabled-input-inner-border-color: #909194;
$checkbox-outline-disabled-label-color: #909194;
$checkbox-outline-disabled-label-border-color: #909194;
$checkbox-outline-disabled-label-background-color: #F0F2F7;
$checkbox-outline-checked-input-outer-background-color: #FFFFFF;
$checkbox-outline-checked-input-outer-border-color: #FFFFFF;
$checkbox-outline-checked-input-inner-border-color: #0067F6;
$checkbox-outline-checked-label-color: #FFFFFF;
$checkbox-outline-checked-label-background-color: #0067F6;
$checkbox-outline-checked-label-border-color: #0067F6;
$consent-banner-background-color: #FFFFFF;
$consent-banner-border-radius: 24px;
$consent-banner-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 12px;
$consent-banner-close-button-icon-color: #121212;
$consent-banner-close-button-hover-background-color: rgba(0, 0, 0, 0.075);
$consent-banner-close-button-hover-icon-color: #121212;
$consent-banner-margin-xs-default: 8px;
$consent-banner-margin-xs-bottom: 16px;
$consent-banner-margin-sm-default: 8px;
$consent-banner-margin-sm-bottom: 16px;
$consent-banner-margin-md-default: 16px;
$consent-banner-margin-md-bottom: 16px;
$consent-banner-margin-lg-default: 16px;
$consent-banner-margin-lg-bottom: 16px;
$consent-banner-max-width-xs: 100%;
$consent-banner-max-width-sm: 100%;
$consent-banner-max-width-md: 100%;
$consent-banner-max-width-lg: 1140px;
$consent-banner-padding: 24px 32px 24px 24px;
$container-max-width-xs: 100%; // mobile viewport
$container-max-width-sm: 960px; // tablets
$container-max-width-md: 960px; // laptops
$container-max-width-lg: 960px; // desktops
$container-max-width-xl: 1140px; // desktops / TVs
$container-padding-xs: 0 1rem; // mobile viewport
$container-padding-sm: 0 1rem; // tablets
$container-padding-md: 0 1rem; // laptops
$container-padding-lg: 0 1rem; // desktops
$container-padding-xl: 0 1rem; // desktops / TVs
$datepicker-height: 48px;
$datepicker-focus-border-color: #005FCC;
$datepicker-color: #444444;
$datepicker-border: 1px solid #121212;
$datepicker-border-radius: 4px;
$datepicker-background-color: #FFFFFF;
$datepicker-font-family: 'Open Sans', sans-serif;
$datepicker-font-size: 1rem;
$datepicker-font-weight: 400;
$datepicker-padding: 11px 11px 9px;
$datepicker-hover-background-color: #EFEFEF;
$datepicker-hover-border-color: #0067F6;
$datepicker-hover-color: #444444;
$datepicker-disabled-background-color: #F0F2F7;
$datepicker-disabled-border-color: #909194;
$datepicker-disabled-color: #909194;
$datepicker-error-border-color: #DA0000;
$datepicker-success-border-color: #47810E;
$datepicker-calendar-background-color: #FFFFFF;
$datepicker-calendar-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
$datepicker-calendar-icon-color: #0067F6;
$datepicker-calendar-month-color: #444444;
$datepicker-calendar-week-color: #444444;
$datepicker-calendar-day-color: #444444;
$datepicker-calendar-day-hover-background-color: #EFEFEF;
$datepicker-calendar-day-selected-background-color: #0067F6;
$datepicker-calendar-day-selected-border-color: #0067F6;
$datepicker-calendar-day-selected-color: #FFFFFF;
$datepicker-calendar-day-current-border-color: #606163;
$datepicker-calendar-nav-button-color: #0067F6;
$datepicker-calendar-year-color: #444444;
$datepicker-calendar-year-hover-background-color: #EFEFEF;
$datepicker-calendar-year-selected-background-color: #0067F6;
$datepicker-calendar-year-selected-border-color: #0067F6;
$datepicker-calendar-year-selected-color: #FFFFFF;
$datepicker-calendar-year-current-border-color: #606163;
$datepicker-placeholder-color: #6b6b6b;
$divider-border-color: #909194;
$divider-border-width: 1px;
$divider-color: #444444;
$divider-inverse-border-color: #FFFFFF;
$divider-inverse-color: #FFFFFF;
$drawer-backdrop-background-color: rgba(43, 46, 56, 0.9);
$drawer-background-color: #FFFFFF;
$drawer-border-radius: 0;
$drawer-padding-xs: 40px 40px 16px 16px;
$drawer-padding-sm: 40px 40px 24px 24px;
$drawer-padding-md: 40px 40px 32px 32px;
$drawer-padding-lg: 40px 40px 32px 32px;
$drawer-left-margin: 16px;
$drawer-close-button-icon-color: #121212;
$drawer-close-button-hover-background-color: rgba(0, 0, 0, 0.075);
$drawer-close-button-hover-icon-color: #121212;
$drawer-header-padding-bottom: 12px;
$drawer-content-padding-bottom: 12px;
$footer-background-color: #404040;
$footer-border-radius-xs: 0; // mobile viewport
$footer-border-radius-sm: 0; // tablets
$footer-border-radius-md: 0; // laptops
$footer-border-radius-lg: 0; // desktops
$footer-color: #FFFFFF;
$footer-font-family: 'Open Sans', sans-serif;
$footer-font-size: 0.875rem;
$footer-padding-xs: 1.5rem 0; // mobile viewport
$footer-padding-sm: 1.5rem 0; // tablets
$footer-padding-md: 1.5rem 0; // laptops
$footer-padding-lg: 1.5rem 0; // desktops
$footer-link-color: #fff;
$footer-link-font-weight: 400;
$footer-link-hover-color: #fff;
$header-background-color: #0067F6;
$header-box-shadow: none;
$header-height-xs: 60px;
$header-height-sm: 80px;
$header-height-md: 80px;
$header-height-lg: 80px;
$header-padding-xs: 0 0; // mobile viewport
$header-padding-sm: 0 0; // tablets
$header-padding-md: 0 0; // laptops
$header-padding-lg: 0 0; // desktops
$header-heading-color: #fff;
$header-heading-font-size-xs: 1.25rem; // mobile viewport
$header-heading-font-size-sm: 1.5rem; // tablets
$header-heading-font-size-md: 1.75rem; // laptops
$header-heading-font-size-lg: 1.75rem; // desktops
$header-heading-padding-xs: 0 0; // mobile viewport
$header-heading-padding-sm: 0 2rem; // tablets
$header-heading-padding-md: 0 2rem; // laptops
$header-heading-padding-lg: 0 2rem; // desktops
$header-dark-background-color: #0067F6;
$header-dark-heading-color: #FFFFFF;
$header-light-background-color: #FFFFFF;
$header-light-heading-color: #121212;
$icon-color: #121212;
$icon-font-weight: 900;
$icon-font-family: solid;
$icon-light-color: #F6F7FA;
$input-group-background-color: #F0F2F7;
$input-stepper-border-radius: 4px;
$input-stepper-height: 48px;
$input-stepper-button-background-color: #FFFFFF;
$input-stepper-button-border: 1px solid #121212;
$input-stepper-button-color: #444444;
$input-stepper-button-disabled-background-color: #F0F2F7;
$input-stepper-button-disabled-border-color: #909194;
$input-stepper-button-disabled-color: #909194;
$input-stepper-button-error-background-color: #FFFFFF;
$input-stepper-button-error-border-color: #DA0000;
$input-stepper-button-error-color: #444444;
$input-stepper-button-hover-background-color: #EFEFEF;
$input-stepper-button-hover-border-color: #0067F6;
$input-stepper-button-hover-color: #0067F6;
$input-height: 48px;
$input-color: #444444;
$input-padding: 0 12px;
$input-border-color: #121212;
$input-border: 1px solid #121212;
$input-border-radius: 4px;
$input-background-color: #FFFFFF;
$input-font-family: 'Open Sans', sans-serif;
$input-font-size: 1rem;
$input-font-weight: 400;
$input-transition: background-color 0.3s ease, border-color 0.3s ease;
$input-placeholder-color: #6b6b6b;
$input-hover-background-color: #EFEFEF;
$input-hover-border-color: #0067F6;
$input-hover-color: #444444;
$input-disabled-border-color: #909194;
$input-disabled-background-color: #F0F2F7;
$input-disabled-color: #909194;
$input-focus-border-color: #0067F6;
$input-focus-background-color: #FFFFFF;
$input-focus-color: #444444;
$input-focus-outline: 2px solid #0067F6;
$input-error-border-color: #DA0000;
$input-error-outline: #DA0000;
$input-error-background-color: #FFFFFF;
$input-error-color: #444444;
$input-success-border-color: #47810E;
$input-success-outline: #47810E;
$input-success-background-color: #FFFFFF;
$input-success-color: #444444;
$label-color: #444444;
$label-font-size: 1rem;
$label-font-weight: 700;
$label-font-family: 'Open Sans', sans-serif;
$label-line-height: 1.5;
$legend-color: #444444;
$legend-font-size: 1rem;
$legend-font-weight: 700;
$legend-font-family: 'Open Sans', sans-serif;
$legend-line-height: 1.5;
$link-color: #0067F6;
$link-background-color: transparent;
$link-border-radius: 0;
$link-hover-background-color: rgba(0, 0, 0, 0.075);
$link-hover-color: #0067F6;
$link-focus-background-color: transparent;
$link-focus-color: #0067F6;
$link-focus-outline: 2px solid #001531;
$link-active-background-color: rgba(0, 0, 0, 0.075);
$link-active-color: #0067F6;
$link-disabled-background-color: #F2F7FF;
$link-disabled-color: #66A4FA;
$link-inverse-color: #FFFFFF;
$link-inverse-background-color: transparent;
$link-inverse-hover-background-color: rgba(255, 255, 255, 0.15);
$link-inverse-hover-color: #FFFFFF;
$link-inverse-focus-background-color: transparent;
$link-inverse-focus-color: #FFFFFF;
$link-inverse-focus-outline: 2px solid #F2F7FF;
$link-inverse-active-background-color: rgba(255, 255, 255, 0.15);
$link-inverse-active-color: #FFFFFF;
$link-inverse-disabled-background-color: #F2F7FF;
$link-inverse-disabled-color: #66A4FA;
$loader-color: #0067F6;
$logo-width: 90px;
$logo-height: 49px;
$logo-xs-width: 65px;
$logo-xs-height: 36px;
$main-background-color: #F6F7FA;
$message-font-family: 'Open Sans', sans-serif;
$message-font-size: 0.875rem;
$message-information-color: #2D799F;
$message-success-color: #47810E;
$message-warning-color: #C6501B;
$message-error-color: #DA0000;
$modal-backdrop-background-color: rgba(43, 46, 56, 0.9);
$modal-background-color: #FFFFFF;
$modal-padding: 32px;
$modal-border-radius: 0;
$modal-button-icon-color: #121212;
$modal-button-hover-icon-color: #121212;
$modal-button-hover-background-color: rgba(0, 0, 0, 0.075);
$notification-counter-background-color: #DA0000;
$notification-counter-border-color: #DA0000;
$notification-counter-border-width: 1px;
$notification-counter-border-radius: 18px;
$notification-counter-color: #FFFFFF;
$notification-counter-font-url: 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';
$notification-counter-font-font-family: 'Open Sans', sans-serif;
$notification-counter-font-size: 0.75rem;
$notification-counter-font-weight: 400;
$notification-counter-line-height: 1;
$notification-counter-min-width: 18px;
$notification-counter-padding: 2px;
$password-button-color: #444444;
$password-button-hover-background-color: #EFEFEF;
$password-button-hover-color: #0067F6;
$password-button-focus-background-color: #FFFFFF;
$password-button-focus-color: #444444;
$price-default-font-weight: 400;
$price-default-font-size-xs: 44px;
$price-default-font-size-sm: 44px;
$price-default-font-size-md: 64px;
$price-default-font-size-lg: 64px;
$price-default-cents-font-weight: 400;
$price-default-cents-font-size-xs: 65%;
$price-default-cents-font-size-sm: 65%;
$price-default-cents-font-size-md: 65%;
$price-default-cents-font-size-lg: 65%;
$price-default-currency-font-size: 65%;
$price-default-currency-font-weight: 400;
$price-default-currency-top-xs: -0.6rem;
$price-default-currency-top-sm: -0.6rem;
$price-default-currency-top-md: -0.9rem;
$price-default-currency-top-lg: -0.9rem;
$price-small-font-weight: 400;
$price-small-font-size-xs: 30px;
$price-small-font-size-sm: 30px;
$price-small-font-size-md: 44px;
$price-small-font-size-lg: 44px;
$price-small-cents-font-size-xs: 65%;
$price-small-cents-font-size-sm: 65%;
$price-small-cents-font-size-md: 65%;
$price-small-cents-font-size-lg: 65%;
$price-small-currency-font-weight: 400;
$price-small-currency-font-size: 65%;
$price-small-currency-top-xs: -0.4rem;
$price-small-currency-top-sm: -0.4rem;
$price-small-currency-top-md: -0.6rem;
$price-small-currency-top-lg: -0.6rem;
$progress-indicator-border-width: 2px;
$progress-indicator-font-family: 'Open Sans', sans-serif;
$progress-indicator-font-weight: 400;
$progress-indicator-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
$progress-indicator-complete-background-color: #47810E;
$progress-indicator-complete-border-color: #47810E;
$progress-indicator-complete-color: #FFFFFF;
$progress-indicator-active-background-color: #FFFFFF;
$progress-indicator-active-border-color: #47810E;
$progress-indicator-active-color: #444444;
$progress-indicator-active-font-weight: 600;
$progress-indicator-incomplete-background-color: #FFFFFF;
$progress-indicator-incomplete-border-color: #909194;
$progress-indicator-incomplete-color: #444444;
$progress-indicator-mobile-label-margin: 0 0 8px 8px;
$progress-indicator-progress-line-border-radius: 0;
$progress-indicator-progress-line-dashed: 2px;
$progress-indicator-progress-line-gap: 2px;
$progress-indicator-progress-line-height: 1px;
$progress-indicator-progress-line-left: 24px;
$progress-indicator-progress-line-solid: 4px;
$progress-indicator-progress-line-style: 2px;
$progress-indicator-progress-line-width: 100%;
$progress-indicator-progress-line-complete-background-color: #47810E;
$progress-indicator-progress-line-incomplete-background-color: #C0C2C6;
$progress-indicator-step-indicator-font-url: 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';
$progress-indicator-step-indicator-font-font-family: 'Open Sans', sans-serif;
$progress-indicator-step-indicator-font-size: 1rem;
$progress-indicator-step-indicator-height: 48px;
$progress-indicator-step-indicator-size: 1.9rem;
$progress-indicator-step-indicator-text-indent: 0;
$progress-indicator-button-color: #444444;
$progress-indicator-button-background-color: transparent;
$progress-indicator-button-border-radius: 4px;
$progress-indicator-button-padding: 0px 6px;
$progress-indicator-button-hover-background-color: rgba(0, 0, 0, 0.075);
$progress-indicator-button-hover-color: #444444;
$progress-indicator-button-focus-color: #444444;
$progress-indicator-button-focus-outline: 2px solid #383E44;
$progress-indicator-line-height: 1.5;
$progress-loader-backdrop-background-color: rgba(255, 255, 255, 0.9);
$progress-loader-color: #444444;
$progress-loader-label-order: 1;
$progress-loader-label-font-family: 'Open Sans', sans-serif;
$progress-loader-label-font-size-xs: 1rem;
$progress-loader-label-font-size-sm: 1rem;
$progress-loader-label-font-size-md: 1rem;
$progress-loader-label-font-size-lg: 1rem;
$progress-loader-label-font-weight: 600;
$progress-loader-label-margin: 0 0 0.25rem 0;
$progress-loader-progress-bar-border-color: #909194;
$progress-loader-progress-bar-border-radius: 4px;
$progress-loader-progress-bar-background-color: #FFFFFF;
$progress-loader-progress-bar-order: 2;
$progress-loader-progress-value-border-radius: 4px;
$progress-loader-progress-value-background-color: #0067F6;
$progress-loader-progress-value-height: 8px;
$progress-loader-inline-label-margin: 0 0 0.5rem 0;
$progress-loader-inline-progress-bar-border-color: #909194;
$progress-loader-inline-progress-value-background-color: #47810E;
$progress-loader-inline-progress-value-height: 8px;
$radio-block-background-color: #FFFFFF;
$radio-block-border: 1px solid #121212;
$radio-block-border-radius: 4px;
$radio-block-color: #444444;
$radio-block-font-family: 'Open Sans', sans-serif;
$radio-block-font-size: 1rem;
$radio-block-font-weight: 400;
$radio-block-height: 48px;
$radio-block-hover-color: #0067F6;
$radio-block-hover-border-color: #0067F6;
$radio-block-hover-background-color: #EFEFEF;
$radio-block-focus-outline: 2px solid #444444;
$radio-block-error-border-color: #DA0000;
$radio-block-disabled-background-color: #F0F2F7;
$radio-block-disabled-color: #909194;
$radio-block-disabled-border-color: #909194;
$radio-block-checked-color: #FFFFFF;
$radio-block-checked-background-color: #0067F6;
$radio-block-checked-font-weight: 700;
$radio-block-checked-border-color: #0067F6;
$radio-input-size: 24px;
$radio-input-border-width: 2px;
$radio-input-outer-background-color: #FFFFFF;
$radio-input-outer-border-color: #121212;
$radio-input-inner-background-color: #FFFFFF;
$radio-label-color: #444444;
$radio-label-padding: 0.625rem 0.5rem 0.625rem 2.25rem;
$radio-label-background-color: transparent;
$radio-label-font-family: 'Open Sans', sans-serif;
$radio-label-font-size: 1rem;
$radio-label-font-weight: 400;
$radio-hover-input-outer-background-color: #FFFFFF;
$radio-hover-input-outer-border-color: #0067F6;
$radio-hover-input-inner-background-color: #FFFFFF;
$radio-hover-label-color: #444444;
$radio-hover-label-background-color: rgba(0, 0, 0, 0.075);
$radio-focus-input-outline: 2px solid #444444;
$radio-error-input-outer-background-color: #FFFFFF;
$radio-error-input-outer-border-color: #DA0000;
$radio-error-input-inner-background-color: #FFFFFF;
$radio-disabled-input-outer-background-color: #F0F2F7;
$radio-disabled-input-outer-border-color: #909194;
$radio-disabled-input-inner-background-color: #909194;
$radio-disabled-label-color: #909194;
$radio-checked-input-outer-background-color: #0067F6;
$radio-checked-input-outer-border-color: #0067F6;
$radio-checked-input-inner-background-color: #FFFFFF;
$radio-checked-label-color: #444444;
$radio-checked-label-font-weight: 700;
$radio-outline-input-size: 24px;
$radio-outline-input-border-width: 2px;
$radio-outline-input-outer-background-color: #FFFFFF;
$radio-outline-input-outer-border-color: #121212;
$radio-outline-input-inner-background-color: #FFFFFF;
$radio-outline-label-border-width: 1px;
$radio-outline-label-border-color: #121212;
$radio-outline-label-padding: 1rem 1rem 1rem 3.2rem;
$radio-outline-label-background-color: #FFFFFF;
$radio-outline-label-color: #444444;
$radio-outline-label-border-radius: 4px;
$radio-outline-hover-input-outer-background-color: #FFFFFF;
$radio-outline-hover-input-outer-border-color: #0067F6;
$radio-outline-hover-input-inner-background-color: #FFFFFF;
$radio-outline-hover-label-color: #444444;
$radio-outline-hover-label-background-color: #EFEFEF;
$radio-outline-hover-label-border-color: #0067F6;
$radio-outline-focus-label-outline: 2px solid #444444;
$radio-outline-error-input-outer-background-color: #FFFFFF;
$radio-outline-error-input-outer-border-color: #DA0000;
$radio-outline-error-input-inner-background-color: #FFFFFF;
$radio-outline-error-label-border-color: #DA0000;
$radio-outline-disabled-input-outer-background-color: #F0F2F7;
$radio-outline-disabled-input-outer-border-color: #909194;
$radio-outline-disabled-input-inner-background-color: #909194;
$radio-outline-disabled-label-background-color: #F0F2F7;
$radio-outline-disabled-label-color: #909194;
$radio-outline-disabled-label-border-color: #909194;
$radio-outline-checked-input-outer-background-color: #FFFFFF;
$radio-outline-checked-input-outer-border-color: #FFFFFF;
$radio-outline-checked-input-inner-background-color: #0067F6;
$radio-outline-checked-label-color: #FFFFFF;
$radio-outline-checked-label-background-color: #0067F6;
$radio-outline-checked-label-border-color: #0067F6;
$segmented-control-background-color: #FFFFFF;
$segmented-control-min-height: 48px;
$segmented-control-min-width: 7.5rem;
$segmented-control-padding: 0 .75rem;
$segmented-control-border: 1px solid #121212;
$segmented-control-border-color: #121212;
$segmented-control-border-radius: 4px;
$segmented-control-border-width: 1px solid;
$segmented-control-color: #444444;
$segmented-control-font-family: 'Open Sans', sans-serif;
$segmented-control-font-size: 1rem;
$segmented-control-font-weight: 400;
$segmented-control-block-border-radius: 4px;
$segmented-control-hover-color: #0067F6;
$segmented-control-hover-border-color: #0067F6;
$segmented-control-hover-background-color: #EFEFEF;
$segmented-control-focus-border: 2px solid #0067F6;
$segmented-control-error-border-color: #DA0000;
$segmented-control-disabled-background-color: #F0F2F7;
$segmented-control-disabled-color: #909194;
$segmented-control-disabled-border-color: #909194;
$segmented-control-disabled-checked-color: #FFFFFF;
$segmented-control-checked-color: #FFFFFF;
$segmented-control-checked-background-color: #0067F6;
$segmented-control-checked-font-weight: 700;
$segmented-control-checked-border-color: #0067F6;
$segmented-control-radio-background-color: #FFFFFF;
$segmented-control-radio-border: 1px solid #121212;
$segmented-control-radio-border-color: #121212;
$segmented-control-radio-border-width: 1px solid;
$segmented-control-radio-color: #444444;
$segmented-control-radio-padding: 0.75rem;
$segmented-control-radio-input-size: 24px;
$segmented-control-radio-input-border-width: 2px;
$segmented-control-radio-input-outer-background-color: #FFFFFF;
$segmented-control-radio-input-outer-border-color: #121212;
$segmented-control-radio-input-inner-background-color: #FFFFFF;
$segmented-control-radio-hover-color: #0067F6;
$segmented-control-radio-hover-border-color: #0067F6;
$segmented-control-radio-hover-background-color: #EFEFEF;
$segmented-control-radio-hover-input-outer-background-color: #FFFFFF;
$segmented-control-radio-hover-input-outer-border-color: #0067F6;
$segmented-control-radio-disabled-background-color: #F0F2F7;
$segmented-control-radio-disabled-border-color: #909194;
$segmented-control-radio-disabled-color: #909194;
$segmented-control-radio-disabled-input-outer-background-color: #F0F2F7;
$segmented-control-radio-disabled-input-outer-border-color: #909194;
$segmented-control-radio-disabled-input-inner-background-color: #909194;
$segmented-control-radio-disabled-checked-color: #FFFFFF;
$segmented-control-radio-disabled-checked-input-outer-border-color: #F0F2F7;
$segmented-control-radio-checked-color: #FFFFFF;
$segmented-control-radio-checked-background-color: #0067F6;
$segmented-control-radio-checked-border-color: #0067F6;
$segmented-control-radio-checked-input-outer-background-color: #FFFFFF;
$segmented-control-radio-checked-input-outer-border-color: #FFFFFF;
$segmented-control-radio-checked-input-inner-background-color: #0067F6;
$segmented-control-radio-checked-input-inner-border-color: #909194;
$segmented-control-radio-error-checked-input-inner-background-color: #0067F6;
$segmented-control-radio-error-checked-input-inner-border-color: #0067F6;
$segmented-control-radio-error-checked-input-outer-background-color: #DA0000;
$segmented-control-radio-error-input-outer-background-color: #FFFFFF;
$segmented-control-radio-error-input-outer-border-color: #DA0000;
$segmented-control-radio-block-label-padding: 0.75rem 3rem 0.75rem;
$select-height: 48px;
$select-color: #444444;
$select-padding: 0 12px;
$select-border: 1px solid #121212;
$select-icon-color: #444444;
$select-border-radius: 4px;
$select-background-color: #FFFFFF;
$select-font-family: 'Open Sans', sans-serif;
$select-font-size: 1rem;
$select-font-weight: 400;
$select-transition: background-color 0.3s ease, border-color 0.3s ease;
$select-hover-background-color: #EFEFEF;
$select-hover-border-color: #0067F6;
$select-hover-color: #444444;
$select-disabled-border-color: #909194;
$select-disabled-background-color: #F0F2F7;
$select-disabled-color: #909194;
$select-focus-border-color: #0067F6;
$select-focus-background-color: #FFFFFF;
$select-focus-color: #444444;
$select-focus-outline: 2px solid #0067F6;
$select-error-border-color: #DA0000;
$select-error-background-color: #FFFFFF;
$select-error-color: #444444;
$select-success-border-color: #47810E;
$select-success-background-color: #FFFFFF;
$select-success-color: #444444;
$spinner-stroke: #0067F6;
$spinner-inverse-stroke: #FFFFFF;
$spinner-fixed-background: transparent;
$tab-border-color: #0067F6;
$tab-border-radius: 0 0 0 0;
$tab-border-width: 1px;
$tab-button-font-family: 'Open Sans', sans-serif;
$tab-button-font-size: 1rem;
$tab-button-font-weight: 400;
$tab-button-color: #444444;
$tab-button-text-align: left;
$tab-content-font-family: 'Open Sans', sans-serif;
$tab-content-font-size: 1rem;
$tab-content-background-color: #FFFFFF;
$tab-content-padding: 16px;
$tab-content-border-style: none;
$tab-content-xs-border-width: 1px;
$tab-content-xs-padding: 0 1rem 1rem;
$tab-inactive-background-color: transparent;
$tab-inactive-border-width: 0 0 1px;
$tab-inactive-color: #444444;
$tab-inactive-icon-color: #121212;
$tab-selected-background-color: #FFFFFF;
$tab-selected-border-width: 1px 1px 0;
$tab-selected-box-shadow: none;
$tab-selected-color: #444444;
$tab-selected-font-weight: 700;
$tab-selected-icon-color: #121212;
$tab-hover-color: #444444;
$tab-hover-background-color: rgba(0, 0, 0, 0.075);
$tab-hover-icon-color: #121212;
$tab-focus-color: #444444;
$tab-focus-background-color: #FFFFFF;
$tab-focus-box-shadow: inset 0 0 0 2px #fff,inset 0 0 0 4px #0067F6,inset 0 0 #0067F6;
$tab-focus-icon-color: #121212;
$tab-icon-color: #121212;
$tab-inverse-border-color: #F2F7FF;
$tab-inverse-button-color: #FFFFFF;
$tab-inverse-color: #FFFFFF;
$tab-inverse-content-background-color: transparent;
$tab-inverse-content-color: #FFFFFF;
$tab-inverse-inactive-background-color: transparent;
$tab-inverse-inactive-color: #FFFFFF;
$tab-inverse-inactive-icon-color: #F6F7FA;
$tab-inverse-selected-background-color: transparent;
$tab-inverse-selected-color: #FFFFFF;
$tab-inverse-selected-box-shadow: none;
$tab-inverse-selected-icon-color: #F6F7FA;
$tab-inverse-hover-background-color: rgba(255, 255, 255, 0.15);
$tab-inverse-hover-color: #FFFFFF;
$tab-inverse-hover-icon-color: #F6F7FA;
$tab-inverse-icon-color: #F6F7FA;
$tab-inverse-focus-icon-color: #F6F7FA;
$tab-inverse-scroll-button-background-color: transparent;
$tab-inverse-scroll-button-color: #F6F7FA;
$tab-inverse-scroll-button-hover-background-color: rgba(255, 255, 255, 0.15);
$tab-inverse-scroll-button-hover-color: #F6F7FA;
$tab-inverse-scroll-button-active-background-color: rgba(255, 255, 255, 0.15);
$tab-inverse-scroll-button-active-color: #F6F7FA;
$tab-scroll-button-background-color: transparent;
$tab-scroll-button-border-width: 1px;
$tab-scroll-button-border-radius: 0 0 0 0;
$tab-scroll-button-color: #121212;
$tab-scroll-button-hover-background-color: rgba(0, 0, 0, 0.075);
$tab-scroll-button-hover-color: #121212;
$tab-scroll-button-active-background-color: rgba(0, 0, 0, 0.075);
$tab-scroll-button-active-color: #121212;
$textarea-color: #444444;
$textarea-padding: 12px;
$textarea-border: 1px solid #121212;
$textarea-border-radius: 4px;
$textarea-background-color: #FFFFFF;
$textarea-font-family: 'Open Sans', sans-serif;
$textarea-font-size: 1rem;
$textarea-font-weight: 400;
$textarea-transition: background-color 0.3s ease, border-color 0.3s ease;
$textarea-placeholder-color: #6b6b6b;
$textarea-hover-background-color: #EFEFEF;
$textarea-hover-border-color: #0067F6;
$textarea-hover-color: #444444;
$textarea-disabled-border-color: #909194;
$textarea-disabled-background-color: #F0F2F7;
$textarea-disabled-color: #909194;
$textarea-focus-border-color: #0067F6;
$textarea-focus-background-color: #FFFFFF;
$textarea-focus-color: #444444;
$textarea-focus-outline: 2px solid #0067F6;
$textarea-error-border-color: #DA0000;
$textarea-error-outline: #DA0000;
$textarea-error-background-color: #FFFFFF;
$textarea-error-color: #444444;
$textarea-success-border-color: #47810E;
$textarea-success-outline: #47810E;
$textarea-success-background-color: #FFFFFF;
$textarea-success-color: #444444;
$toggle-label-color: #444444;
$toggle-label-font-family: 'Open Sans', sans-serif;
$toggle-label-font-size: 1rem;
$toggle-label-font-weight: 700;
$toggle-label-margin-left: 1.5rem;
$toggle-label-margin-right: .5rem;
$toggle-label-hover-color: #444444;
$toggle-label-checked-color: #444444;
$toggle-label-error-color: #444444;
$toggle-label-disabled-color: #909194;
$toggle-label-disabled-checked-color: #909194;
$toggle-thumb-background-color: #444444;
$toggle-thumb-size: 24px;
$toggle-thumb-hover-background-color: #444444;
$toggle-thumb-checked-background-color: #FFFFFF;
$toggle-thumb-checked-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
$toggle-thumb-checked-transform: translateX(22px);
$toggle-thumb-error-background-color: #444444;
$toggle-thumb-disabled-background-color: #909194;
$toggle-thumb-disabled-checked-background-color: #F0F2F7;
$toggle-track-width: 56px;
$toggle-track-background-color: #FFFFFF;
$toggle-track-border: 1px solid #121212;
$toggle-track-border-radius: 64px;
$toggle-track-hover-background-color: #EFEFEF;
$toggle-track-hover-border: 1px solid #0067F6;
$toggle-track-focus-outline: 2px solid #444444;
$toggle-track-checked-background-color: #0067F6;
$toggle-track-checked-border: 1px solid #0067F6;
$toggle-track-error-background-color: #FFFFFF;
$toggle-track-error-border: 1px solid #DA0000;
$toggle-track-disabled-background-color: #F0F2F7;
$toggle-track-disabled-border: 1px solid #909194;
$toggle-track-disabled-checked-background-color: #909194;
$toggle-track-disabled-checked-border: 1px solid #909194;
$tooltip-arrow-color: #303031;
$tooltip-background-color: #303031;
$tooltip-border-color: #303031;
$tooltip-border-width: 1px;
$tooltip-border-radius: 4px;
$tooltip-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
$tooltip-color: #FFFFFF;
$tooltip-font-family: 'Open Sans', sans-serif;
$tooltip-font-size: 1rem;
$tooltip-font-weight: 400;
$tooltip-line-height: 1.5;
$tooltip-padding: 16px 16px;
$secondary-color: #121212;