/**
 * Chroma Design System
 * Design Tokens - v7.0.0
 */

:root {
  --color-background-white: #ffffff;
  --color-background-black: #121212;
  --color-background-primary: #870e40;
  --color-background-primary-light: #f9f3f5;
  --color-background-secondary: #ef404a;
  --color-background-secondary-light: #fef5f6;
  --color-background-accent: #c5c5c5;
  --color-background-accent-light: #fcfcfc;
  --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: #870e40;
  --color-border-primary: #870e40;
  --color-border-primary-light: #b76e8c;
  --color-border-secondary: #ef404a;
  --color-border-secondary-light: #f58c92;
  --color-border-accent: #c5c5c5;
  --color-border-accent-light: #d9d9d9;
  --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: #f9f3f5; /* color.global.brand.primary.50 */
  --color-foundation-primary-light: #b76e8c; /* color.global.brand.primary.300 */
  --color-foundation-primary-default: #870e40; /* color.global.brand.primary.500 */
  --color-foundation-primary-dark: #510826; /* color.global.brand.primary.700 */
  --color-foundation-primary-darker: #1b030d; /* 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: #510826;
  --color-foundation-primary-neutral-solid: #efefef;
  --color-foundation-secondary-lighter: #fef5f6; /* color.global.brand.secondary.50 */
  --color-foundation-secondary-light: #f58c92; /* color.global.brand.secondary.300 */
  --color-foundation-secondary-default: #ef404a; /* color.global.brand.secondary.500 */
  --color-foundation-secondary-dark: #8f262c; /* color.global.brand.secondary.700 */
  --color-foundation-secondary-darker: #300d0f; /* color.global.brand.secondary.900 */
  --color-foundation-secondary-contrast: #ffffff;
  --color-foundation-secondary-beside: #121212;
  --color-foundation-secondary-neutral: rgba(0,0,0, 0.075);
  --color-foundation-secondary-block: #8f262c;
  --color-foundation-secondary-neutral-solid: #efefef;
  --color-foundation-accent-lighter: #fcfcfc; /* color.global.brand.accent.50 */
  --color-foundation-accent-light: #d9d9d9; /* color.global.brand.accent.300 */
  --color-foundation-accent-default: #c5c5c5; /* color.global.brand.accent.500 */
  --color-foundation-accent-dark: #979797; /* color.global.brand.accent.700 */
  --color-foundation-accent-darker: #636363; /* color.global.brand.accent.900 */
  --color-foundation-accent-contrast: #121212;
  --color-foundation-accent-beside: #ffffff;
  --color-foundation-accent-neutral: rgba(255, 255, 255, 0.15);
  --color-foundation-accent-block: #d9d9d9;
  --color-foundation-accent-neutral-solid: #3e3e3e;
  --color-foundation-link-lighter: #f9f3f5; /* color.global.brand.link.50 */
  --color-foundation-link-light: #b76e8c; /* color.global.brand.link.300 */
  --color-foundation-link-default: #870e40; /* color.global.brand.link.500 */
  --color-foundation-link-dark: #510826; /* color.global.brand.link.700 */
  --color-foundation-link-darker: #1b030d; /* 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: #f9f3f5;
  --color-foundation-interactive-light: #b76e8c;
  --color-foundation-interactive-default: #870e40;
  --color-foundation-interactive-dark: #510826;
  --color-foundation-interactive-darker: #1b030d;
  --color-foundation-interactive-contrast: #ffffff;
  --color-foundation-interactive-beside: #121212;
  --color-foundation-interactive-neutral: rgba(0,0,0, 0.075);
  --color-foundation-interactive-block: #510826;
  --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: #000000;
  --color-foundation-button-primary-lighter: #f9f3f5;
  --color-foundation-button-primary-light: #b76e8c;
  --color-foundation-button-primary-default: #870e40;
  --color-foundation-button-primary-dark: #510826;
  --color-foundation-button-primary-darker: #1b030d;
  --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: #510826;
  --color-foundation-button-secondary-lighter: #fef5f6;
  --color-foundation-button-secondary-light: #f58c92;
  --color-foundation-button-secondary-default: #ef404a;
  --color-foundation-button-secondary-dark: #8f262c;
  --color-foundation-button-secondary-darker: #300d0f;
  --color-foundation-button-secondary-contrast: #ffffff;
  --color-foundation-button-secondary-beside: #121212;
  --color-foundation-button-secondary-neutral: rgba(0,0,0, 0.075);
  --color-foundation-button-secondary-block: #8f262c;
  --color-foundation-button-accent-lighter: #fcfcfc;
  --color-foundation-button-accent-light: #d9d9d9;
  --color-foundation-button-accent-default: #c5c5c5;
  --color-foundation-button-accent-dark: #979797;
  --color-foundation-button-accent-darker: #636363;
  --color-foundation-button-accent-contrast: #121212;
  --color-foundation-button-accent-beside: #ffffff;
  --color-foundation-button-accent-neutral: rgba(255, 255, 255, 0.15);
  --color-foundation-button-accent-block: #d9d9d9;
  --color-foundation-button-cta-1-lighter: #f9f3f5;
  --color-foundation-button-cta-1-light: #b76e8c;
  --color-foundation-button-cta-1-default: #870e40;
  --color-foundation-button-cta-1-dark: #510826;
  --color-foundation-button-cta-1-darker: #1b030d;
  --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: #510826;
  --color-foundation-button-cta-2-lighter: #f9f3f5;
  --color-foundation-button-cta-2-light: #b76e8c;
  --color-foundation-button-cta-2-default: #870e40;
  --color-foundation-button-cta-2-dark: #510826;
  --color-foundation-button-cta-2-darker: #1b030d;
  --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: #510826;
  --color-foundation-button-cta-3-lighter: #fef5f6;
  --color-foundation-button-cta-3-light: #f58c92;
  --color-foundation-button-cta-3-default: #ef404a;
  --color-foundation-button-cta-3-dark: #8f262c;
  --color-foundation-button-cta-3-darker: #300d0f;
  --color-foundation-button-cta-3-contrast: #ffffff;
  --color-foundation-button-cta-3-beside: #121212;
  --color-foundation-button-cta-3-neutral: rgba(0,0,0, 0.075);
  --color-foundation-button-cta-3-block: #8f262c;
  --color-foundation-button-interactive-lighter: #f9f3f5;
  --color-foundation-button-interactive-light: #b76e8c;
  --color-foundation-button-interactive-default: #870e40;
  --color-foundation-button-interactive-dark: #510826;
  --color-foundation-button-interactive-darker: #1b030d;
  --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: #510826;
  --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: #f9f3f5;
  --color-global-brand-primary-100: #e7cfd9;
  --color-global-brand-primary-200: #cf9fb3;
  --color-global-brand-primary-300: #b76e8c;
  --color-global-brand-primary-400: #9f3e66;
  --color-global-brand-primary-500: #870e40;
  --color-global-brand-primary-600: #6c0b33;
  --color-global-brand-primary-700: #510826;
  --color-global-brand-primary-800: #36061a;
  --color-global-brand-primary-900: #1b030d;
  --color-global-brand-primary-950: #070103;
  --color-global-brand-secondary-50: #fef5f6;
  --color-global-brand-secondary-100: #fcd9db;
  --color-global-brand-secondary-200: #f9b3b7;
  --color-global-brand-secondary-300: #f58c92;
  --color-global-brand-secondary-400: #f2666e;
  --color-global-brand-secondary-500: #ef404a;
  --color-global-brand-secondary-600: #bf333b;
  --color-global-brand-secondary-700: #8f262c;
  --color-global-brand-secondary-800: #601a1e;
  --color-global-brand-secondary-900: #300d0f;
  --color-global-brand-secondary-950: #0c0304;
  --color-global-brand-accent-50: #fcfcfc;
  --color-global-brand-accent-100: #f2f2f2;
  --color-global-brand-accent-200: #e5e5e5;
  --color-global-brand-accent-300: #d9d9d9;
  --color-global-brand-accent-400: #cfcfcf;
  --color-global-brand-accent-500: #c5c5c5;
  --color-global-brand-accent-600: #b1b1b1;
  --color-global-brand-accent-700: #979797;
  --color-global-brand-accent-800: #7d7d7d;
  --color-global-brand-accent-900: #636363;
  --color-global-brand-accent-950: #4a4a4a;
  --color-global-brand-link-50: #f9f3f5;
  --color-global-brand-link-100: #e7cfd9;
  --color-global-brand-link-200: #cf9fb3;
  --color-global-brand-link-300: #b76e8c;
  --color-global-brand-link-400: #9f3e66;
  --color-global-brand-link-500: #870e40; /* default */
  --color-global-brand-link-600: #6c0b33;
  --color-global-brand-link-700: #510826;
  --color-global-brand-link-800: #36061a;
  --color-global-brand-link-900: #1b030d;
  --color-global-brand-link-950: #070103;
  --color-global-brand-sunshine: #f37021;
  --color-global-brand-grape: #58003a;
  --color-global-brand-peach: #db3929;
  --color-global-brand-apricot: #f7966b;
  --color-global-brand-eggplant: #330019;
  --color-global-brand-charcoal: #323d42;
  --color-global-brand-slate: #cbcccc;
  --color-global-brand-beige: #f6f5f3;
  --color-global-brand-light-beige: #fbfaf9;
  --color-global-brand-soft-grey: #e2e7e9;
  --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-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: #323d42;
  --color-interactive-default-icon: #870e40;
  --color-interactive-hover-background-color: #efefef;
  --color-interactive-hover-border-color: #870e40;
  --color-interactive-hover-color: #870e40;
  --color-interactive-hover-icon: #870e40;
  --color-interactive-checked-background-color: #870e40;
  --color-interactive-checked-border-color: #870e40;
  --color-interactive-checked-color: #ffffff;
  --color-interactive-checked-icon: #ffffff;
  --color-interactive-checked-focus-background-color: #870e40;
  --color-interactive-checked-focus-border-color: #870e40;
  --color-interactive-checked-focus-color: #ffffff;
  --color-interactive-checked-focus-icon: #ffffff;
  --color-interactive-focus-background-color: #ffffff;
  --color-interactive-focus-border-color: #870e40;
  --color-interactive-focus-color: #323d42;
  --color-interactive-focus-icon: #870e40;
  --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: #323d42;
  --color-interactive-error-icon: #121212;
  --color-interactive-success-background-color: #ffffff;
  --color-interactive-success-border-color: #47810e;
  --color-interactive-success-color: #323d42;
  --color-interactive-success-icon: #121212;
  --color-text-heading: #330019;
  --color-text-headline: #330019;
  --color-text-body: #323d42;
  --color-text-subheading: #323d42;
  --color-text-default: #121212;
  --color-text-white: #ffffff;
  --color-text-black: #121212;
  --color-text-light: #303031;
  --color-text-disabled: #909194;
  --color-text-primary: #870e40;
  --color-text-primary-light: #b76e8c;
  --color-text-secondary: #ef404a;
  --color-text-secondary-light: #f58c92;
  --color-text-accent: #c5c5c5;
  --color-text-accent-light: #d9d9d9;
  --color-text-error: #da0000;
  --color-text-warning: #c6501b;
  --color-text-success: #47810e;
  --color-text-information: #2d799f;
  --color-text-placeholder: #6b6b6b;
  --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-700: 64px;
  --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;
  --asset-logo-path: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos";
  --asset-logo-dark-src: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos/dark/logo.svg"; /* Coloured logo - used on light backgrounds */
  --asset-logo-dark-xs-src: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos/dark/logo.svg"; /* Mobile specific logo */
  --asset-logo-light-src: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos/light/logo.svg"; /* White logo - used on dark backgrounds */
  --asset-logo-light-xs-src: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos/light/logo.svg"; /* Mobile specific logo */
  --asset-font-path: "https://chromadesignsystem.com/7.0.0/assets/fonts";
  --asset-favicon-path: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/favicon";
  --asset-favicon-16x16: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/favicon/favicon-16x16.png";
  --asset-favicon-32x32: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/favicon/favicon-32x32.png";
  --asset-favicon-android-chrome-192x192: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/favicon/android-chrome-192x192.png";
  --asset-favicon-android-chrome-512x512: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/favicon/android-chrome-512x512.png";
  --asset-favicon-apple-touch: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/favicon/apple-touch-icon.png";
  --asset-favicon-ico: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/favicon/favicon.ico";
  --asset-favicon-manifest: "https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/favicon/site.webmanifest";
  --asset-icon-chroma-regular-url: "https://chromadesignsystem.com/7.0.0/assets/icons/chroma/regular/icons.css";
  --asset-icon-chroma-light-url: "https://chromadesignsystem.com/7.0.0/assets/icons/chroma/light/icons.css";
  --asset-icon-chroma-solid-url: "https://chromadesignsystem.com/7.0.0/assets/icons/chroma/solid/icons.css";
  --asset-icon-platform-url: "https://chromadesignsystem.com/7.0.0/assets/icons/product/icons.css";
  --asset-icon-brand-url: "";
  --brand-name: bendigo-bank;
  --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://chromadesignsystem.com/7.0.0/assets/fonts/muli/font.css';
  --typography-primary-font-family: 'Muli', arial, sans-serif;
  --typography-secondary-url: 'https://chromadesignsystem.com/7.0.0/assets/fonts/muli/font.css';
  --typography-secondary-font-family: 'Muli', arial, sans-serif;
  --typography-tertiary-url: 'https://chromadesignsystem.com/7.0.0/assets/fonts/muli/font.css';
  --typography-tertiary-font-family: 'Muli', arial, sans-serif;
  --typography-heading-font-family: 'Muli', arial, sans-serif;
  --typography-heading-font-weight: 600;
  --typography-heading-color: #330019;
  --typography-heading-line-height: 1.25;
  --typography-heading-url: 'https://chromadesignsystem.com/7.0.0/assets/fonts/muli/font.css';
  --typography-heading-h1-color: #330019;
  --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: #330019;
  --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: #330019;
  --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: #330019;
  --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: #330019;
  --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: #330019;
  --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: 'Muli', arial, sans-serif;
  --typography-headline-font-weight: 600;
  --typography-headline-url: 'https://chromadesignsystem.com/7.0.0/assets/fonts/muli/font.css';
  --typography-headline-color: #330019;
  --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: 'Muli', arial, sans-serif;
  --typography-body-font-size: 1rem;
  --typography-body-font-weight: 400;
  --typography-body-color: #323d42;
  --typography-body-url: 'https://chromadesignsystem.com/7.0.0/assets/fonts/muli/font.css';
  --typography-body-line-height: 1.5;
  --typography-subheading-font-family: 'Muli', arial, sans-serif;
  --typography-subheading-font-weight: 400;
  --typography-subheading-url: 'https://chromadesignsystem.com/7.0.0/assets/fonts/muli/font.css';
  --typography-subheading-color: #323d42;
  --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 */
  --accordion-font-family: 'Muli', arial, sans-serif;
  --accordion-border: 1px solid #870e40;
  --accordion-button-font-family: 'Muli', arial, sans-serif;
  --accordion-button-font-size: 1rem;
  --accordion-button-font-weight: 700;
  --accordion-button-color: #323d42;
  --accordion-button-background-color: transparent;
  --accordion-button-icon-color: #121212;
  --accordion-button-icon-font-size: 1.25rem;
  --accordion-button-hover-color: #323d42;
  --accordion-button-hover-background-color: rgba(0,0,0, 0.075);
  --accordion-button-hover-icon-color: #121212;
  --accordion-button-focus-color: #323d42;
  --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 #870e40,inset 0 0 #870e40;
  --accordion-selected-color: #323d42;
  --accordion-content-background-color: transparent;
  --alert-font-size: 1rem;
  --alert-padding: 16px;
  --alert-color: #323d42;
  --alert-heading-font-family: 'Muli', arial, sans-serif;
  --alert-heading-font-weight: 600;
  --alert-heading-font-size: 1rem;
  --alert-heading-color: #323d42;
  --alert-icon-color: #121212;
  --alert-information-background-color: #f4f8fa;
  --alert-information-icon-color: #2d799f;
  --alert-success-background-color: #f6f9f3;
  --alert-success-icon-color: #47810e;
  --alert-warning-background-color: #fcf6f4;
  --alert-warning-icon-color: #c6501b;
  --alert-error-background-color: #fdf2f2;
  --alert-error-icon-color: #da0000;
  --alert-focus-outline: 2px solid #323d42;
  --autocomplete-color: #323d42;
  --autocomplete-border: 1px solid #808184;
  --autocomplete-background-color: #ffffff;
  --autocomplete-font-size: 1rem;
  --autocomplete-font-family: 'Muli', arial, sans-serif;
  --autocomplete-icon-color: #323d42;
  --autocomplete-button-color: #323d42;
  --autocomplete-button-clear-background-color: #ffffff;
  --autocomplete-button-hover-background-color: #efefef;
  --autocomplete-button-hover-color: #870e40;
  --autocomplete-button-focus-background-color: #efefef;
  --autocomplete-button-focus-color: #870e40;
  --autocomplete-button-error-border-color: #da0000;
  --autocomplete-button-error-outline: #da0000;
  --autocomplete-success-border-color: #47810e;
  --autocomplete-success-outline: #47810e;
  --badge-font-size: 0.875rem;
  --badge-font-family: 'Muli', arial, sans-serif;
  --badge-font-weight: 400;
  --badge-padding: 0.2rem 0.5rem;
  --badge-border-radius: 0.25rem;
  --badge-default-color: #ffffff;
  --badge-default-background-color: #303031;
  --badge-light-color: #121212;
  --badge-light-background-color: #f0f2f7;
  --badge-lighter-color: #121212;
  --badge-lighter-background-color: #f6f7fa;
  --badge-inverse-color: #870e40;
  --badge-inverse-background-color: #ffffff;
  --badge-primary-color: #ffffff;
  --badge-primary-background-color: #870e40;
  --badge-primary-light-color: #121212;
  --badge-primary-light-background-color: #b76e8c;
  --badge-primary-lighter-color: #121212;
  --badge-primary-lighter-background-color: #f9f3f5;
  --badge-secondary-color: #ffffff;
  --badge-secondary-background-color: #ef404a;
  --badge-secondary-light-color: #121212;
  --badge-secondary-light-background-color: #f58c92;
  --badge-secondary-lighter-color: #121212;
  --badge-secondary-lighter-background-color: #fef5f6;
  --badge-accent-color: #121212;
  --badge-accent-background-color: #c5c5c5;
  --badge-accent-light-color: #121212;
  --badge-accent-light-background-color: #d9d9d9;
  --badge-accent-lighter-color: #121212;
  --badge-accent-lighter-background-color: #fcfcfc;
  --badge-information-color: #ffffff;
  --badge-information-background-color: #2d799f;
  --badge-information-light-color: #121212;
  --badge-information-light-background-color: #81afc5;
  --badge-information-lighter-color: #121212;
  --badge-information-lighter-background-color: #f4f8fa;
  --badge-success-color: #ffffff;
  --badge-success-background-color: #47810e;
  --badge-success-light-color: #121212;
  --badge-success-light-background-color: #91b36e;
  --badge-success-lighter-color: #121212;
  --badge-success-lighter-background-color: #f6f9f3;
  --badge-warning-color: #ffffff;
  --badge-warning-background-color: #c6501b;
  --badge-warning-light-color: #121212;
  --badge-warning-light-background-color: #dd9676;
  --badge-warning-lighter-color: #121212;
  --badge-warning-lighter-background-color: #fcf6f4;
  --badge-error-color: #ffffff;
  --badge-error-background-color: #da0000;
  --badge-error-light-color: #121212;
  --badge-error-light-background-color: #e96666;
  --badge-error-lighter-color: #121212;
  --badge-error-lighter-background-color: #fdf2f2;
  --banner-background-color: #870e40;
  --banner-color: #ffffff;
  --banner-primary-background-color: #870e40;
  --banner-primary-color: #ffffff;
  --banner-secondary-background-color: #ef404a;
  --banner-secondary-color: #ffffff;
  --banner-accent-background-color: #c5c5c5;
  --banner-accent-color: #121212;
  --button-accent-background-color: #c5c5c5;
  --button-accent-border-color: #c5c5c5;
  --button-accent-color: #121212;
  --button-accent-hover-background-color: #d9d9d9;
  --button-accent-hover-border-color: #d9d9d9;
  --button-accent-hover-color: #121212;
  --button-accent-active-background-color: #d9d9d9;
  --button-accent-active-border-color: #d9d9d9;
  --button-accent-active-color: #121212;
  --button-accent-disabled-background-color: #f0f2f7;
  --button-accent-disabled-border-color: #f0f2f7;
  --button-accent-disabled-color: #909194;
  --button-accent-focus-outline: 2px solid #c5c5c5;
  --button-accent-outline-background-color: transparent;
  --button-accent-outline-border-color: #c5c5c5;
  --button-accent-outline-color: #c5c5c5;
  --button-accent-outline-hover-background-color: rgba(255, 255, 255, 0.15);
  --button-accent-outline-hover-border-color: #c5c5c5;
  --button-accent-outline-hover-color: #c5c5c5;
  --button-accent-outline-active-background-color: rgba(255, 255, 255, 0.15);
  --button-accent-outline-active-border-color: #c5c5c5;
  --button-accent-outline-active-color: #c5c5c5;
  --button-accent-text-background-color: transparent;
  --button-accent-text-border-color: transparent;
  --button-accent-text-color: #c5c5c5;
  --button-accent-text-hover-background-color: rgba(255, 255, 255, 0.15);
  --button-accent-text-hover-border-color: rgba(255, 255, 255, 0.15);
  --button-accent-text-hover-color: #c5c5c5;
  --button-accent-text-active-background-color: rgba(255, 255, 255, 0.15);
  --button-accent-text-active-border-color: rgba(255, 255, 255, 0.15);
  --button-accent-text-active-color: #c5c5c5;
  --button-accent-inverse-background-color: #121212;
  --button-accent-inverse-border-color: #121212;
  --button-accent-inverse-color: #c5c5c5;
  --button-accent-inverse-hover-background-color: transparent;
  --button-accent-inverse-hover-border-color: #121212;
  --button-accent-inverse-hover-color: #121212;
  --button-accent-inverse-active-background-color: transparent;
  --button-accent-inverse-active-border-color: #121212;
  --button-accent-inverse-active-color: #121212;
  --button-accent-inverse-focus-outline: 2px solid #121212;
  --button-accent-outline-inverse-background-color: transparent;
  --button-accent-outline-inverse-border-color: #121212;
  --button-accent-outline-inverse-color: #121212;
  --button-accent-outline-inverse-hover-background-color: #121212;
  --button-accent-outline-inverse-hover-border-color: #121212;
  --button-accent-outline-inverse-hover-color: #c5c5c5;
  --button-accent-outline-inverse-active-background-color: #121212;
  --button-accent-outline-inverse-active-border-color: #121212;
  --button-accent-outline-inverse-active-color: #c5c5c5;
  --button-accent-text-inverse-background-color: transparent;
  --button-accent-text-inverse-border-color: transparent;
  --button-accent-text-inverse-color: #121212;
  --button-accent-text-inverse-hover-background-color: #121212;
  --button-accent-text-inverse-hover-border-color: #121212;
  --button-accent-text-inverse-hover-color: #c5c5c5;
  --button-accent-text-inverse-active-background-color: #121212;
  --button-accent-text-inverse-active-border-color: #121212;
  --button-accent-text-inverse-active-color: #c5c5c5;
  --button-cta-1-background-color: #870e40;
  --button-cta-1-border-color: #870e40;
  --button-cta-1-color: #ffffff;
  --button-cta-1-hover-background-color: #510826;
  --button-cta-1-hover-border-color: #510826;
  --button-cta-1-hover-color: #ffffff;
  --button-cta-1-active-background-color: #510826;
  --button-cta-1-active-border-color: #510826;
  --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 #870e40;
  --button-cta-2-background-color: transparent;
  --button-cta-2-border-color: #870e40;
  --button-cta-2-color: #870e40;
  --button-cta-2-hover-background-color: rgba(0,0,0, 0.075);
  --button-cta-2-hover-border-color: #870e40;
  --button-cta-2-hover-color: #870e40;
  --button-cta-2-active-background-color: rgba(0,0,0, 0.075);
  --button-cta-2-active-border-color: #870e40;
  --button-cta-2-active-color: #870e40;
  --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 #870e40;
  --button-cta-3-background-color: #ef404a;
  --button-cta-3-border-color: #ef404a;
  --button-cta-3-color: #ffffff;
  --button-cta-3-hover-background-color: #8f262c;
  --button-cta-3-hover-border-color: #8f262c;
  --button-cta-3-hover-color: #ffffff;
  --button-cta-3-active-background-color: #8f262c;
  --button-cta-3-active-border-color: #8f262c;
  --button-cta-3-active-color: #ffffff;
  --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 #ef404a;
  --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: #f5f5f6;
  --button-default-disabled-border-color: #f5f5f6;
  --button-default-disabled-color: #888b8f;
  --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: 'Muli', arial, sans-serif;
  --button-border-radius: 64px;
  --button-border-width: 1px;
  --button-font-weight: 700;
  --button-font-size: 1rem;
  --button-text-transform: none;
  --button-padding-right: 2.25rem;
  --button-padding-left: 2.25rem;
  --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: #870e40;
  --button-interactive-border-color: #870e40;
  --button-interactive-color: #ffffff;
  --button-interactive-hover-background-color: #510826;
  --button-interactive-hover-border-color: #510826;
  --button-interactive-hover-color: #ffffff;
  --button-interactive-active-background-color: #510826;
  --button-interactive-active-border-color: #510826;
  --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 #870e40;
  --button-interactive-outline-background-color: transparent;
  --button-interactive-outline-border-color: #870e40;
  --button-interactive-outline-color: #870e40;
  --button-interactive-outline-hover-background-color: rgba(0,0,0, 0.075);
  --button-interactive-outline-hover-border-color: #870e40;
  --button-interactive-outline-hover-color: #870e40;
  --button-interactive-outline-active-background-color: rgba(0,0,0, 0.075);
  --button-interactive-outline-active-border-color: #870e40;
  --button-interactive-outline-active-color: #870e40;
  --button-interactive-text-background-color: transparent;
  --button-interactive-text-border-color: transparent;
  --button-interactive-text-color: #870e40;
  --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: #870e40;
  --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: #870e40;
  --button-interactive-inverse-background-color: #ffffff;
  --button-interactive-inverse-border-color: #ffffff;
  --button-interactive-inverse-color: #870e40;
  --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: #870e40;
  --button-interactive-outline-inverse-active-background-color: #ffffff;
  --button-interactive-outline-inverse-active-border-color: #ffffff;
  --button-interactive-outline-inverse-active-color: #870e40;
  --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: #870e40;
  --button-interactive-text-inverse-active-background-color: #ffffff;
  --button-interactive-text-inverse-active-border-color: #ffffff;
  --button-interactive-text-inverse-active-color: #870e40;
  --button-link-color: #870e40;
  --button-link-background-color: transparent;
  --button-link-border-radius: 2px;
  --button-link-hover-background-color: rgba(0,0,0, 0.075);
  --button-link-hover-color: #870e40;
  --button-link-focus-background-color: transparent;
  --button-link-focus-color: #870e40;
  --button-link-active-background-color: rgba(0,0,0, 0.075);
  --button-link-active-color: #870e40;
  --button-link-disabled-background-color: #f9f3f5;
  --button-link-disabled-color: #b76e8c;
  --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: #f9f3f5;
  --button-link-inverse-disabled-color: #b76e8c;
  --button-primary-background-color: #870e40;
  --button-primary-border-color: #870e40;
  --button-primary-color: #ffffff;
  --button-primary-hover-background-color: #510826;
  --button-primary-hover-border-color: #510826;
  --button-primary-hover-color: #ffffff;
  --button-primary-active-background-color: #510826;
  --button-primary-active-border-color: #510826;
  --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 #870e40;
  --button-primary-outline-background-color: transparent;
  --button-primary-outline-border-color: #870e40;
  --button-primary-outline-color: #870e40;
  --button-primary-outline-hover-background-color: rgba(0,0,0, 0.075);
  --button-primary-outline-hover-border-color: #870e40;
  --button-primary-outline-hover-color: #870e40;
  --button-primary-outline-active-background-color: rgba(0,0,0, 0.075);
  --button-primary-outline-active-border-color: #870e40;
  --button-primary-outline-active-color: #870e40;
  --button-primary-text-background-color: transparent;
  --button-primary-text-border-color: transparent;
  --button-primary-text-color: #870e40;
  --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: #870e40;
  --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: #870e40;
  --button-primary-inverse-background-color: #ffffff;
  --button-primary-inverse-border-color: #ffffff;
  --button-primary-inverse-color: #870e40;
  --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: #870e40;
  --button-primary-outline-inverse-active-background-color: #ffffff;
  --button-primary-outline-inverse-active-border-color: #ffffff;
  --button-primary-outline-inverse-active-color: #870e40;
  --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: #870e40;
  --button-primary-text-inverse-active-background-color: #ffffff;
  --button-primary-text-inverse-active-border-color: #ffffff;
  --button-primary-text-inverse-active-color: #870e40;
  --button-secondary-background-color: #ef404a;
  --button-secondary-border-color: #ef404a;
  --button-secondary-color: #ffffff;
  --button-secondary-hover-background-color: #8f262c;
  --button-secondary-hover-border-color: #8f262c;
  --button-secondary-hover-color: #ffffff;
  --button-secondary-active-background-color: #8f262c;
  --button-secondary-active-border-color: #8f262c;
  --button-secondary-active-color: #ffffff;
  --button-secondary-disabled-background-color: #f0f2f7;
  --button-secondary-disabled-border-color: #f0f2f7;
  --button-secondary-disabled-color: #909194;
  --button-secondary-focus-outline: 2px solid #ef404a;
  --button-secondary-outline-background-color: transparent;
  --button-secondary-outline-border-color: #ef404a;
  --button-secondary-outline-color: #ef404a;
  --button-secondary-outline-hover-background-color: rgba(0,0,0, 0.075);
  --button-secondary-outline-hover-border-color: #ef404a;
  --button-secondary-outline-hover-color: #ef404a;
  --button-secondary-outline-active-background-color: rgba(0,0,0, 0.075);
  --button-secondary-outline-active-border-color: #ef404a;
  --button-secondary-outline-active-color: #ef404a;
  --button-secondary-text-background-color: transparent;
  --button-secondary-text-border-color: transparent;
  --button-secondary-text-color: #ef404a;
  --button-secondary-text-hover-background-color: rgba(0,0,0, 0.075);
  --button-secondary-text-hover-border-color: rgba(0,0,0, 0.075);
  --button-secondary-text-hover-color: #ef404a;
  --button-secondary-text-active-background-color: rgba(0,0,0, 0.075);
  --button-secondary-text-active-border-color: rgba(0,0,0, 0.075);
  --button-secondary-text-active-color: #ef404a;
  --button-secondary-inverse-background-color: #ffffff;
  --button-secondary-inverse-border-color: #ffffff;
  --button-secondary-inverse-color: #ef404a;
  --button-secondary-inverse-hover-background-color: transparent;
  --button-secondary-inverse-hover-border-color: #ffffff;
  --button-secondary-inverse-hover-color: #ffffff;
  --button-secondary-inverse-active-background-color: transparent;
  --button-secondary-inverse-active-border-color: #ffffff;
  --button-secondary-inverse-active-color: #ffffff;
  --button-secondary-inverse-focus-outline: 2px solid #ffffff;
  --button-secondary-outline-inverse-background-color: transparent;
  --button-secondary-outline-inverse-border-color: #ffffff;
  --button-secondary-outline-inverse-color: #ffffff;
  --button-secondary-outline-inverse-hover-background-color: #ffffff;
  --button-secondary-outline-inverse-hover-border-color: #ffffff;
  --button-secondary-outline-inverse-hover-color: #ef404a;
  --button-secondary-outline-inverse-active-background-color: #ffffff;
  --button-secondary-outline-inverse-active-border-color: #ffffff;
  --button-secondary-outline-inverse-active-color: #ef404a;
  --button-secondary-text-inverse-background-color: transparent;
  --button-secondary-text-inverse-border-color: transparent;
  --button-secondary-text-inverse-color: #ffffff;
  --button-secondary-text-inverse-hover-background-color: #ffffff;
  --button-secondary-text-inverse-hover-border-color: #ffffff;
  --button-secondary-text-inverse-hover-color: #ef404a;
  --button-secondary-text-inverse-active-background-color: #ffffff;
  --button-secondary-text-inverse-active-border-color: #ffffff;
  --button-secondary-text-inverse-active-color: #ef404a;
  --button-group-margin-right: 0.5rem;
  --button-group-margin-bottom: 1rem;
  --checkbox-target-background-color: #ffffff;
  --checkbox-target-hover-background-color: #ffffff;
  --checkbox-size: 24px;
  --checkbox-border: 2px solid #121212;
  --checkbox-border-radius: 2px;
  --checkbox-color: #330019;
  --checkbox-font-family: 'Muli', arial, sans-serif;
  --checkbox-font-size: 1rem;
  --checkbox-focus-outline: 2px solid #323d42;
  --checkbox-error-border-color: #da0000;
  --checkbox-checked-background-color: #870e40;
  --checkbox-checked-border-color: #870e40;
  --checkbox-hover-background-color: rgba(0,0,0, 0.075);
  --checkbox-hover-border-color: #870e40;
  --checkbox-disabled-color: #909194;
  --checkbox-disabled-background-color: #f0f2f7;
  --checkbox-disabled-border-color: #909194;
  --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-color: #323d42;
  --datepicker-border: 1px solid #808184;
  --datepicker-border-radius: 8px;
  --datepicker-background-color: #ffffff;
  --datepicker-font-family: 'Muli', arial, sans-serif;
  --datepicker-font-size: 1rem;
  --datepicker-font-weight: 400;
  --datepicker-hover-background-color: #efefef;
  --datepicker-hover-border-color: #870e40;
  --datepicker-hover-color: #323d42;
  --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-icon-color: #870e40;
  --datepicker-calendar-month-color: #323d42;
  --datepicker-calendar-week-color: #323d42;
  --datepicker-calendar-day-color: #323d42;
  --datepicker-calendar-day-hover-background-color: #efefef;
  --datepicker-calendar-day-selected-background-color: #870e40;
  --datepicker-calendar-day-selected-border-color: #870e40;
  --datepicker-calendar-day-selected-color: #ffffff;
  --datepicker-calendar-nav-button-color: #870e40;
  --datepicker-placeholder-color: #6b6b6b;
  --footer-background-color: #323D42;
  --footer-color: #ffffff;
  --footer-font-family: 'Muli', arial, 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: #870e40;
  --header-box-shadow: none;
  --header-height-xs: 57px; /* mobile viewport */
  --header-height-sm: 80px; /* tablets */
  --header-height-md: 80px; /* laptops */
  --header-height-lg: 113px; /* desktops */
  --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: #870e40;
  --header-dark-heading-color: #ffffff;
  --header-light-background-color: #ffffff;
  --header-light-heading-color: #330019;
  --icon-color: #121212;
  --icon-font-weight: 300; /* 300 (outline) | 400 (regular) | 900 (solid) */
  --icon-light-color: #f6f7fa;
  --input-height: 48px;
  --input-color: #323d42;
  --input-padding: 0 12px;
  --input-border: 1px solid #808184;
  --input-border-radius: 8px;
  --input-background-color: #ffffff;
  --input-font-family: 'Muli', arial, sans-serif;
  --input-font-size: 1rem;
  --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: #870e40;
  --input-hover-color: #323d42;
  --input-disabled-border-color: #909194;
  --input-disabled-background-color: #f0f2f7;
  --input-disabled-color: #909194;
  --input-focus-border-color: #870e40;
  --input-focus-background-color: #ffffff;
  --input-focus-color: #323d42;
  --input-focus-outline: 2px solid #870e40;
  --input-error-border-color: #da0000;
  --input-error-outline: #da0000;
  --input-error-background-color: #ffffff;
  --input-error-color: #323d42;
  --input-success-border-color: #47810e;
  --input-success-outline: #47810e;
  --input-success-background-color: #ffffff;
  --input-success-color: #323d42;
  --label-color: #330019;
  --label-font-size: 1rem;
  --label-font-weight: 700;
  --label-font-family: 'Muli', arial, sans-serif;
  --legend-color: #323d42;
  --legend-font-size: 1rem;
  --legend-font-weight: 700;
  --legend-font-family: 'Muli', arial, sans-serif;
  --link-color: #870e40;
  --link-background-color: transparent;
  --link-border-radius: 2px;
  --link-hover-background-color: rgba(0,0,0, 0.075);
  --link-hover-color: #870e40;
  --link-focus-background-color: transparent;
  --link-focus-color: #870e40;
  --link-focus-outline: 2px solid #1b030d;
  --link-active-background-color: rgba(0,0,0, 0.075);
  --link-active-color: #870e40;
  --link-disabled-background-color: #f9f3f5;
  --link-disabled-color: #b76e8c;
  --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 #f9f3f5;
  --link-inverse-active-background-color: rgba(255, 255, 255, 0.15);
  --link-inverse-active-color: #ffffff;
  --link-inverse-disabled-background-color: #f9f3f5;
  --link-inverse-disabled-color: #b76e8c;
  --loader-color: #870e40;
  --logo-background: url(https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos/light/logo.svg);
  --logo-width: 232px;
  --logo-height: 36px;
  --logo-xs-background: url(https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos/light/logo.svg);
  --logo-xs-width: 154px;
  --logo-xs-height: 24px;
  --logo-light-background: url(https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos/light/logo.svg);
  --logo-light-xs-background: url(https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos/light/logo.svg);
  --logo-dark-background: url(https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos/dark/logo.svg);
  --logo-dark-xs-background: url(https://chromadesignsystem.com/7.0.0/assets/brands/bendigo-bank/logos/dark/logo.svg);
  --main-background-color: #f6f7fa;
  --message-font-family: 'Muli', arial, sans-serif;
  --message-font-size: 0.875rem;
  --message-information-color: #2d799f;
  --message-success-color: #47810e;
  --message-warning-color: #c6501b;
  --message-error-color: #da0000;
  --modal-background-color: #ffffff;
  --modal-padding: 32px;
  --modal-border-radius: 0;
  --password-button-color: #323d42;
  --password-button-hover-background-color: #efefef;
  --password-button-hover-color: #870e40;
  --password-button-focus-background-color: #ffffff;
  --password-button-focus-color: #323d42;
  --progress-loader-color: #323d42;
  --progress-loader-font-family: 'Muli', arial, sans-serif;
  --progress-loader-font-size: 1rem;
  --progress-loader-font-weight: 600;
  --progress-loader-progress-bar-border-color: #909194;
  --progress-loader-progress-bar-border-radius: 4px;
  --progress-loader-progress-bar-background-color: #ffffff;
  --progress-loader-progress-value-border-radius: 4px;
  --progress-loader-progress-value-background-color: #870e40;
  --radio-block-background-color: #ffffff;
  --radio-block-border: 1px solid #121212;
  --radio-block-border-radius: 8px;
  --radio-block-color: #323d42;
  --radio-block-font-family: 'Muli', arial, sans-serif;
  --radio-block-font-size: 1rem;
  --radio-block-hover-color: #870e40;
  --radio-block-hover-border-color: #870e40;
  --radio-block-hover-background-color: #efefef;
  --radio-block-focus-outline: 2px solid #323d42;
  --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: #870e40;
  --radio-block-checked-font-weight: 700;
  --radio-block-checked-border-color: #870e40;
  --radio-target-background-color: #ffffff;
  --radio-target-hover-background-color: #ffffff;
  --radio-size: 24px;
  --radio-border: 2px solid #121212;
  --radio-background-color: #ffffff;
  --radio-color: #330019;
  --radio-font-family: 'Muli', arial, sans-serif;
  --radio-font-size: 1rem;
  --radio-hover-color: #330019;
  --radio-hover-border-color: #870e40;
  --radio-hover-background-color: rgba(0,0,0, 0.075);
  --radio-focus-outline: 2px solid #323d42;
  --radio-error-border-color: #da0000;
  --radio-disabled-background-color: #f0f2f7;
  --radio-disabled-color: #909194;
  --radio-disabled-border-color: #909194;
  --radio-checked-color: #330019;
  --radio-checked-background-color: #870e40;
  --radio-checked-font-weight: 700;
  --radio-checked-border-color: #870e40;
  --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-radius: 8px;
  --segmented-control-color: #323d42;
  --segmented-control-font-family: 'Muli', arial, sans-serif;
  --segmented-control-font-size: 1rem;
  --segmented-control-block-border-radius: 8px;
  --segmented-control-hover-color: #870e40;
  --segmented-control-hover-border-color: #870e40;
  --segmented-control-hover-background-color: #efefef;
  --segmented-control-focus-border: 2px solid #870e40;
  --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-checked-color: #ffffff;
  --segmented-control-checked-background-color: #870e40;
  --segmented-control-checked-font-weight: 700;
  --segmented-control-checked-border-color: #870e40;
  --select-height: 48px;
  --select-color: #323d42;
  --select-padding: 0 12px;
  --select-border: 1px solid #808184;
  --select-icon-color: #323d42;
  --select-border-radius: 8px;
  --select-background-color: #ffffff;
  --select-font-family: 'Muli', arial, sans-serif;
  --select-font-size: 1rem;
  --select-transition: background-color 0.3s ease, border-color 0.3s ease;
  --select-hover-background-color: #efefef;
  --select-hover-border-color: #870e40;
  --select-hover-color: #323d42;
  --select-disabled-border-color: #909194;
  --select-disabled-background-color: #f0f2f7;
  --select-disabled-color: #909194;
  --select-focus-border-color: #870e40;
  --select-focus-background-color: #ffffff;
  --select-focus-color: #323d42;
  --select-focus-outline: 2px solid #870e40;
  --select-error-border-color: #da0000;
  --select-error-background-color: #ffffff;
  --select-error-color: #323d42;
  --select-success-border-color: #47810e;
  --select-success-background-color: #ffffff;
  --select-success-color: #323d42;
  --spinner-stroke: #870e40;
  --spinner-inverse-stroke: #ffffff;
  --spinner-fixed-background: transparent;
  --tab-border-color: #870e40;
  --tab-border-width: 1px;
  --tab-button-font-family: 'Muli', arial, sans-serif;
  --tab-button-font-size: 1rem;
  --tab-button-font-weight: 400;
  --tab-button-color: #323d42;
  --tab-content-font-family: 'Muli', arial, sans-serif;
  --tab-content-font-size: 1rem;
  --tab-content-background-color: #ffffff;
  --tab-content-padding: 16px;
  --tab-content-border-style: none;
  --tab-inactive-color: #323d42;
  --tab-inactive-background-color: transparent;
  --tab-selected-color: #323d42;
  --tab-selected-background-color: #ffffff;
  --tab-hover-color: #323d42;
  --tab-hover-background-color: rgba(0,0,0, 0.075);
  --tab-focus-color: #323d42;
  --tab-focus-background-color: #ffffff;
  --tab-focus-box-shadow: inset 0 0 0 2px #fff,inset 0 0 0 4px #870e40,inset 0 0 #870e40;
  --tab-icon-color: #121212;
  --textarea-color: #323d42;
  --textarea-padding: 0 12px;
  --textarea-border: 1px solid #808184;
  --textarea-border-radius: 8px;
  --textarea-background-color: #ffffff;
  --textarea-font-family: 'Muli', arial, sans-serif;
  --textarea-font-size: 1rem;
  --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: #870e40;
  --textarea-hover-color: #323d42;
  --textarea-disabled-border-color: #909194;
  --textarea-disabled-background-color: #f0f2f7;
  --textarea-disabled-color: #909194;
  --textarea-focus-border-color: #870e40;
  --textarea-focus-background-color: #ffffff;
  --textarea-focus-color: #323d42;
  --textarea-focus-outline: 2px solid #870e40;
  --textarea-error-border-color: #da0000;
  --textarea-error-outline: #da0000;
  --textarea-error-background-color: #ffffff;
  --textarea-error-color: #323d42;
  --textarea-success-border-color: #47810e;
  --textarea-success-outline: #47810e;
  --textarea-success-background-color: #ffffff;
  --textarea-success-color: #323d42;
  --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: 'Muli', arial, sans-serif;
  --tooltip-font-size: 1rem;
  --tooltip-font-weight: 400;
  --tooltip-line-height: 1.5;
  --tooltip-padding: 16px 16px;
}