:root {
  --color1: #00b2a9;
  --color2: #262626;
  --color3: #252946;
  --color8: #3c3c3c;
  --color5: #d3d2d2;
  --color4: #e1e1e1;
  --color6: #f3f3f3;
  --colorerror: #f03486;
  --colorerrorlight: #fde9f1;

  /* --Colours-Brand-unilogo-vibrant-1: #04e8dc;
  --Colours-Brand-unilogo-vibrant-2: #0ad4ca;
  --Colours-Brand-unilogo-light: #66d1cb;
  --Colours-Brand-unilogo-reg: #cef2f0;
  --Colours-Brand-unilogo-darkest: #006661;
  --Colours-Brand-Navy-Blue-vibrant-1: #657ae8;
  --Colours-Brand-Navy-Blue-darker: #1a2d52;
  --Colours-Brand-gray-neutral-darkest: #262626;
  --Colours-Brand-gray-neutral-almost-white: #f2f2f2;
  --Colours-Brand-purple-neon-1: #b468fb;
  --Text-Colours-body-body: #5d5d5d;
  --gradient-opaque-unilogo-ligh-white: #e2f9f7;
  --Colours-Text-headlines-on-white: #404040;
  --Colours-Text-body-on-white: #666; */

  --colours-brand-pures-id-unilogo-pure: var(--colours-brand-unilogo-reg);
  --colours-brand-pures-id-purple-pure: var(--colours-brand-purple-darker);
  --colours-brand-pures-id-blue-pure: var(--colours-brand-navy-blue-reg);
  --colours-brand-pures-id-navy-pure: var(--colours-brand-navy-blue-darker);
  --colours-system-error-reg: var(--p-colours-id_shades-pink-saturated);
  --colours-system-confirmation-reg: var(--p-colours-system-confirmation-500);
  --spacing-odds-s-1: var(--p-numeric-scales-odds-1);
  --spacing-odds-s-3: var(--p-numeric-scales-odds-3);
  --spacing-odds-s-5: var(--p-numeric-scales-odds-5);
  --spacing-odds-s-7: var(--p-numeric-scales-odds-7);
  --spacing-odds-s-9: var(--p-numeric-scales-odds-9);
  --spacing-odds-s-11: var(--p-numeric-scales-odds-11);
  --spacing-odds-s-15: var(--p-numeric-scales-odds-15);
  --spacing-evens-s-24: var(--p-numeric-scales-2-s-24);
  --spacing-evens-s-16: var(--p-numeric-scales-2-s-16);
  --spacing-evens-s-32: var(--p-numeric-scales-2-s-32);
  --spacing-evens-s-48: var(--p-numeric-scales-2-s-48);
  --spacing-evens-s-64: var(--p-numeric-scales-2-s-64);
  --spacing-evens-s-72: var(--p-numeric-scales-2-s-72);
  --radious-medium: var(--p-numeric-scales-2-s-20);
  --radious-large: var(--p-numeric-scales-2-s-32);
  --radious-extra-large: var(--p-numeric-scales-2-s-60);
  --radious-full: var(--p-numeric-scales-2-s-full);
  --colours-system-error-subtle: var(--p-colours-id_shades-pink-50);
  --colours-system-error-light: var(--p-colours-id_shades-pink-300);
  --colours-system-error-dark: var(--p-colours-id_shades-pink-600);
  --colours-system-error-darkest: var(--p-colours-id_shades-pink-700);
  --colours-system-confirmation-subtle: var(--p-colours-system-confirmation-50);
  --colours-system-confirmation-light: var(--p-colours-system-confirmation-100);
  --colours-system-confirmation-dark: var(--p-colours-system-confirmation-700);
  --colours-system-confirmation-darkest: var(--p-colours-system-confirmation-900);
  --colours-brand-unilogo-subtle: #cef2f0;
  --colours-brand-unilogo-light: #66d1cb;
  --colours-brand-unilogo-reg: #00b2a9;
  --colours-brand-unilogo-darker: #008079;
  --colours-brand-unilogo-darkest: #006661;
  --colours-brand-purple-almost-white: #f1eaf7;
  --colours-brand-purple-light: #aa84cd;
  --colours-brand-purple-reg: #8d5bbd;
  --colours-brand-purple-dark: #7241a1;
  --colours-brand-purple-darkest: #3a155d;
  --colours-brand-navy-blue-subtle: #d6d9f3;
  --colours-brand-navy-blue-light: #9da4ce;
  --colours-brand-navy-blue-reg: #5c67ae;
  --colours-brand-navy-blue-dark: #374381;
  --colours-brand-navy-blue-darkest: #0e1c36;
  --colours-brand-unilogo-neon-1: #23fff8;
  --colours-brand-purple-neon-1: #b468fb;
  --colours-brand-navy-blue-neon-1: #5983ff;
  --colours-brand-unilogo-vibrant-1: #04e8dc;
  --colours-brand-purple-vibrant-1: #9551d8;
  --colours-brand-navy-blue-vibrant-1: #657ae8;
  --colours-brand-unilogo-lighter: #b2e8e5;
  --colours-brand-purple-lighter: #c6adde;
  --colours-brand-navy-blue-lighter: #bec2df;
  --borders-colours-light: var(--colours-brand-gray-neutral-subtle);
  --borders-colours-reg: var(--colours-brand-gray-neutral-lighter);
  --borders-colours-dark: var(--colours-brand-gray-neutral-reg);
  --borders-colours-selected-100: var(--colours-brand-unilogo-neon-1);
  --radious-small: var(--p-numeric-scales-2-s-16);
  --colours-brand-gray-neutral-white: #ffffff;
  --colours-brand-gray-neutral-almost-white: #f2f2f2;
  --colours-brand-gray-neutral-subtle: #e1e1e1;
  --colours-brand-gray-neutral-lighter: #d3d2d2;
  --colours-brand-gray-neutral-reg: #8a8a8a;
  --colours-brand-gray-neutral-dark: #666666;
  --colours-brand-gray-neutral-darker: #404040;
  --colours-brand-gray-neutral-darkest: #262626;
  --colours-brand-gray-neutral-black: #000000;
  --grids-desktop-margin: 64px;
  --grids-desktop-margin-rem: 4rem;
  --grids-desktop-gutter: 32px;
  --grids-desktop-gutter-rem: 2rem;
  --spacing-evens-s-80: var(--p-numeric-scales-2-s-80);
  --grids-mobile-margin-right: 34px;
  --grids-mobile-margin-right-rem: 2.125rem;
  --grids-mobile-gutter: 16px;
  --grids-mobile-gutter-rem: 1rem;
  --grids-mobile-col-number: 2px;
  --grids-mobile-col-number-rem: 0.125rem;
  --colours-brand-unilogo-neon-2: #20e7e1;
  --spacing-evens-s-96: var(--p-numeric-scales-2-s-96);
  --spacing-evens-s-120: var(--p-numeric-scales-2-s-120);
  --spacing-evens-s-160: var(--p-numeric-scales-2-s-160);
  --spacing-evens-s-8: var(--p-numeric-scales-2-s-8);
  --spacing-evens-s-6: var(--p-numeric-scales-2-s-6);
  --spacing-evens-s-4: var(--p-numeric-scales-2-s-4);
  --spacing-evens-s-2: var(--p-numeric-scales-2-s-2);
  --spacing-evens-s-200: var(--p-numeric-scales-2-s-200);
  --spacing-evens-s-0: var(--p-numeric-scales-2-s-0);
  --spacing-odds-s-19: var(--p-numeric-scales-odds-19);
  --spacing-odds-s-21: var(--p-numeric-scales-odds-21);
  --spacing-odds-s-23: var(--p-numeric-scales-odds-23);
  --spacing-odds-s-25: var(--p-numeric-scales-odds-25);
  --grids-desktop-full: 1440px;
  --grids-desktop-full-rem: 90rem;
  --grids-mobile-full: 375px;
  --grids-mobile-full-rem: 23.4375rem;
  --grids-mobile-content: var(--grids-mobile-col-widths-2-col);
  --grids-mobile-margin-left: 33px;
  --grids-mobile-margin-left-rem: 2.0625rem;
  --spacing-evens-s-12: var(--p-numeric-scales-2-s-12);
  --colours-brand-pures-id-unlogo-gray: var(--colours-brand-gray-neutral-darker);
  --spacing-evens-s-40: var(--p-numeric-scales-2-s-40);
  --grids-desktop-col-number: 12px;
  --grids-desktop-col-number-rem: 0.75rem;
  --radious-tiny: var(--p-numeric-scales-2-s-4);
  --colours-brand-unilogo-dark: #009991;
  --borders-colours-white: var(--colours-brand-gray-neutral-white);
  --colours-brand-unilogo-almost-white: #e2f9f7;
  --colours-brand-purple-subtle: #dccbed;
  --colours-brand-purple-darker: #5a288a;
  --colours-brand-purple-neon-2: #a444ff;
  --colours-brand-gray-neutral-light: #b6b6b6;
  --colours-brand-navy-blue-almost-white: #e7e9f7;
  --colours-brand-navy-blue-darker: #1a2d52;
  --colours-brand-navy-blue-neon-2: #4d5aee;
  --colours-brand-unilogo-vibrant-2: #0ad4ca;
  --colours-brand-purple-vibrant-2: #862fd9;
  --colours-brand-navy-blue-vibrant-2: #5257cb;
  --radious-extra-small: var(--p-numeric-scales-2-s-6);
  --borders-sizes-small: var(--spacing-evens-s-2);
  --borders-sizes-medium: var(--spacing-odds-s-3);
  --borders-sizes-large: var(--spacing-evens-s-4);
  --borders-sizes-extra-large: var(--spacing-evens-s-8);
  --borders-sizes-extra-small: var(--spacing-odds-s-1);
  --spacing-evens-s-56: var(--p-numeric-scales-2-s-56);
  --spacing-odds-s-13: var(--p-numeric-scales-odds-13);
  --spacing-odds-s-17: var(--p-numeric-scales-odds-17);
  --alphas-a-10: 10px;
  --alphas-a-10-rem: 0.625rem;
  --alphas-a-30: 30px;
  --alphas-a-30-rem: 1.875rem;
  --alphas-a-50: 50px;
  --alphas-a-50-rem: 3.125rem;
  --alphas-a-60: 60px;
  --alphas-a-60-rem: 3.75rem;
  --alphas-a-0: 0px;
  --alphas-a-0-rem: 0rem;
  --alphas-a-80: 80px;
  --alphas-a-80-rem: 5rem;
  --alphas-a-90: 90px;
  --alphas-a-90-rem: 5.625rem;
  --alphas-a-100: 100;
  --alphas-a-70: 90px;
  --alphas-a-70-rem: 5.625rem;
  --alphas-a-40: 40px;
  --alphas-a-40-rem: 2.5rem;
  --alphas-a-15: 15px;
  --alphas-a-15-rem: 0.9375rem;
  --alphas-a-20: 20px;
  --alphas-a-20-rem: 1.25rem;
  --borders-colours-selected-80: var(--colours-brand-unilogo-neon-0);
  --colours-brand-unilogo-neon-0: #65fffa;
  --grids-desktop-col-widths-1-col: 80px;
  --grids-desktop-col-widths-1-col-rem: 5rem;
  --grids-desktop-col-widths-2-col: 192px;
  --grids-desktop-col-widths-2-col-rem: 12rem;
  --grids-desktop-col-widths-3-col: 304px;
  --grids-desktop-col-widths-3-col-rem: 19rem;
  --grids-desktop-col-widths-4-col: 416px;
  --grids-desktop-col-widths-4-col-rem: 26rem;
  --grids-desktop-col-widths-6-col: 640px;
  --grids-desktop-col-widths-6-col-rem: 40rem;
  --grids-desktop-col-widths-5-col: 528px;
  --grids-desktop-col-widths-5-col-rem: 33rem;
  --grids-desktop-col-widths-12-col: 1280px;
  --grids-desktop-col-widths-12-col-rem: 80rem;
  --grids-desktop-col-widths-8-col: 864px;
  --grids-desktop-col-widths-8-col-rem: 54rem;
  --grids-desktop-col-widths-10-col: 1024px;
  --grids-desktop-col-widths-10-col-rem: 64rem;
  --grids-desktop-col-widths-7-col: 752px;
  --grids-desktop-col-widths-7-col-rem: 47rem;
  --grids-desktop-col-widths-9-col: 976px;
  --grids-desktop-col-widths-9-col-rem: 61rem;
  --grids-desktop-col-widths-11-col: 1200px;
  --grids-desktop-col-widths-11-col-rem: 75rem;
  --grids-desktop-content: 1280px;
  --grids-desktop-content-rem: 80rem;
  --grids-desktop-margin: 176px;
  --grids-desktop-margin-rem: 11rem;
  --grids-mobile-col-widths-1-col: 146px;
  --grids-mobile-col-widths-1-col-rem: 9.125rem;
  --grids-mobile-col-widths-2-col: 308px;
  --grids-mobile-col-widths-2-col-rem: 19.25rem;
  --grids-mobile-margin-right: 64px;
  --grids-mobile-margin-right-rem: 4rem;
  --grids-mobile-margin-left: 103px;
  --grids-mobile-margin-left-rem: 6.4375rem;
  --grids-tablet-margin: 32px;
  --grids-tablet-margin-rem: 2rem;
  --grids-tablet-margin: 92px;
  --grids-tablet-margin-rem: 5.75rem;
  --grids-tablet-gutter: 16px;
  --grids-tablet-gutter-rem: 1rem;
  --grids-tablet-full: 768px;
  --grids-tablet-full-rem: 48rem;
  --grids-tablet-content: 704px;
  --grids-tablet-content-rem: 44rem;
  --grids-tablet-col-number: 12px;
  --grids-tablet-col-number-rem: 0.75rem;
  --grids-tablet-col-widths-1-col: 44px;
  --grids-tablet-col-widths-1-col-rem: 2.75rem;
  --grids-tablet-col-widths-2-col: 104px;
  --grids-tablet-col-widths-2-col-rem: 6.5rem;
  --grids-tablet-col-widths-3-col: 104px;
  --grids-tablet-col-widths-3-col-rem: 6.5rem;
  --typography-font-size-desktop-body-body-regular: 16px;
  --typography-font-size-desktop-body-body-regular-rem: 1rem;
  --typography-font-size-desktop-body-body-small: 14px;
  --typography-font-size-desktop-body-body-small-rem: 0.875rem;
  --typography-font-size-desktop-body-body-tiny: 12px;
  --typography-font-size-desktop-body-body-tiny-rem: 0.75rem;
  --typography-font-size-desktop-headings-display-1: 72px;
  --typography-font-size-desktop-headings-display-1-rem: 4.5rem;
  --typography-font-size-desktop-headings-h-1: 56px;
  --typography-font-size-desktop-headings-h-1-rem: 3.5rem;
  --typography-font-size-desktop-headings-h-2: 46px;
  --typography-font-size-desktop-headings-h-2-rem: 2.875rem;
  --typography-font-size-desktop-headings-h-3: 36px;
  --typography-font-size-desktop-headings-h-3-rem: 2.25rem;
  --typography-font-size-desktop-headings-h-4: 24px;
  --typography-font-size-desktop-headings-h-4-rem: 1.5rem;
  --typography-font-size-desktop-headings-h-5: 20px;
  --typography-font-size-desktop-headings-h-5-rem: 1.25rem;
  --typography-letter-spacing-displays: -1px;
  --typography-letter-spacing-displays-rem: -0.0625rem;
  --typography-letter-spacing-headings: -0.8px;
  --typography-letter-spacing-headings-rem: -0.05rem;
  --typography-letter-spacing-leads: -0.5px;
  --typography-letter-spacing-leads-rem: -0.0312rem;
  --typography-letter-spacing-body: -0.2px;
  --typography-letter-spacing-body-rem: -0.0125rem;
  --typography-letter-spacing-all-caps: 0.6px;
  --typography-letter-spacing-all-caps-rem: 0.0375rem;
  --typography-font-size-tablet-display-1: 48px;
  --typography-font-size-tablet-display-1-rem: 3rem;
  --typography-font-size-tablet-h-1: 36px;
  --typography-font-size-tablet-h-1-rem: 2.25rem;
  --typography-font-size-tablet-h-2: 32px;
  --typography-font-size-tablet-h-2-rem: 2rem;
  --typography-font-size-tablet-h-3: 28px;
  --typography-font-size-tablet-h-3-rem: 1.75rem;
  --typography-font-size-tablet-h-4: 24px;
  --typography-font-size-tablet-h-4-rem: 1.5rem;
  --typography-font-size-tablet-h-5: 20px;
  --typography-font-size-tablet-h-5-rem: 1.25rem;
  --typography-font-size-tablet-body-regular: 16px;
  --typography-font-size-tablet-body-regular-rem: 1rem;
  --typography-font-size-tablet-body-small: 14px;
  --typography-font-size-tablet-body-small-rem: 0.875rem;
  --typography-font-size-tablet-body-tiny: 12px;
  --typography-font-size-tablet-body-tiny-rem: 0.75rem;
  --typography-font-size-mobile-display-1: 72px;
  --typography-font-size-mobile-display-1-rem: 4.5rem;
  --typography-font-size-mobile-h-1: 56px;
  --typography-font-size-mobile-h-1-rem: 3.5rem;
  --typography-font-size-mobile-h-2: 46px;
  --typography-font-size-mobile-h-2-rem: 2.875rem;
  --typography-font-size-mobile-h-3: 36px;
  --typography-font-size-mobile-h-3-rem: 2.25rem;
  --typography-font-size-mobile-h-4: 24px;
  --typography-font-size-mobile-h-4-rem: 1.5rem;
  --typography-font-size-mobile-h-5: 20px;
  --typography-font-size-mobile-h-5-rem: 1.25rem;
  --typography-font-size-mobile-body-regular: 16px;
  --typography-font-size-mobile-body-regular-rem: 1rem;
  --typography-font-size-mobile-body-small: 14px;
  --typography-font-size-mobile-body-small-rem: 0.875rem;
  --typography-font-size-mobile-body-tiny: 12px;
  --typography-font-size-mobile-body-tiny-rem: 0.75rem;
  --typography-font-size-desktop-leads-lead-big: 24px;
  --typography-font-size-desktop-leads-lead-big-rem: 1.5rem;
  --typography-font-size-desktop-leads-lead-small: 20px;
  --typography-font-size-desktop-leads-lead-small-rem: 1.25rem;
  --typography-font-size-tablet-lead-big: 20px;
  --typography-font-size-tablet-lead-big-rem: 1.25rem;
  --typography-font-size-tablet-lead-small: 18px;
  --typography-font-size-tablet-lead-small-rem: 1.125rem;
  --typography-font-size-mobile-lead-big: 18px;
  --typography-font-size-mobile-lead-big-rem: 1.125rem;
  --typography-font-size-mobile-lead-small: 16px;
  --typography-font-size-mobile-lead-small-rem: 1rem;
  --typography-letter-spacing-button-label: 0.2px;
  --typography-letter-spacing-button-label-rem: 0.0125rem;
  --colours-text-body-on-white: var(--colours-brand-gray-neutral-dark);
  --colours-text-headlines-on-white: var(--colours-brand-gray-neutral-darker);
  --colours-text-headlines-unilogo-regular: var(--colours-brand-unilogo-reg);
  --colours-text-headlines-unilogo-dark: var(--colours-brand-unilogo-dark);
  --colours-text-headlines-on-dark: var(--colours-brand-gray-neutral-white);
  --colours-text-headlines-navy: var(--colours-brand-navy-blue-darker);
  --colours-text-body-light: var(--colours-brand-gray-neutral-light);
  --colours-text-body-on-dark: var(--colours-brand-gray-neutral-white);
  --colours-text-body-on-white-2: var(--colours-brand-gray-neutral-darker);
}

.has-color-1-color {
  color: #00b2a9;
}
.has-colours-brand-unilogo-vibrant-1-color {
  color: #04e8dc;
}
.has-colours-brand-unilogo-vibrant-2-color {
  color: #0ad4ca;
}
.has-colours-brand-unilogo-light-color {
  color: #66d1cb;
}
.has-colours-brand-unilogo-reg-color {
  color: #cef2f0;
}
.has-colours-brand-unilogo-darkest-color {
  color: #006661;
}
.has-colours-brand-navy-blue-vibrant-1-color {
  color: #657ae8;
}
.has-colours-brand-navy-blue-darker-color {
  color: #1a2d52;
}
.has-color-2-color {
  color: #262626;
}
.has-colours-brand-gray-neutral-darkest-color {
  color: #262626;
}
.has-color-3-color {
  color: #252946;
}
.has-color-8-color {
  color: #3c3c3c;
}
.has-color-5-color {
  color: #d3d2d2;
}
.has-color-4-color {
  color: #e1e1e1;
}
.has-colours-brand-gray-neutral-almost-white-color {
  color: #f2f2f2;
}
.has-color-6-color {
  color: #f3f3f3;
}
.has-colorerror-color {
  color: #f03486;
}
.has-colorerrorlight-color {
  color: #fde9f1;
}
.has-colours-brand-purple-neon-1-color {
  color: #b468fb;
}
.has-text-colours-body-body-color {
  color: #5d5d5d;
}
.has-gradient-opaque-unilogo-ligh-white-color {
  color: #e2f9f7;
}
.has-colours-text-headlines-on-white-color {
  color: #404040;
}
.has-colours-text-body-on-white-color {
  color: #666;
}
.has-color-1-background-color {
  background-color: #00b2a9;
}
.has-colours-brand-unilogo-vibrant-1-background-color {
  background-color: #04e8dc;
}
.has-colours-brand-unilogo-vibrant-2-background-color {
  background-color: #0ad4ca;
}
.has-colours-brand-unilogo-light-background-color {
  background-color: #66d1cb;
}
.has-colours-brand-unilogo-reg-background-color {
  background-color: #cef2f0;
}
.has-colours-brand-unilogo-darkest-background-color {
  background-color: #006661;
}
.has-colours-brand-navy-blue-vibrant-1-background-color {
  background-color: #657ae8;
}
.has-colours-brand-navy-blue-darker-background-color {
  background-color: #1a2d52;
}
.has-color-2-background-color {
  background-color: #262626;
}
.has-colours-brand-gray-neutral-darkest-background-color {
  background-color: #262626;
}
.has-color-3-background-color {
  background-color: #252946;
}
.has-color-8-background-color {
  background-color: #3c3c3c;
}
.has-color-5-background-color {
  background-color: #d3d2d2;
}
.has-color-4-background-color {
  background-color: #e1e1e1;
}
.has-colours-brand-gray-neutral-almost-white-background-color {
  background-color: #f2f2f2;
}
.has-color-6-background-color {
  background-color: #f3f3f3;
}
.has-colorerror-background-color {
  background-color: #f03486;
}
.has-colorerrorlight-background-color {
  background-color: #fde9f1;
}
.has-colours-brand-purple-neon-1-background-color {
  background-color: #b468fb;
}
.has-text-colours-body-body-background-color {
  background-color: #5d5d5d;
}
.has-gradient-opaque-unilogo-ligh-white-background-color {
  background-color: #e2f9f7;
}
.has-colours-text-headlines-on-white-background-color {
  background-color: #404040;
}
.has-colours-text-body-on-white-background-color {
  background-color: #666;
}