:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-zydeco-blue: var(--color-zydeco-blue-600);
  --color-ruby: var(--color-ruby-900);
  --color-grey: var(--color-grey-500);
  --color-grey-50: #f6f6f6;
  --color-grey-100: #e7e7e7;
  --color-grey-200: #d1d1d1;
  --color-grey-300: #b0b0b0;
  --color-grey-400: #888888;
  --color-grey-500: #6d6d6d;
  --color-grey-600: #626262;
  --color-grey-700: #4f4f4f;
  --color-grey-800: #454545;
  --color-grey-900: #3d3d3d;
  --color-grey-950: #262626;
  --color-grey-950-opacity-50: #26262680;
  --color-ruby-50: #ffeeee;
  --color-ruby-100: #ffdbda;
  --color-ruby-200: #ffbcbb;
  --color-ruby-300: #ff8d8b;
  --color-ruby-400: #ff4c49;
  --color-ruby-500: #ff1411;
  --color-ruby-600: #ff0400;
  --color-ruby-700: #e70300;
  --color-ruby-800: #be0300;
  --color-ruby-900: #8f0200;
  --color-ruby-950: #560100;
  --color-zydeco-blue-50: #f3f6fc;
  --color-zydeco-blue-100: #e6edf8;
  --color-zydeco-blue-200: #c8d8ef;
  --color-zydeco-blue-300: #97b8e2;
  --color-zydeco-blue-400: #5f93d1;
  --color-zydeco-blue-500: #3a76bd;
  --color-zydeco-blue-600: #2b5ea3;
  --color-zydeco-blue-700: #234a81;
  --color-zydeco-blue-800: #21406b;
  --color-zydeco-blue-900: #20375a;
  --color-zydeco-blue-950: #15233c;
  --color-blue-java-banana: #c2e5ff;
  --dimension-spacing-static-0: 0px;
  --dimension-spacing-static-0-5: 4px;
  --dimension-spacing-static-1: 8px;
  --dimension-spacing-static-1-5: 12px;
  --dimension-spacing-static-2: 16px;
  --dimension-spacing-static-3: 24px;
  --dimension-spacing-static-4: 32px;
  --dimension-spacing-static-5: 40px;
  --dimension-spacing-static-6: 48px;
  --dimension-spacing-static-8: 64px;
  --dimension-spacing-static-10: 80px;
  --dimension-spacing-static-12: 96px;
  --dimension-spacing-static-16: 128px;
  --dimension-spacing-static-20: 160px;
  --dimension-spacing-static-24: 192px;
  --dimension-spacing-static-28: 224px;
  --dimension-spacing-vw-1-min: 6px;
  --dimension-spacing-vw-1-max: var(--dimension-spacing-static-1);
  --dimension-spacing-vw-2-min: 10px;
  --dimension-spacing-vw-2-max: var(--dimension-spacing-static-2);
  --dimension-spacing-vw-3-min: 19px;
  --dimension-spacing-vw-3-max: var(--dimension-spacing-static-3);
  --dimension-spacing-vw-4-min: 27px;
  --dimension-spacing-vw-4-max: var(--dimension-spacing-static-4);
  --dimension-spacing-vw-5-min: 32px;
  --dimension-spacing-vw-5-max: var(--dimension-spacing-static-5);
  --dimension-spacing-vw-6-min: 38px;
  --dimension-spacing-vw-6-max: var(--dimension-spacing-static-6);
  --dimension-spacing-vw-8-min: 51px;
  --dimension-spacing-vw-8-max: var(--dimension-spacing-static-8);
  --dimension-spacing-vw-10-min: 64px;
  --dimension-spacing-vw-10-max: var(--dimension-spacing-static-10);
  --dimension-spacing-vw-12-min: 77px;
  --dimension-spacing-vw-12-max: var(--dimension-spacing-static-12);
  --dimension-spacing-vw-16-min: 102px;
  --dimension-spacing-vw-16-max: var(--dimension-spacing-static-16);
  --dimension-spacing-vw-20-min: 128px;
  --dimension-spacing-vw-20-max: var(--dimension-spacing-static-20);
  --dimension-spacing-vw-24-min: 154px;
  --dimension-spacing-vw-24-max: var(--dimension-spacing-static-24);
  --dimension-spacing-vw-28-min: 179px;
  --dimension-spacing-vw-28-max: var(--dimension-spacing-static-28);
  --dimension-container-width-5: 648px;
  --dimension-container-width-10: 1124px;
  --dimension-wcag-min-hit: 44px;
  --radii-0: 0px;
  --radii-1: 8px;
  --radii-2: 16px;
  --radii-3: 24px;
  --radii-4: 32px;
  --radii-80: 640px;
  --radii-0-5: 4px;
  --radii-1-5: 12px;
  --border-width-static-0-5: 1px;
  --border-width-static-1: 2px;
  --border-width-static-1-5: 3px;
  --border-width-static-2: 4px;
  --typography-5-size: clamp(0.75rem, 0.723rem + 0.112vw, 0.813rem); /* 0.8125rem */
  --typography-5-line-height: 1.54;
  --typography-5-letter-spacing: 0.006rem;
  --typography-7-size: clamp(0.875rem, 0.848rem + 0.112vw, 0.938rem); /* 0.9375rem */
  --typography-7-line-height: 1.48;
  --typography-7-letter-spacing: 0.003rem;
  --typography-10-size: clamp(0.875rem, 0.82rem + 0.225vw, 1rem); /* 1rem */
  --typography-10-line-height: 1.5;
  --typography-10-letter-spacing: 0;
  --typography-20-size: clamp(1.063rem, 0.871rem + 0.787vw, 1.5rem); /* 1.25rem */
  --typography-20-line-height: 1.4;
  --typography-20-letter-spacing: -0.008rem;
  --typography-30-size: clamp(1.25rem, 1.113rem + 0.562vw, 1.563rem); /* 1.5625rem */
  --typography-30-line-height: 1.28;
  --typography-30-letter-spacing: -0.017rem;
  --typography-40-size: clamp(1.5rem, 1.281rem + 0.899vw, 2rem); /* 2rem */
  --typography-40-line-height: 1.25;
  --typography-40-letter-spacing: -0.03rem;
  --typography-50-size: clamp(1.75rem, 1.421rem + 1.348vw, 2.5rem); /* 2.5rem */
  --typography-50-line-height: 1.2;
  --typography-50-letter-spacing: -0.045rem;
  --typography-60-size: clamp(2.063rem, 1.57rem + 2.022vw, 3.188rem); /* 3.1875rem; */
  --typography-60-line-height: 1.18;
  --typography-60-letter-spacing: -0.066rem;
  --typography-70-size: clamp(2.5rem, 1.843rem + 2.697vw, 4rem); /* 4rem */
  --typography-70-line-height: 1.125;
  --typography-70-letter-spacing: -0.09rem;
  --color-border-error: var(--color-ruby-600);
  --color-surface-primary: var(--color-white);
  --color-surface-primary-contrast-min: var(--color-grey-50);
  --color-surface-brand-primary: var(--color-zydeco-blue-900);
  --color-surface-brand-primary-focus: var(--color-zydeco-blue-800);
  --color-surface-brand-primary-hover: var(--color-zydeco-blue-800);
  --color-surface-brand-primary-active: var(--color-zydeco-blue-950);
  --color-surface-brand-primary-reverse: var(--color-zydeco-blue-50);
  --color-surface-reverse: var(--color-black);
  --color-surface-error: var(--color-ruby-50);
  --color-text-primary: var(--color-black);
  --color-text-primary-contrast-min: var(--color-grey-900);
  --color-text-reverse: var(--color-white);
  --color-text-brand-primary: var(--color-zydeco-blue-900);
  --color-text-error: var(--color-ruby-800);
  --color-text-link-primary: var(--color-zydeco-blue-900);
  --color-text-link-primary-focus: var(--color-zydeco-blue-800);
  --color-text-link-primary-hover: var(--color-zydeco-blue-800);
  --color-text-link-primary-active: var(--color-zydeco-blue-950);
  --color-inner-shadow-medium: var(--color-grey-950-opacity-50);
  --color-text-chart-design: var(--color-ruby-900);
  --color-text-chart-personality: var(--color-black);
  --spacing-vw-2x-small: clamp(var(--dimension-spacing-vw-1-min), 5.124px + 0.225vw, var(--dimension-spacing-vw-1-max));
  --spacing-vw-x-small: clamp(var(--dimension-spacing-vw-3-min), 16.809px + 0.562vw, var(--dimension-spacing-vw-3-max));
  --spacing-vw-small: clamp(var(--dimension-spacing-vw-5-min), 28.494px + 0.899vw, var(--dimension-spacing-vw-5-max));
  --spacing-vw-medium: clamp(var(--dimension-spacing-vw-8-min), 45.303px + 1.461vw, var(--dimension-spacing-vw-8-max));
  --spacing-vw-large: clamp(var(--dimension-spacing-vw-12-min), 68.674px + 2.135vw, var(--dimension-spacing-vw-12-max));
  --spacing-vw-x-large: clamp(var(--dimension-spacing-vw-20-min), 113.978px + 3.596vw, var(--dimension-spacing-vw-20-max));
  --spacing-vw-2x-large: clamp(var(--dimension-spacing-vw-28-min), 159.281px + 5.056vw, var(--dimension-spacing-vw-28-max));
  --spacing-3x-small: var(--dimension-spacing-static-0-5);
  --spacing-2x-small: var(--dimension-spacing-static-1);
  --spacing-x-small: var(--dimension-spacing-static-3);
  --spacing-small: var(--dimension-spacing-static-5);
  --spacing-medium: var(--dimension-spacing-static-8);
  --spacing-large: var(--dimension-spacing-static-12);
  --spacing-x-large: var(--dimension-spacing-static-20);
  --spacing-2x-large: var(--dimension-spacing-static-28);
  --input-checkbox-color-description: var(--color-text-primary-contrast-min);
  --input-checkbox-color-label: var(--color-text-primary);
  --input-checkbox-color-text-error: var(--color-text-error);
  --input-checkbox-input-size: var(--typography-20-size);
  --input-checkbox-spacing-label-inline: var(--dimension-spacing-static-2);
  --input-checkbox-default-border-width: var(--border-width-static-1);
  --input-checkbox-default-color-surface: var(--color-zydeco-blue-50);
  --input-checkbox-default-color-border: var(--color-grey-800);
  --input-checkbox-default-corner-radius: var(--radii-0-5);
  --input-text-color-description: var(--color-text-primary);
  --input-text-color-label: var(--color-text-brand-primary);
  --input-text-color-text-error: var(--color-text-error);
  --input-text-label-width-sidebyside: 150px;
  --input-text-shadow-inner-pos-x: 0px;
  --input-text-shadow-inner-pos-y: 2px;
  --input-text-shadow-inner-blur: 0px;
  --input-text-shadow-inner-spread: 0px;
  --input-text-shadow-outer-focus-pos-y: 2px;
  --input-text-shadow-inner-color: var(--color-inner-shadow-medium);
  --input-text-spacing-label-inline: var(--dimension-spacing-static-2);
  --input-text-spacing-label-stacked: var(--dimension-spacing-static-1);
  --input-text-spacing-text-supplement: var(--dimension-spacing-static-1);
  --input-text-default-border-width-top: var(--border-width-static-0-5);
  --input-text-default-border-width-right: var(--border-width-static-0-5);
  --input-text-default-border-width-bottom: var(--border-width-static-0-5);
  --input-text-default-border-width-left: var(--border-width-static-0-5);
  --input-text-default-color-surface: var(--color-zydeco-blue-50);
  --input-text-default-color-border: var(--color-grey-500);
  --input-text-default-color-placeholder: var(--color-grey-900);
  --input-text-default-color-text: var(--color-text-primary);
  --input-text-default-corner-radius: var(--radii-2);
  --input-text-default-padding-top: var(--dimension-spacing-static-1-5);
  --input-text-default-padding-right: var(--dimension-spacing-static-2);
  --input-text-default-padding-bottom: var(--dimension-spacing-static-1-5);
  --input-text-default-padding-left: var(--dimension-spacing-static-2);
  --input-text-focus-border-width-top: var(--border-width-static-0-5);
  --input-text-focus-border-width-right: var(--border-width-static-0-5);
  --input-text-focus-border-width-bottom: var(--border-width-static-0-5);
  --input-text-focus-border-width-left: var(--border-width-static-0-5);
  --input-text-focus-color-border: var(--color-zydeco-blue-500);
  --input-text-focus-color-surface: var(--color-zydeco-blue-50);
  --input-text-focus-color-placeholder: var(--color-grey-900);
  --input-text-focus-color-text: var(--color-text-primary);
  --input-text-focus-corner-radius: var(--radii-2);
  --input-text-focus-padding-top: var(--dimension-spacing-static-1-5);
  --input-text-focus-padding-right: var(--dimension-spacing-static-2);
  --input-text-focus-padding-bottom: var(--dimension-spacing-static-1-5);
  --input-text-focus-padding-left: var(--dimension-spacing-static-2);
  --input-text-disabled-border-width-top: var(--border-width-static-0-5);
  --input-text-disabled-border-width-right: var(--border-width-static-0-5);
  --input-text-disabled-border-width-bottom: var(--border-width-static-0-5);
  --input-text-disabled-border-width-left: var(--border-width-static-0-5);
  --input-text-disabled-color-border: var(--color-grey-400);
  --input-text-disabled-color-surface: var(--color-grey-50);
  --input-text-disabled-color-placeholder: var(--color-grey-600);
  --input-text-disabled-color-text: var(--color-grey-700);
  --input-text-disabled-corner-radius: var(--radii-2);
  --input-text-disabled-padding-top: var(--dimension-spacing-static-1-5);
  --input-text-disabled-padding-right: var(--dimension-spacing-static-2);
  --input-text-disabled-padding-bottom: var(--dimension-spacing-static-1-5);
  --input-text-disabled-padding-left: var(--dimension-spacing-static-2);
  --input-text-error-border-width-top: var(--border-width-static-0-5);
  --input-text-error-border-width-right: var(--border-width-static-0-5);
  --input-text-error-border-width-bottom: var(--border-width-static-0-5);
  --input-text-error-border-width-left: var(--border-width-static-0-5);
  --input-text-error-color-surface: var(--color-surface-error);
  --input-text-error-color-border: var(--color-border-error);
  --input-text-error-color-placeholder: var(--color-grey-900);
  --input-text-error-color-text: var(--color-text-primary);
  --input-text-error-corner-radius: var(--radii-2);
  --input-text-error-padding-top: var(--dimension-spacing-static-1-5);
  --input-text-error-padding-right: var(--dimension-spacing-static-2);
  --input-text-error-padding-bottom: var(--dimension-spacing-static-1-5);
  --input-text-error-padding-left: var(--dimension-spacing-static-2);
  --input-text-errorfocus-border-width-top: var(--border-width-static-0-5);
  --input-text-errorfocus-border-width-right: var(--border-width-static-0-5);
  --input-text-errorfocus-border-width-bottom: var(--border-width-static-0-5);
  --input-text-errorfocus-border-width-left: var(--border-width-static-0-5);
  --input-text-errorfocus-color-surface: var(--color-surface-error);
  --input-text-errorfocus-color-border: var(--color-ruby-700);
  --input-text-errorfocus-color-placeholder: var(--color-grey-900);
  --input-text-errorfocus-color-text: var(--color-text-primary);
  --input-text-errorfocus-corner-radius: var(--radii-2);
  --input-text-errorfocus-padding-top: var(--dimension-spacing-static-1-5);
  --input-text-errorfocus-padding-right: var(--dimension-spacing-static-2);
  --input-text-errorfocus-padding-bottom: var(--dimension-spacing-static-1-5);
  --input-text-errorfocus-padding-left: var(--dimension-spacing-static-2);
  --button-default-corner-radius: var(--radii-2);
  --button-default-padding-top: var(--dimension-spacing-static-1-5);
  --button-default-padding-right: var(--dimension-spacing-static-2);
  --button-default-padding-bottom: var(--dimension-spacing-static-1-5);
  --button-default-padding-left: var(--dimension-spacing-static-2);
  --button-default-color-surface: var(--color-surface-brand-primary);
  --button-default-color-surface-focus: var(--color-surface-brand-primary-focus);
  --button-default-color-surface-hover: var(--color-surface-brand-primary-hover);
  --button-default-color-surface-active: var(--color-surface-brand-primary-active);
  --button-default-color-text: var(--color-text-reverse);
}