/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --colour-mode-link-icon-colour-focus: #0066cc;
  --colour-mode-link-icon-colour-hover: #0066cc;
  --colour-mode-link-icon-colour-active: #0066cc;
  --colour-mode-link-icon-colour-default: #0066cc;
  --colour-mode-link-icon-colour-disabled: #bdbdbd;
  --colour-mode-link-text-colour-focus: #0066cc;
  --colour-mode-link-text-colour-hover: #0066cc;
  --colour-mode-link-text-colour-active: #0066cc;
  --colour-mode-link-text-colour-default: #0066cc;
  --colour-mode-link-text-colour-disabled: #bdbdbd;
  --colour-mode-badge-dot-background: #da1884;
  --colour-mode-badge-solid-text: #ffffff;
  --colour-mode-badge-solid-background: #da1884;
  --colour-mode-action-primary-icon-focus: #ffffff;
  --colour-mode-action-primary-icon-hover: #ffffff;
  --colour-mode-action-primary-icon-active: #ffffff;
  --colour-mode-action-primary-icon-default: #ffffff;
  --colour-mode-action-primary-icon-disabled: #bdbdbd;
  --colour-mode-action-primary-text-focus: #ffffff;
  --colour-mode-action-primary-text-hover: #ffffff;
  --colour-mode-action-primary-text-active: #ffffff;
  --colour-mode-action-primary-text-default: #ffffff;
  --colour-mode-action-primary-text-disabled: #bdbdbd;
  --colour-mode-action-primary-border-colour-focus: rgba(255, 255, 255, 0);
  --colour-mode-action-primary-border-colour-hover: rgba(255, 255, 255, 0);
  --colour-mode-action-primary-border-colour-active: rgba(255, 255, 255, 0);
  --colour-mode-action-primary-border-colour-default: rgba(255, 255, 255, 0);
  --colour-mode-action-primary-border-colour-disabled: rgba(255, 255, 255, 0);
  --colour-mode-action-primary-background-focus: #da1884;
  --colour-mode-action-primary-background-hover: #a11c79;
  --colour-mode-action-primary-background-active: #da1884;
  --colour-mode-action-primary-background-default: #da1884;
  --colour-mode-action-primary-background-disabled: #e0e0e0;
  --colour-mode-action-tertiary-icon-focus: #0066cc;
  --colour-mode-action-tertiary-icon-hover: #0066cc;
  --colour-mode-action-tertiary-icon-active: #0066cc;
  --colour-mode-action-tertiary-icon-default: #0066cc;
  --colour-mode-action-tertiary-icon-disabled: #bdbdbd;
  --colour-mode-action-tertiary-text-focus: #0066cc;
  --colour-mode-action-tertiary-text-hover: #0066cc;
  --colour-mode-action-tertiary-text-active: #0066cc;
  --colour-mode-action-tertiary-text-default: #0066cc;
  --colour-mode-action-tertiary-text-disabled: #bdbdbd;
  --colour-mode-action-tertiary-border-colour-focus: rgba(255, 255, 255, 0);
  --colour-mode-action-tertiary-border-colour-hover: rgba(255, 255, 255, 0);
  --colour-mode-action-tertiary-border-colour-active: rgba(255, 255, 255, 0);
  --colour-mode-action-tertiary-border-colour-default: rgba(255, 255, 255, 0);
  --colour-mode-action-tertiary-border-colour-disabled: rgba(255, 255, 255, 0);
  --colour-mode-action-tertiary-background-focus: rgba(255, 255, 255, 0);
  --colour-mode-action-tertiary-background-hover: #f5f5f5;
  --colour-mode-action-tertiary-background-active: #fafafa;
  --colour-mode-action-tertiary-background-default: rgba(255, 255, 255, 0);
  --colour-mode-action-tertiary-background-disabled: #e0e0e0;
  --colour-mode-action-secondary-icon-focus: #da1884;
  --colour-mode-action-secondary-icon-hover: #a11c79;
  --colour-mode-action-secondary-icon-active: #da1884;
  --colour-mode-action-secondary-icon-default: #da1884;
  --colour-mode-action-secondary-icon-disabled: #bdbdbd;
  --colour-mode-action-secondary-text-focus: #da1884;
  --colour-mode-action-secondary-text-hover: #a11c79;
  --colour-mode-action-secondary-text-active: #da1884;
  --colour-mode-action-secondary-text-default: #da1884;
  --colour-mode-action-secondary-text-disabled: #bdbdbd;
  --colour-mode-action-secondary-border-colour-focus: #da1884;
  --colour-mode-action-secondary-border-colour-hover: #a11c79;
  --colour-mode-action-secondary-border-colour-active: #da1884;
  --colour-mode-action-secondary-border-colour-default: #da1884;
  --colour-mode-action-secondary-border-colour-disabled: rgba(255, 255, 255, 0);
  --colour-mode-action-secondary-background-focus: rgba(255, 255, 255, 0);
  --colour-mode-action-secondary-background-hover: rgba(255, 255, 255, 0);
  --colour-mode-action-secondary-background-active: rgba(255, 255, 255, 0);
  --colour-mode-action-secondary-background-default: rgba(255, 255, 255, 0);
  --colour-mode-action-secondary-background-disabled: #e0e0e0;
  --colour-mode-action-destructive-icon-focus: #ffffff;
  --colour-mode-action-destructive-icon-hover: #ffffff;
  --colour-mode-action-destructive-icon-active: #ffffff;
  --colour-mode-action-destructive-icon-default: #ffffff;
  --colour-mode-action-destructive-icon-disabled: #bdbdbd;
  --colour-mode-action-destructive-text-focus: #ffffff;
  --colour-mode-action-destructive-text-hover: #ffffff;
  --colour-mode-action-destructive-text-active: #ffffff;
  --colour-mode-action-destructive-text-default: #ffffff;
  --colour-mode-action-destructive-text-disabled: #bdbdbd;
  --colour-mode-action-destructive-border-focus: 0 none rgba(255, 255, 255, 0);
  --colour-mode-action-destructive-border-hover: 0 none rgba(255, 255, 255, 0);
  --colour-mode-action-destructive-border-active: 0 none rgba(255, 255, 255, 0);
  --colour-mode-action-destructive-border-default: 0 none rgba(255, 255, 255, 0);
  --colour-mode-action-destructive-border-disabled: 0 none rgba(255, 255, 255, 0);
  --colour-mode-action-destructive-border-colour-focus: rgba(255, 255, 255, 0);
  --colour-mode-action-destructive-border-colour-hover: rgba(255, 255, 255, 0);
  --colour-mode-action-destructive-border-colour-active: rgba(255, 255, 255, 0);
  --colour-mode-action-destructive-border-colour-default: rgba(255, 255, 255, 0);
  --colour-mode-action-destructive-border-colour-disabled: rgba(255, 255, 255, 0);
  --colour-mode-action-destructive-background-focus: #d62929;
  --colour-mode-action-destructive-background-hover: #c91f1f;
  --colour-mode-action-destructive-background-active: #b71c1c;
  --colour-mode-action-destructive-background-default: #d62929;
  --colour-mode-action-destructive-background-disabled: #e0e0e0;
  --colour-mode-intent-info-icon: #10314a;
  --colour-mode-intent-info-background: #e9eef5;
  --colour-mode-intent-error-icon: #b71c1c;
  --colour-mode-intent-error-bakcground: #ffeded;
  --colour-mode-intent-error-background: #ffeded;
  --colour-mode-intent-neutral-icon: #10314a;
  --colour-mode-intent-neutral-background: #f5f5f5;
  --colour-mode-intent-success-icon: #388e3c;
  --colour-mode-intent-success-background: #effff1;
  --colour-mode-intent-warning-icon: #f66600;
  --colour-mode-intent-warning-background: #fff7e2;
  --brand-blue-25: #fbfcfe;
  --brand-blue-50: #f4f7fb;
  --brand-blue-100: #e9eef5;
  --brand-blue-200: #cddbea;
  --brand-blue-300: #a1bdd8;
  --brand-blue-400: #6f9bc1;
  --brand-blue-500: #5a8ab5;
  --brand-blue-600: #3a648f;
  --brand-blue-700: #305174;
  --brand-blue-800: #2b4561;
  --brand-blue-900: #283c52;
  --brand-blue-950: #1b2736;
  --brand-colour-primary-25: #fbfbfe;
  --brand-colour-primary-50: #f4faed;
  --brand-colour-primary-100: #e6f0da;
  --brand-colour-primary-200: #dcf0c2;
  --brand-colour-primary-300: #cae0ad;
  --brand-colour-primary-400: #bad991;
  --brand-colour-primary-500: #a8ce75;
  --brand-colour-primary-600: #88b053;
  --brand-colour-primary-700: #6d9636;
  --brand-colour-primary-800: #50751e;
  --brand-colour-primary-900: #36540d;
  --brand-colour-primary-950: #2b2640;
  --brand-colour-primary-1000: #233b03;
  --brand-colour-primary-background: #1c4128;
  --brand-colour-secondary-25: #fdfbfe;
  --brand-colour-secondary-50: #fbf7fc;
  --brand-colour-secondary-100: #e0f1ff;
  --brand-colour-secondary-200: #d3e5f5;
  --brand-colour-secondary-300: #b3cee5;
  --brand-colour-secondary-400: #92b7d6;
  --brand-colour-secondary-500: #7ba6c9;
  --brand-colour-secondary-600: #5586ab;
  --brand-colour-secondary-700: #36688f;
  --brand-colour-secondary-800: #204b6b;
  --brand-colour-secondary-900: #10314a;
  --brand-colour-secondary-950: #37163c;
  --accent-pink: #da1884;
  --accent-brand: #280071;
  --accent-royal: #0066cc;
  --accent-fuscia: #a11c79;
  --font-family-body: Inter;
  --font-family-heading: Rubik;
  --base-colour-red-100: #ffe0e0;
  --base-colour-red-200: #f7b0b0;
  --base-colour-red-300: #f78888;
  --base-colour-red-400: #f76868;
  --base-colour-red-500: #f74848;
  --base-colour-red-600: #f72f2f;
  --base-colour-red-700: #d62929;
  --base-colour-red-800: #c91f1f;
  --base-colour-red-900: #b71c1c;
  --base-colour-red-1000: #a60808;
  --base-colour-green-25: #effff1;
  --base-colour-green-50: #e0ffe4;
  --base-colour-green-700: #57b25b;
  --base-colour-green-800: #42a846;
  --base-colour-green-900: #388e3c;
  --base-colour-orange-100: #ffe8d9;
  --base-colour-orange-200: #ffd8bd;
  --base-colour-orange-300: #ffc69e;
  --base-colour-orange-400: #ffb582;
  --base-colour-orange-500: #ffa566;
  --base-colour-orange-600: #ff964d;
  --base-colour-orange-700: #ff8733;
  --base-colour-orange-800: #fa7619;
  --base-colour-orange-900: #f66600;
  --base-colour-yellow-100: #fff3d6;
  --base-colour-yellow-200: #ffecbd;
  --base-colour-yellow-300: #ffe4a3;
  --base-colour-yellow-400: #ffdb85;
  --base-colour-yellow-500: #fcce5d;
  --base-colour-yellow-600: #f7c240;
  --base-colour-yellow-700: #ebb126;
  --base-colour-yellow-800: #db9f0d;
  --base-colour-yellow-900: #b2810b;
  --base-colour-neutral-50: #fafafa;
  --base-colour-neutral-100: #f5f5f5;
  --base-colour-neutral-200: #eeeeee;
  --base-colour-neutral-300: #e0e0e0;
  --base-colour-neutral-400: #bdbdbd;
  --base-colour-neutral-500: #9e9e9e;
  --base-colour-neutral-600: #757575;
  --base-colour-neutral-700: #6e6e6e;
  --base-colour-neutral-800: #424242;
  --base-colour-neutral-900: #333333;
  --base-colour-neutral-1000: #282828;
  --base-colour-neutral-black: #000000;
  --base-colour-neutral-white: #ffffff;
  --navy-900: #1d3e7e;
  --pink-600: #da1884;
  --pink-700: #bf0f71;
  --pink-800: #a60860;
  --royal-700: #0066cc;
  --royal-800: #004d99;
  --royal-900: #003366;
  --fuscia-800: #a11c79;
  --overlay-40: rgba(0, 0, 0, 0.4);
  --transparent: rgba(255, 255, 255, 0);
  --radius-lg: 12px;
  --radius-full: 999px;
  --radius-none: 0px;
  --radius-default: 8px;
  --stroke-lg: 1.5px;
  --stroke-md: 1px;
  --stroke-sm: 0.5px;
  --stroke-xl: 1.75px;
  --stroke-2xl: 2px;
  --stroke-3xl: 4px;
  --stroke-4xl: 6px;
  --stroke-5xl: 8px;
  --stroke-none: 0;
  --size-0: 0px;
  --size-1: 4px;
  --size-2: 8px;
  --size-3: 12px;
  --size-4: 16px;
  --size-5: 20px;
  --size-6: 24px;
  --size-7: 28px;
  --size-8: 32px;
  --size-9: 36px;
  --size-10: 40px;
  --size-11: 44px;
  --size-12: 48px;
  --size-14: 56px;
  --size-16: 64px;
  --size-20: 80px;
  --size-1-5: 6px;
  --size-2-5: 10px;
  --size-3-5: 14px;
  --size-lg: 24px;
  --size-md: 16px;
  --size-sm: 8px;
  --size-xl: 32px;
  --size-xs: 4px;
  --size-none: 0px;
  --font-size-lg: 1.125rem;
  --font-size-md: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.75rem;
  --font-size-4xl: 2rem;
  --font-size-5xl: 2.25rem;
  --font-size-xsm: 0.75rem;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --line-height-2: 0.875rem;
  --line-height-4: 1rem;
  --line-height-5: 1.25rem;
  --line-height-6: 1.5rem;
  --line-height-7: 1.75rem;
  --line-height-8: 2rem;
  --line-height-9: 2.25rem;
  --line-height-10: 2.5rem;
  --line-height-11: 2.75rem;
  --letter-spacing-lg: 1px;
  --letter-spacing-md: 0.75px;
  --letter-spacing-sm: 0.5px;
  --paragraph-spacing-lg: 1rem;
  --paragraph-spacing-md: 0.875rem;
  --paragraph-spacing-sm: 0.75rem;
  --paragraph-spacing-xl: 1.125rem;
  --level-1: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
  --level-2: 0px 4px 6px 0px rgba(0, 0, 0, 0.02), 0px 2px 12px -2px rgba(0, 0, 0, 0.08), 0px 3px 6px 0px rgba(0, 0, 0, 0.04);
  --level-3: 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 8px 12px -2px rgba(0, 0, 0, 0.08, 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  --level-4: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  --body-lg: 300 1.125rem/1.5rem Inter;
  --body-md: 300 1rem/1.5rem Inter;
  --body-sm: 400 0.875rem/1.25rem Inter;
  --body-xl: 300 1.25rem/1.75rem Inter;
  --body-xs: 400 0.75rem/1rem Inter;
  --body-2xl: 300 1.5rem/2rem Inter;
  --body-lg-bold: 600 1.125rem/1.5rem Inter;
  --body-lg-semi: 400 1.125rem/1.5rem Inter;
  --body-md-bold: 600 1rem/1.5rem Inter;
  --body-md-semi: 400 1rem/1.5rem Inter;
  --body-sm-bold: 600 0.875rem/1.25rem Inter;
  --body-xl-bold: 600 1.25rem/1.75rem Inter;
  --body-xl-semi: 400 1.25rem/1.75rem Inter;
  --body-xs-bold: 600 0.75rem/1rem Inter;
  --body-2xl-bold: 600 1.5rem/2rem Inter;
  --body-2xl-semi: 400 1.5rem/2rem Inter;
  --icon-gap-lg: 8px;
  --icon-gap-md: 8px;
  --icon-gap-sm: 4px;
  --icon-gap-xs: 4px;
  --icon-colour-default: #cae0ad;
  --icon-colour-primary: #cae0ad;
  --icon-size-lg: 32px;
  --icon-size-md: 24px;
  --icon-size-sm: 20px;
  --icon-size-xs: 16px;
  --icon-text-lg: 300 1.25rem/1.75rem Inter;
  --icon-text-md: 300 1.125rem/1.5rem Inter;
  --icon-text-sm: 400 0.875rem/1.25rem Inter;
  --icon-text-xs: 400 0.75rem/1rem Inter;
  --icon-text-colour: #333333;
  --icon-container-gap-lg: 8px;
  --icon-container-gap-md: 8px;
  --icon-container-gap-sm: 4px;
  --icon-container-gap-xs: 4px;
  --link-icon-colour-focus: #0066cc;
  --link-icon-colour-hover: #0066cc;
  --link-icon-colour-active: #0066cc;
  --link-icon-colour-default: #0066cc;
  --link-icon-colour-disabled: #bdbdbd;
  --link-text-lg: 600 1rem/1.5rem Inter;
  --link-text-md: 600 0.875rem/1.25rem Inter;
  --link-text-sm: 600 0.75rem/1rem Inter;
  --link-text-colour-focus: #0066cc;
  --link-text-colour-hover: #0066cc;
  --link-text-colour-active: #0066cc;
  --link-text-colour-default: #0066cc;
  --link-text-colour-disabled: #bdbdbd;
  --text-header: #88b053;
  --text-primary: #333333;
  --text-disabled: #757575;
  --text-secondary: #6e6e6e;
  --text-placeholder: #6e6e6e;
  --badge-dot-background: #da1884;
  --badge-dot-container-size: 10px;
  --badge-dot-container-colour: #da1884;
  --badge-solid-text: #ffffff;
  --badge-solid-background: #da1884;
  --badge-text: 500 0.75rem/1rem Inter;
  --badge-count-text-colour: #ffffff;
  --badge-count-container-size: 20px;
  --badge-count-container-colour: #da1884;
  --badge-border-radius: 999px;
  --label-lg: 500 1rem/1.5rem Inter;
  --label-md: 500 0.875rem/1.25rem Inter;
  --label-sm: 500 0.75rem/1rem Inter;
  --label-lg-bold: 600 1rem/1.5rem Inter;
  --label-md-bold: 600 0.875rem/1.25rem Inter;
  --label-sm-bold: 600 0.75rem/1rem Inter;
  --shape-none: 0px;
  --shape-child: 8px;
  --shape-control: 999px;
  --shape-container: 12px;
  --action-text-lg: 600 0.875rem/1.25rem Inter;
  --action-text-md: 600 0.875rem/1.25rem Inter;
  --action-text-sm: 600 0.75rem/1rem Inter;
  --action-text-xl: 600 1rem/1.5rem Inter;
  --action-primary-icon-focus: #ffffff;
  --action-primary-icon-hover: #ffffff;
  --action-primary-icon-active: #ffffff;
  --action-primary-icon-default: #ffffff;
  --action-primary-icon-disabled: #bdbdbd;
  --action-primary-text-focus: #ffffff;
  --action-primary-text-hover: #ffffff;
  --action-primary-text-active: #ffffff;
  --action-primary-text-default: #ffffff;
  --action-primary-text-disabled: #bdbdbd;
  --action-primary-border-colour-focus: rgba(255, 255, 255, 0);
  --action-primary-border-colour-hover: rgba(255, 255, 255, 0);
  --action-primary-border-colour-active: rgba(255, 255, 255, 0);
  --action-primary-border-colour-default: rgba(255, 255, 255, 0);
  --action-primary-border-colour-disabled: rgba(255, 255, 255, 0);
  --action-primary-border-stroke-focus: 0;
  --action-primary-border-stroke-hover: 0;
  --action-primary-border-stroke-active: 0;
  --action-primary-border-stroke-default: 0;
  --action-primary-border-stroke-disabled: 0;
  --action-primary-background-focus: #da1884;
  --action-primary-background-hover: #a11c79;
  --action-primary-background-active: #da1884;
  --action-primary-background-default: #da1884;
  --action-primary-background-disabled: #e0e0e0;
  --action-tertiary-icon-focus: #0066cc;
  --action-tertiary-icon-hover: #0066cc;
  --action-tertiary-icon-active: #0066cc;
  --action-tertiary-icon-default: #0066cc;
  --action-tertiary-icon-disabled: #bdbdbd;
  --action-tertiary-text-focus: #0066cc;
  --action-tertiary-text-hover: #0066cc;
  --action-tertiary-text-active: #0066cc;
  --action-tertiary-text-default: #0066cc;
  --action-tertiary-text-disabled: #bdbdbd;
  --action-tertiary-border-colour-focus: rgba(255, 255, 255, 0);
  --action-tertiary-border-colour-hover: rgba(255, 255, 255, 0);
  --action-tertiary-border-colour-active: rgba(255, 255, 255, 0);
  --action-tertiary-border-colour-default: rgba(255, 255, 255, 0);
  --action-tertiary-border-colour-disabled: rgba(255, 255, 255, 0);
  --action-tertiary-border-stroke-focus: 0;
  --action-tertiary-border-stroke-hover: 0;
  --action-tertiary-border-stroke-active: 0;
  --action-tertiary-border-stroke-default: 0;
  --action-tertiary-border-stroke-disabled: 0;
  --action-tertiary-background-focus: rgba(255, 255, 255, 0);
  --action-tertiary-background-hover: #f5f5f5;
  --action-tertiary-background-active: #fafafa;
  --action-tertiary-background-default: rgba(255, 255, 255, 0);
  --action-tertiary-background-disabled: #e0e0e0;
  --action-secondary-icon-focus: #da1884;
  --action-secondary-icon-hover: #a11c79;
  --action-secondary-icon-active: #da1884;
  --action-secondary-icon-default: #da1884;
  --action-secondary-icon-disabled: #bdbdbd;
  --action-secondary-text-focus: #da1884;
  --action-secondary-text-hover: #a11c79;
  --action-secondary-text-active: #da1884;
  --action-secondary-text-default: #da1884;
  --action-secondary-text-disabled: #bdbdbd;
  --action-secondary-border-colour-focus: #da1884;
  --action-secondary-border-colour-hover: #a11c79;
  --action-secondary-border-colour-active: #da1884;
  --action-secondary-border-colour-default: #da1884;
  --action-secondary-border-colour-disabled: rgba(255, 255, 255, 0);
  --action-secondary-border-stroke-focus: 1px;
  --action-secondary-border-stroke-hover: 1px;
  --action-secondary-border-stroke-active: 1px;
  --action-secondary-border-stroke-default: 1px;
  --action-secondary-border-stroke-disabled: 0;
  --action-secondary-background-focus: rgba(255, 255, 255, 0);
  --action-secondary-background-hover: rgba(255, 255, 255, 0);
  --action-secondary-background-active: rgba(255, 255, 255, 0);
  --action-secondary-background-default: rgba(255, 255, 255, 0);
  --action-secondary-background-disabled: #e0e0e0;
  --action-destructive-icon-focus: #ffffff;
  --action-destructive-icon-hover: #ffffff;
  --action-destructive-icon-active: #ffffff;
  --action-destructive-icon-default: #ffffff;
  --action-destructive-icon-disabled: #bdbdbd;
  --action-destructive-text-focus: #ffffff;
  --action-destructive-text-hover: #ffffff;
  --action-destructive-text-active: #ffffff;
  --action-destructive-text-default: #ffffff;
  --action-destructive-text-disabled: #bdbdbd;
  --action-destructive-border-colour-focus: rgba(255, 255, 255, 0);
  --action-destructive-border-colour-hover: rgba(255, 255, 255, 0);
  --action-destructive-border-colour-active: rgba(255, 255, 255, 0);
  --action-destructive-border-colour-default: rgba(255, 255, 255, 0);
  --action-destructive-border-colour-disabled: rgba(255, 255, 255, 0);
  --action-destructive-border-stroke-focus: 0;
  --action-destructive-border-stroke-hover: 0;
  --action-destructive-border-stroke-active: 0;
  --action-destructive-border-stroke-default: 0;
  --action-destructive-border-stroke-disabled: 0;
  --action-destructive-background-focus: #d62929;
  --action-destructive-background-hover: #c91f1f;
  --action-destructive-background-active: #b71c1c;
  --action-destructive-background-default: #d62929;
  --action-destructive-background-disabled: #e0e0e0;
  --border-none: 0;
  --border-stroke: 1px;
  --intent-info-icon: #10314a;
  --intent-info-background: #e9eef5;
  --intent-error-icon: #b71c1c;
  --intent-error-background: #ffeded;
  --intent-neutral-icon: #10314a;
  --intent-neutral-background: #f5f5f5;
  --intent-success-icon: #388e3c;
  --intent-success-background: #effff1;
  --intent-warning-icon: #f66600;
  --intent-warning-background: #fff7e2;
  --shadow-card: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-input-dropdown: 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 8px 12px -2px rgba(0, 0, 0, 0.08, 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  --shadow-modal: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  --shadow-banner: 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 8px 12px -2px rgba(0, 0, 0, 0.08, 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  --shadow-button-raised: 0px 4px 6px 0px rgba(0, 0, 0, 0.02), 0px 2px 12px -2px rgba(0, 0, 0, 0.08), 0px 3px 6px 0px rgba(0, 0, 0, 0.04);
  --shadow-header-sticky: 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 8px 12px -2px rgba(0, 0, 0, 0.08, 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  --shadow-slider-knob: 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 8px 12px -2px rgba(0, 0, 0, 0.08, 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  --shadow-tab-bar-floating: 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 8px 12px -2px rgba(0, 0, 0, 0.08, 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  --shadow-navigation: 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 8px 12px -2px rgba(0, 0, 0, 0.08, 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  --shadow-notification: 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 8px 12px -2px rgba(0, 0, 0, 0.08, 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  --heading-h1: 500 2rem/2.5rem Rubik;
  --heading-h2: 500 1.75rem/2.25rem Rubik;
  --heading-h3: 500 1.5rem/2rem Rubik;
  --heading-h4: 500 1.25rem/1.75rem Rubik;
  --heading-h5: 500 1.125rem/1.75rem Rubik;
  --heading-h6: 500 1rem/1.5rem Rubik;
  --heading-h1-lg: 500 2.25rem/2.75rem Rubik;
  --opacity-none: 0;
  --icon-button-icon-size-lg: 20px;
  --icon-button-icon-size-md: 16px;
  --icon-button-icon-size-sm: 16px;
  --icon-button-icon-size-xl: 24px;
  --icon-button-primary-icon-colour-focus: #ffffff;
  --icon-button-primary-icon-colour-hover: #ffffff;
  --icon-button-primary-icon-colour-active: #ffffff;
  --icon-button-primary-icon-colour-default: #ffffff;
  --icon-button-primary-icon-colour-disabled: #bdbdbd;
  --icon-button-primary-border-colour-focus: rgba(255, 255, 255, 0);
  --icon-button-primary-border-colour-hover: rgba(255, 255, 255, 0);
  --icon-button-primary-border-colour-active: rgba(255, 255, 255, 0);
  --icon-button-primary-border-colour-default: rgba(255, 255, 255, 0);
  --icon-button-primary-border-colour-disabled: rgba(255, 255, 255, 0);
  --icon-button-primary-border-radius: 999px;
  --icon-button-primary-border-stroke-focus: 0;
  --icon-button-primary-border-stroke-hover: 0;
  --icon-button-primary-border-stroke-active: 0;
  --icon-button-primary-border-stroke-default: 0;
  --icon-button-primary-border-stroke-disabled: 0;
  --icon-button-primary-container-colour-focus: #da1884;
  --icon-button-primary-container-colour-hover: #a11c79;
  --icon-button-primary-container-colour-active: #da1884;
  --icon-button-primary-container-colour-default: #da1884;
  --icon-button-primary-container-colour-disabled: #e0e0e0;
  --icon-button-tertiary-icon-colour-focus: #0066cc;
  --icon-button-tertiary-icon-colour-hover: #0066cc;
  --icon-button-tertiary-icon-colour-active: #0066cc;
  --icon-button-tertiary-icon-colour-default: #0066cc;
  --icon-button-tertiary-icon-colour-disabled: #bdbdbd;
  --icon-button-tertiary-border-colour-focus: rgba(255, 255, 255, 0);
  --icon-button-tertiary-border-colour-hover: rgba(255, 255, 255, 0);
  --icon-button-tertiary-border-colour-active: rgba(255, 255, 255, 0);
  --icon-button-tertiary-border-colour-default: rgba(255, 255, 255, 0);
  --icon-button-tertiary-border-colour-disabled: rgba(255, 255, 255, 0);
  --icon-button-tertiary-border-radius: 8px;
  --icon-button-tertiary-border-stroke-focus: 0;
  --icon-button-tertiary-border-stroke-hover: 0;
  --icon-button-tertiary-border-stroke-active: 0;
  --icon-button-tertiary-border-stroke-default: 0;
  --icon-button-tertiary-border-stroke-disabled: 0;
  --icon-button-tertiary-container-colour-focus: rgba(255, 255, 255, 0);
  --icon-button-tertiary-container-colour-hover: #f5f5f5;
  --icon-button-tertiary-container-colour-active: #fafafa;
  --icon-button-tertiary-container-colour-default: rgba(255, 255, 255, 0);
  --icon-button-tertiary-container-colour-disabled: #e0e0e0;
  --icon-button-container-size-lg: 48px;
  --icon-button-container-size-md: 40px;
  --icon-button-container-size-sm: 32px;
  --icon-button-container-size-xl: 56px;
  --icon-button-secondary-icon-colour-focus: #da1884;
  --icon-button-secondary-icon-colour-hover: #a11c79;
  --icon-button-secondary-icon-colour-active: #da1884;
  --icon-button-secondary-icon-colour-default: #da1884;
  --icon-button-secondary-icon-colour-disabled: #bdbdbd;
  --icon-button-secondary-border-colour-focus: #da1884;
  --icon-button-secondary-border-colour-hover: #a11c79;
  --icon-button-secondary-border-colour-active: #da1884;
  --icon-button-secondary-border-colour-default: #da1884;
  --icon-button-secondary-border-colour-disabled: rgba(255, 255, 255, 0);
  --icon-button-secondary-border-radius: 999px;
  --icon-button-secondary-border-stroke-focus: 1px;
  --icon-button-secondary-border-stroke-hover: 1px;
  --icon-button-secondary-border-stroke-active: 1px;
  --icon-button-secondary-border-stroke-default: 1px;
  --icon-button-secondary-border-stroke-disabled: 0;
  --icon-button-secondary-container-colour-focus: rgba(255, 255, 255, 0);
  --icon-button-secondary-container-colour-hover: rgba(255, 255, 255, 0);
  --icon-button-secondary-container-colour-active: rgba(255, 255, 255, 0);
  --icon-button-secondary-container-colour-default: rgba(255, 255, 255, 0);
  --icon-button-secondary-container-colour-disabled: #e0e0e0;
  --icon-button-destructive-icon-colour-focus: #ffffff;
  --icon-button-destructive-icon-colour-hover: #ffffff;
  --icon-button-destructive-icon-colour-active: #ffffff;
  --icon-button-destructive-icon-colour-default: #ffffff;
  --icon-button-destructive-icon-colour-disabled: #bdbdbd;
  --icon-button-destructive-border-colour-focus: rgba(255, 255, 255, 0);
  --icon-button-destructive-border-colour-hover: rgba(255, 255, 255, 0);
  --icon-button-destructive-border-colour-active: rgba(255, 255, 255, 0);
  --icon-button-destructive-border-colour-default: rgba(255, 255, 255, 0);
  --icon-button-destructive-border-colour-disabled: rgba(255, 255, 255, 0);
  --icon-button-destructive-border-radius: 999px;
  --icon-button-destructive-border-stroke-focus: 0;
  --icon-button-destructive-border-stroke-hover: 0;
  --icon-button-destructive-border-stroke-active: 0;
  --icon-button-destructive-border-stroke-default: 0;
  --icon-button-destructive-border-stroke-disabled: 0;
  --icon-button-destructive-container-colour-focus: #d62929;
  --icon-button-destructive-container-colour-hover: #c91f1f;
  --icon-button-destructive-container-colour-active: #b71c1c;
  --icon-button-destructive-container-colour-default: #d62929;
  --icon-button-destructive-container-colour-disabled: #e0e0e0;
  --lang-selector-flag-size-lg: 20px;
  --lang-selector-flag-size-md: 20px;
  --lang-selector-flag-size-sm: 16px;
  --lang-selector-flag-size-xl: 24px;
  --lang-selector-icon-size-lg: 20px;
  --lang-selector-icon-size-md: 20px;
  --lang-selector-icon-size-sm: 16px;
  --lang-selector-icon-size-xl: 24px;
  --lang-selector-open-icon-colour-focus: #6e6e6e;
  --lang-selector-open-icon-colour-hover: #6e6e6e;
  --lang-selector-open-icon-colour-default: #6e6e6e;
  --lang-selector-open-icon-colour-invalid: #6e6e6e;
  --lang-selector-open-icon-colour-disabled: #757575;
  --lang-selector-open-border-colour-focus: #dcf0c2;
  --lang-selector-open-border-colour-hover: #a11c79;
  --lang-selector-open-border-colour-default: #e0e0e0;
  --lang-selector-open-border-colour-invalid: #f72f2f;
  --lang-selector-open-border-colour-disabled: #9e9e9e;
  --lang-selector-open-border-stroke-focus: 1px;
  --lang-selector-open-border-stroke-hover: 1px;
  --lang-selector-open-border-stroke-default: 1px;
  --lang-selector-open-border-stroke-invalid: 1px;
  --lang-selector-open-border-stroke-disabled: 1px;
  --lang-selector-open-container-colour-focus: #f5f5f5;
  --lang-selector-open-container-colour-hover: #ffffff;
  --lang-selector-open-container-colour-default: #ffffff;
  --lang-selector-open-container-colour-invalid: #ffffff;
  --lang-selector-open-container-colour-disabled: #e0e0e0;
  --lang-selector-border-radius-default: 8px;
  --lang-selector-closed-icon-colour-focus: #6e6e6e;
  --lang-selector-closed-icon-colour-hover: #6e6e6e;
  --lang-selector-closed-icon-colour-default: #6e6e6e;
  --lang-selector-closed-icon-colour-invalid: #6e6e6e;
  --lang-selector-closed-icon-colour-disabled: #757575;
  --lang-selector-closed-border-colour-focus: #dcf0c2;
  --lang-selector-closed-border-colour-hover: #a11c79;
  --lang-selector-closed-border-colour-default: #e0e0e0;
  --lang-selector-closed-border-colour-invalid: #f72f2f;
  --lang-selector-closed-border-colour-disabled: #9e9e9e;
  --lang-selector-closed-border-stroke-focus: 1px;
  --lang-selector-closed-border-stroke-hover: 1px;
  --lang-selector-closed-border-stroke-default: 1px;
  --lang-selector-closed-border-stroke-invalid: 1px;
  --lang-selector-closed-border-stroke-disabled: 1px;
  --lang-selector-closed-container-colour-focus: #f5f5f5;
  --lang-selector-closed-container-colour-hover: #ffffff;
  --lang-selector-closed-container-colour-default: #ffffff;
  --lang-selector-closed-container-colour-invalid: #ffffff;
  --lang-selector-closed-container-colour-disabled: #e0e0e0;
  --lang-selector-container-gap-lg: 12px;
  --lang-selector-container-gap-md: 12px;
  --lang-selector-container-gap-sm: 8px;
  --lang-selector-container-gap-xl: 16px;
  --lang-selector-container-padding-vertical-lg: 14px;
  --lang-selector-container-padding-vertical-md: 10px;
  --lang-selector-container-padding-vertical-sm: 8px;
  --lang-selector-container-padding-vertical-xl: 16px;
  --lang-selector-container-padding-horizontal-lg: 14px;
  --lang-selector-container-padding-horizontal-md: 12px;
  --lang-selector-container-padding-horizontal-sm: 12px;
  --lang-selector-container-padding-horizontal-xl: 16px;
  --search-icon-gap-lg: 8px;
  --search-icon-gap-md: 8px;
  --search-icon-gap-sm: 4px;
  --search-icon-gap-xl: 8px;
  --search-icon-size-lg: 24px;
  --search-icon-size-md: 20px;
  --search-icon-size-sm: 16px;
  --search-icon-size-xl: 24px;
  --search-icon-colour-hover: #a11c79;
  --search-icon-colour-typing: #cae0ad;
  --search-icon-colour-default: #9e9e9e;
  --search-icon-colour-complete: #9e9e9e;
  --search-text-lg: 300 1rem/1.5rem Inter;
  --search-text-md: 400 0.875rem/1.25rem Inter;
  --search-text-sm: 400 0.75rem/1rem Inter;
  --search-text-xl: 300 1rem/1.5rem Inter;
  --search-text-colour-hover: #6e6e6e;
  --search-text-colour-typing: #333333;
  --search-text-colour-default: #6e6e6e;
  --search-text-colour-complete: #333333;
  --search-action-icon-size-lg: 20px;
  --search-action-icon-size-md: 20px;
  --search-action-icon-size-sm: 16px;
  --search-action-icon-size-xl: 24px;
  --search-action-icon-colour-typing: #0066cc;
  --search-action-icon-colour-complete: #0066cc;
  --search-border-colour-hover: #a11c79;
  --search-border-colour-typing: #cae0ad;
  --search-border-colour-default: #e0e0e0;
  --search-border-colour-complete: #e0e0e0;
  --search-border-radius-default: 8px;
  --search-border-stroke-default: 1px;
  --search-container-colour-hover: #ffffff;
  --search-container-colour-typing: #f5f5f5;
  --search-container-colour-default: #ffffff;
  --search-container-colour-complete: #ffffff;
  --search-container-padding-left-lg: 12px;
  --search-container-padding-left-md: 10px;
  --search-container-padding-left-sm: 8px;
  --search-container-padding-left-xl: 16px;
  --search-container-padding-right-lg: 12px;
  --search-container-padding-right-md: 10px;
  --search-container-padding-right-sm: 8px;
  --search-container-padding-right-xl: 16px;
  --search-container-padding-vertical-lg: 12px;
  --search-container-padding-vertical-md: 10px;
  --search-container-padding-vertical-sm: 8px;
  --search-container-padding-vertical-xl: 16px;
  --status-icon-size-lg: 20px;
  --status-icon-size-md: 16px;
  --status-icon-size-sm: 16px;
  --status-icon-size-xs: 8px;
  --status-icon-colour-info: #10314a;
  --status-icon-colour-error: #b71c1c;
  --status-icon-colour-neutral: #282828;
  --status-icon-colour-success: #388e3c;
  --status-icon-colour-warning: #f66600;
  --status-text-lg: 300 1rem/1.5rem Inter;
  --status-text-md: 400 0.875rem/1.25rem Inter;
  --status-text-sm: 400 0.75rem/1rem Inter;
  --status-text-colour-info: #333333;
  --status-text-colour-error: #333333;
  --status-text-colour-neutral: #333333;
  --status-text-colour-success: #333333;
  --status-text-colour-warning: #333333;
  --status-border-radius: 999px;
  --status-no-label-container-padding-top-lg: 6px;
  --status-no-label-container-padding-top-md: 6px;
  --status-no-label-container-padding-top-sm: 4px;
  --status-no-label-container-padding-left-lg: 6px;
  --status-no-label-container-padding-left-md: 6px;
  --status-no-label-container-padding-left-sm: 4px;
  --status-no-label-container-padding-right-lg: 6px;
  --status-no-label-container-padding-right-md: 6px;
  --status-no-label-container-padding-right-sm: 4px;
  --status-no-label-container-padding-bottom-lg: 6px;
  --status-no-label-container-padding-bottom-md: 6px;
  --status-no-label-container-padding-bottom-sm: 4px;
  --status-container-gap-lg: 8px;
  --status-container-gap-md: 8px;
  --status-container-gap-sm: 4px;
  --status-container-gap-xs: 0px;
  --status-container-size-lg: 32px;
  --status-container-size-md: 28px;
  --status-container-size-sm: 24px;
  --status-container-size-xs: 8px;
  --status-container-colour-info: #e9eef5;
  --status-container-colour-error: #ffeded;
  --status-container-colour-neutral: #f5f5f5;
  --status-container-colour-success: #effff1;
  --status-container-colour-warning: #fff7e2;
  --status-container-padding-left-lg: 12px;
  --status-container-padding-left-md: 8px;
  --status-container-padding-left-sm: 8px;
  --status-container-padding-right-lg: 14px;
  --status-container-padding-right-md: 10px;
  --status-container-padding-right-sm: 10px;
  --status-container-padding-vertical-lg: 4px;
  --status-container-padding-vertical-md: 4px;
  --status-container-padding-vertical-sm: 4px;
  --text-link-icon-size-lg: 24px;
  --text-link-icon-size-md: 20px;
  --text-link-icon-size-sm: 16px;
  --text-link-icon-colour-focus: #0066cc;
  --text-link-icon-colour-hover: #0066cc;
  --text-link-icon-colour-active: #0066cc;
  --text-link-icon-colour-default: #0066cc;
  --text-link-icon-colour-disabled: #bdbdbd;
  --text-link-text-lg: 600 1rem/1.5rem Inter;
  --text-link-text-md: 600 0.875rem/1.25rem Inter;
  --text-link-text-sm: 600 0.75rem/1rem Inter;
  --text-link-text-colour-focus: #0066cc;
  --text-link-text-colour-hover: #0066cc;
  --text-link-text-colour-active: #0066cc;
  --text-link-text-colour-default: #0066cc;
  --text-link-text-colour-disabled: #bdbdbd;
  --text-link-container-gap-lg: 8px;
  --text-link-container-gap-md: 8px;
  --text-link-container-gap-sm: 4px;
  --avatar-alt-icon-colour-icon-only: #ffffff;
  --avatar-alt-icon-colour-icon-label: #ffffff;
  --avatar-alt-text-colour-initials: #88b053;
  --avatar-alt-text-colour-icon-label: #ffffff;
  --avatar-alt-container-colour-logo: rgba(255, 255, 255, 0);
  --avatar-alt-container-colour-icon-only: #5a8ab5;
  --avatar-alt-container-colour-initials: #ffffff;
  --avatar-alt-container-colour-icon-label: #5a8ab5;
  --avatar-icon-size-icon-only-lg: 32px;
  --avatar-icon-size-icon-only-md: 24px;
  --avatar-icon-size-icon-only-sm: 16px;
  --avatar-icon-size-icon-label-lg: 24px;
  --avatar-icon-size-icon-label-md: 16px;
  --avatar-text-initials-lg: 300 1.25rem/1.75rem Inter;
  --avatar-text-initials-md: 300 1rem/1.5rem Inter;
  --avatar-text-initials-sm: 400 0.875rem/1.25rem Inter;
  --avatar-text-icon-label-lg: 400 0.75rem/1rem Inter;
  --avatar-text-icon-label-md: 400 0.75rem/1rem Inter;
  --avatar-border-radius: 999px;
  --avatar-default-icon-colour-icon-only: #ffffff;
  --avatar-default-icon-colour-icon-label: #ffffff;
  --avatar-default-text-colour-initials: #88b053;
  --avatar-default-text-colour-icon-label: #ffffff;
  --avatar-default-container-colour-logo: rgba(255, 255, 255, 0);
  --avatar-default-container-colour-icon-only: #5a8ab5;
  --avatar-default-container-colour-initials: #fafafa;
  --avatar-default-container-colour-icon-label: #5a8ab5;
  --avatar-container-gap-icon-label-lg: 4px;
  --avatar-container-gap-icon-label-md: 2px;
  --avatar-container-size-lg: 64px;
  --avatar-container-size-md: 48px;
  --avatar-container-size-sm: 36px;
  --button-icon-size-lg: 20px;
  --button-icon-size-md: 16px;
  --button-icon-size-sm: 16px;
  --button-icon-size-xl: 24px;
  --button-text-lg: 600 0.875rem/1.25rem Inter;
  --button-text-md: 600 0.875rem/1.25rem Inter;
  --button-text-sm: 600 0.75rem/1rem Inter;
  --button-text-xl: 600 1rem/1.5rem Inter;
  --button-primary-icon-colour-focus: #ffffff;
  --button-primary-icon-colour-hover: #ffffff;
  --button-primary-icon-colour-active: #ffffff;
  --button-primary-icon-colour-default: #ffffff;
  --button-primary-icon-colour-disabled: #bdbdbd;
  --button-primary-text-colour-focus: #ffffff;
  --button-primary-text-colour-hover: #ffffff;
  --button-primary-text-colour-active: #ffffff;
  --button-primary-text-colour-default: #ffffff;
  --button-primary-text-colour-disabled: #bdbdbd;
  --button-primary-border-colour-focus: rgba(255, 255, 255, 0);
  --button-primary-border-colour-hover: rgba(255, 255, 255, 0);
  --button-primary-border-colour-active: rgba(255, 255, 255, 0);
  --button-primary-border-colour-default: rgba(255, 255, 255, 0);
  --button-primary-border-colour-disabled: rgba(255, 255, 255, 0);
  --button-primary-border-radius: 999px;
  --button-primary-border-stroke-focus: 0;
  --button-primary-border-stroke-hover: 0;
  --button-primary-border-stroke-active: 0;
  --button-primary-border-stroke-default: 0;
  --button-primary-border-stroke-disabled: 0;
  --button-primary-container-width-min-lg: 80px;
  --button-primary-container-colour-focus: #da1884;
  --button-primary-container-colour-hover: #a11c79;
  --button-primary-container-colour-active: #da1884;
  --button-primary-container-colour-default: #da1884;
  --button-primary-container-colour-disabled: #e0e0e0;
  --button-tertiary-icon-colour-focus: #0066cc;
  --button-tertiary-icon-colour-hover: #0066cc;
  --button-tertiary-icon-colour-active: #0066cc;
  --button-tertiary-icon-colour-default: #0066cc;
  --button-tertiary-icon-colour-disabled: #bdbdbd;
  --button-tertiary-text-colour-focus: #0066cc;
  --button-tertiary-text-colour-hover: #0066cc;
  --button-tertiary-text-colour-active: #0066cc;
  --button-tertiary-text-colour-default: #0066cc;
  --button-tertiary-text-colour-disabled: #bdbdbd;
  --button-tertiary-border-colour-focus: rgba(255, 255, 255, 0);
  --button-tertiary-border-colour-hover: rgba(255, 255, 255, 0);
  --button-tertiary-border-colour-active: rgba(255, 255, 255, 0);
  --button-tertiary-border-colour-default: rgba(255, 255, 255, 0);
  --button-tertiary-border-colour-disabled: rgba(255, 255, 255, 0);
  --button-tertiary-border-radius: 8px;
  --button-tertiary-border-stroke-focus: 0;
  --button-tertiary-border-stroke-hover: 0;
  --button-tertiary-border-stroke-active: 0;
  --button-tertiary-border-stroke-default: 0;
  --button-tertiary-border-stroke-disabled: 0;
  --button-tertiary-container-colour-focus: rgba(255, 255, 255, 0);
  --button-tertiary-container-colour-hover: #f5f5f5;
  --button-tertiary-container-colour-active: #fafafa;
  --button-tertiary-container-colour-default: rgba(255, 255, 255, 0);
  --button-tertiary-container-colour-disabled: #e0e0e0;
  --button-container-gap-lg: 8px;
  --button-container-gap-md: 8px;
  --button-container-gap-sm: 4px;
  --button-container-gap-xl: 8px;
  --button-container-size-lg: 48px;
  --button-container-size-md: 40px;
  --button-container-size-sm: 32px;
  --button-container-size-xl: 56px;
  --button-container-padding-vertical-lg: 14px;
  --button-container-padding-vertical-md: 10px;
  --button-container-padding-vertical-sm: 8px;
  --button-container-padding-vertical-xl: 16px;
  --button-container-padding-horizontal-lg: 24px;
  --button-container-padding-horizontal-md: 16px;
  --button-container-padding-horizontal-sm: 16px;
  --button-container-padding-horizontal-xl: 28px;
  --button-secondary-icon-colour-focus: #da1884;
  --button-secondary-icon-colour-hover: #a11c79;
  --button-secondary-icon-colour-active: #da1884;
  --button-secondary-icon-colour-default: #da1884;
  --button-secondary-icon-colour-disabled: #bdbdbd;
  --button-secondary-text-colour-focus: #da1884;
  --button-secondary-text-colour-hover: #a11c79;
  --button-secondary-text-colour-active: #da1884;
  --button-secondary-text-colour-default: #da1884;
  --button-secondary-text-colour-disabled: #bdbdbd;
  --button-secondary-border-colour-focus: #da1884;
  --button-secondary-border-colour-hover: #a11c79;
  --button-secondary-border-colour-active: #da1884;
  --button-secondary-border-colour-default: #da1884;
  --button-secondary-border-colour-disabled: rgba(255, 255, 255, 0);
  --button-secondary-border-radius: 999px;
  --button-secondary-border-stroke-focus: 1px;
  --button-secondary-border-stroke-hover: 1px;
  --button-secondary-border-stroke-active: 1px;
  --button-secondary-border-stroke-default: 1px;
  --button-secondary-border-stroke-disabled: 0;
  --button-secondary-container-colour-focus: rgba(255, 255, 255, 0);
  --button-secondary-container-colour-hover: rgba(255, 255, 255, 0);
  --button-secondary-container-colour-active: rgba(255, 255, 255, 0);
  --button-secondary-container-colour-default: rgba(255, 255, 255, 0);
  --button-secondary-container-colour-disabled: #e0e0e0;
  --button-destructive-icon-colour-focus: #ffffff;
  --button-destructive-icon-colour-hover: #ffffff;
  --button-destructive-icon-colour-active: #ffffff;
  --button-destructive-icon-colour-default: #ffffff;
  --button-destructive-icon-colour-disabled: #bdbdbd;
  --button-destructive-text-colour-focus: #ffffff;
  --button-destructive-text-colour-hover: #ffffff;
  --button-destructive-text-colour-active: #ffffff;
  --button-destructive-text-colour-default: #ffffff;
  --button-destructive-text-colour-disabled: #bdbdbd;
  --button-destructive-border-colour-focus: rgba(255, 255, 255, 0);
  --button-destructive-border-colour-hover: rgba(255, 255, 255, 0);
  --button-destructive-border-colour-active: rgba(255, 255, 255, 0);
  --button-destructive-border-colour-default: rgba(255, 255, 255, 0);
  --button-destructive-border-colour-disabled: rgba(255, 255, 255, 0);
  --button-destructive-border-radius: 999px;
  --button-destructive-border-stroke-focus: 0;
  --button-destructive-border-stroke-hover: 0;
  --button-destructive-border-stroke-active: 0;
  --button-destructive-border-stroke-default: 0;
  --button-destructive-border-stroke-disabled: 0;
  --button-destructive-container-colour-focus: #d62929;
  --button-destructive-container-colour-hover: #c91f1f;
  --button-destructive-container-colour-active: #b71c1c;
  --button-destructive-container-colour-default: #d62929;
  --button-destructive-container-colour-disabled: #e0e0e0;
  --control-button-alt-icon-colour-hover: #88b053;
  --control-button-alt-icon-colour-default: #88b053;
  --control-button-alt-icon-colour-disabled: #bdbdbd;
  --control-button-alt-icon-colour-selected: #88b053;
  --control-button-alt-container-colour-hover: #e0e0e0;
  --control-button-alt-container-colour-default: #ffffff;
  --control-button-alt-container-colour-disabled: #f5f5f5;
  --control-button-alt-container-colour-selected: #f4faed;
  --control-button-border-radius: 999px;
  --control-button-default-icon-colour-hover: #88b053;
  --control-button-default-icon-colour-default: #88b053;
  --control-button-default-icon-colour-disabled: #bdbdbd;
  --control-button-default-icon-colour-selected: #88b053;
  --control-button-default-container-colour-hover: #eeeeee;
  --control-button-default-container-colour-default: #f5f5f5;
  --control-button-default-container-colour-disabled: #eeeeee;
  --control-button-default-container-colour-selected: #f4faed;
  --control-button-container-size-lg: 48px;
  --control-button-container-size-md: 40px;
  --control-button-container-size-sm: 36px;
  --control-button-container-size-xs: 32px;
  --control-button-container-padding-lg: 8px;
  --control-button-container-padding-md: 8px;
  --control-button-container-padding-sm: 8px;
  --control-button-container-padding-xs: 8px;
  --counter-text-lg: 300 1.25rem/1.75rem Inter;
  --counter-text-md: 300 1rem/1.5rem Inter;
  --counter-text-sm: 400 0.875rem/1.25rem Inter;
  --counter-text-colour-alt: #da1884;
  --counter-text-colour-default: #da1884;
  --counter-border-radius: 999px;
  --counter-container-size-lg: 64px;
  --counter-container-size-md: 48px;
  --counter-container-size-sm: 36px;
  --counter-container-colour-alt: #ffffff;
  --counter-container-colour-default: #fafafa;
  --toggle-button-alt-icon-colour-focus: #cae0ad;
  --toggle-button-alt-icon-colour-hover: #cae0ad;
  --toggle-button-alt-icon-colour-default: #cae0ad;
  --toggle-button-alt-icon-colour-selected: #cae0ad;
  --toggle-button-alt-text-colour-focus: #88b053;
  --toggle-button-alt-text-colour-hover: #88b053;
  --toggle-button-alt-text-colour-default: #88b053;
  --toggle-button-alt-text-colour-selected: #88b053;
  --toggle-button-alt-container-colour-focus: #ffffff;
  --toggle-button-alt-container-colour-hover: #e0e0e0;
  --toggle-button-alt-container-colour-default: #ffffff;
  --toggle-button-alt-container-colour-selected: #f4faed;
  --toggle-button-icon-size-lg: 24px;
  --toggle-button-icon-size-md: 20px;
  --toggle-button-icon-size-sm: 16px;
  --toggle-button-icon-size-xl: 24px;
  --toggle-button-text-size-lg: 500 1rem/1.5rem Inter;
  --toggle-button-text-size-md: 500 0.875rem/1.25rem Inter;
  --toggle-button-text-size-sm: 500 0.75rem/1rem Inter;
  --toggle-button-text-size-xl: 500 1rem/1.5rem Inter;
  --toggle-button-border-radius-lg: 0px;
  --toggle-button-border-radius-md: 0px;
  --toggle-button-border-radius-sm: 8px;
  --toggle-button-border-radius-xl: 0px;
  --toggle-button-default-icon-colour-focus: #cae0ad;
  --toggle-button-default-icon-colour-hover: #cae0ad;
  --toggle-button-default-icon-colour-default: #cae0ad;
  --toggle-button-default-icon-colour-selected: #cae0ad;
  --toggle-button-default-text-colour-focus: #88b053;
  --toggle-button-default-text-colour-hover: #88b053;
  --toggle-button-default-text-colour-default: #88b053;
  --toggle-button-default-text-colour-selected: #88b053;
  --toggle-button-default-container-colour-focus: #f5f5f5;
  --toggle-button-default-container-colour-hover: #e0e0e0;
  --toggle-button-default-container-colour-default: #f5f5f5;
  --toggle-button-default-container-colour-selected: #f4faed;
  --toggle-button-container-gap-lg: 8px;
  --toggle-button-container-gap-md: 8px;
  --toggle-button-container-gap-sm: 4px;
  --toggle-button-container-gap-xl: 8px;
  --toggle-button-container-padding-vertical-lg: 12px;
  --toggle-button-container-padding-vertical-md: 10px;
  --toggle-button-container-padding-vertical-sm: 8px;
  --toggle-button-container-padding-vertical-xl: 16px;
  --toggle-button-container-padding-horizontal-lg: 24px;
  --toggle-button-container-padding-horizontal-md: 16px;
  --toggle-button-container-padding-horizontal-sm: 16px;
  --toggle-button-container-padding-horizontal-xl: 28px;
  --option-multi-text-lg: 300 1rem/1.5rem Inter;
  --option-multi-text-md: 400 0.875rem/1.25rem Inter;
  --option-multi-text-sm: 400 0.875rem/1.25rem Inter;
  --option-multi-text-colour-hover: #333333;
  --option-multi-text-colour-active: #333333;
  --option-multi-text-colour-default: #333333;
  --option-multi-text-colour-disabled: #bdbdbd;
  --option-multi-checkbox-size-lg: 20px;
  --option-multi-checkbox-size-md: 20px;
  --option-multi-checkbox-size-sm: 20px;
  --option-multi-container-colour-hover: #f5f5f5;
  --option-multi-container-colour-active: #ffffff;
  --option-multi-container-colour-default: #ffffff;
  --option-multi-container-colour-disabled: #ffffff;
  --option-border-radius-default: 8px;
  --option-single-icon-size-lg: 20px;
  --option-single-icon-size-md: 20px;
  --option-single-icon-size-sm: 16px;
  --option-single-icon-colour-hover: rgba(255, 255, 255, 0);
  --option-single-icon-colour-active: #88b053;
  --option-single-icon-colour-default: rgba(255, 255, 255, 0);
  --option-single-icon-colour-disabled: rgba(255, 255, 255, 0);
  --option-single-text-lg: 300 1rem/1.5rem Inter;
  --option-single-text-md: 400 0.875rem/1.25rem Inter;
  --option-single-text-sm: 400 0.875rem/1.25rem Inter;
  --option-single-text-colour-hover: #333333;
  --option-single-text-colour-active: #333333;
  --option-single-text-colour-default: #333333;
  --option-single-text-colour-disabled: #bdbdbd;
  --option-single-container-colour-hover: #f5f5f5;
  --option-single-container-colour-active: #f5f5f5;
  --option-single-container-colour-default: #ffffff;
  --option-single-container-colour-disabled: #e0e0e0;
  --option-container-gap-lg: 12px;
  --option-container-gap-md: 12px;
  --option-container-gap-sm: 12px;
  --option-container-size-lg: 48px;
  --option-container-size-md: 40px;
  --option-container-size-sm: 32px;
  --option-container-padding-left-lg: 16px;
  --option-container-padding-left-md: 16px;
  --option-container-padding-left-sm: 12px;
  --option-container-padding-right-lg: 14px;
  --option-container-padding-right-md: 14px;
  --option-container-padding-right-sm: 10px;
  --option-container-padding-vertical-lg: 12px;
  --option-container-padding-vertical-md: 10px;
  --option-container-padding-vertical-sm: 4px;
  --tooltip-text-colour-default: #ffffff;
  --tooltip-text-default: 400 0.875rem/1.25rem Inter;
  --tooltip-radius-default: 12px;
  --tooltip-container-colour-default: #a11c79;
  --tooltip-container-padding-vertical-default: 14px;
  --tooltip-container-padding-horizontal-default: 14px;
  --carousel-controls-container-gap-lg: 8px;
  --carousel-controls-container-gap-md: 8px;
  --carousel-controls-container-gap-sm: 8px;
  --carousel-controls-container-gap-xs: 8px;
  --command-bar-divider-size-width: 1px;
  --command-bar-divider-size-height: 24px;
  --command-bar-divider-colour-default: #e0e0e0;
  --command-bar-container-gap: 8px;
  --modal-icon-size-default: 24px;
  --modal-icon-colour-default: #6e6e6e;
  --modal-border-radius-default: 12px;
  --modal-footer-gap-default: 12px;
  --modal-footer-padding-top: 16px;
  --modal-content-gap: 16px;
  --modal-content-text-colour: #333333;
  --modal-content-text-default: 300 1rem/1.5rem Inter;
  --modal-heading-text-colour: #88b053;
  --modal-heading-text-default: 500 1.75rem/2.25rem Rubik;
  --modal-container-gap: 24px;
  --modal-container-size-md: 580px;
  --modal-container-colour-default: #ffffff;
  --modal-container-padding-vertical: 32px;
  --modal-container-padding-horizontal: 32px;
  --toggle-button-group-border-radius-default: 12px;
  --toggle-button-group-container-gap: 4px;
  --list-container-gap-default: 2px;
  --list-container-border-radius-default: 12px;
  --list-container-colour-default: #ffffff;
  --list-container-shadow-default: 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 8px 12px -2px rgba(0, 0, 0, 0.08, 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  --list-container-padding-vertical: 4px;
  --list-container-padding-horizontal: 4px;
}