/*------------------------------------*\
  Important! 
  Everytime you need to add a color in this file, remember to 
  add it also into its config.json file in:
  src/pattern-library/01-design-tokens/colors/colors.config.json
\*------------------------------------*/
:root {
  --primary-5: 249, 251, 255;
  --primary-10: 225, 233, 255;
  --primary-20: 201, 215, 255;
  --primary-40: 149, 167, 215;
  --primary-60: 98, 116, 164;
  --primary-80: 56, 72, 113;
  --primary-100: 25, 35, 62;
  --primary-120: 15, 21, 36;
  --secondary-5: 251, 244, 247;
  --secondary-10: 243, 223, 231;
  --secondary-20: 230, 190, 207;
  --secondary-40: 219, 152, 184;
  --secondary-60: 206, 126, 159;
  --secondary-80: 193, 93, 135;
  --secondary-100: 172, 60, 114;
  --secondary-120: 90, 20, 54;
  --accent-40: 255, 246, 231;
  --accent-60: 255, 219, 160;
  --accent-80: 255, 192, 88;
  --accent-100: 252, 163, 17;
  --accent-110: 133, 83, 2;
  --accent-120: 96, 60, 1;
  --grey-5: 246, 247, 248;
  --grey-10: 234, 239, 245;
  --grey-20: 222, 231, 243;
  --grey-40: 184, 195, 209;
  --grey-60: 148, 160, 175;
  --grey-80: 115, 127, 141;
  --grey-100: 84, 94, 107;
  --error-color-40: 254, 213, 205;
  --error-color-60: 252, 171, 155;
  --error-color-80: 251, 129, 106;
  --error-color-100: 249, 87, 56;
  --error-color-110: 204, 55, 26;
  --error-color-120: 171, 31, 4;
  --success-color-40: 223, 235, 218;
  --success-color-60: 191, 216, 180;
  --success-color-80: 159, 196, 143;
  --success-color-100: 127, 176, 105;
  --success-color-110: 74, 110, 58;
  --success-color-120: 58, 80, 42;
  --white: 255, 255, 255;
  --black: 28, 33, 39;
  --background-1-color: 255, 252, 252;
  --background-2-color: 241, 241, 241;
  --linkedin-color:  14, 118, 168; }

/* offset-x | offset-y | blur-radius | spread-radius | color */
/*------------------------------------*
  COLORS
*------------------------------------*/
/*------------------------------------*
  SPACINGS
*------------------------------------*/
/*------------------------------------*
  ELEVATIONS
*------------------------------------*/
/*------------------------------------*
  Text colors
*------------------------------------*/
.u-color-primary-5 {
  color: RGB(var(--primary-5)); }

.u-color-primary-10 {
  color: RGB(var(--primary-10)); }

.u-color-primary-20 {
  color: RGB(var(--primary-20)); }

.u-color-primary-40 {
  color: RGB(var(--primary-40)); }

.u-color-primary-60 {
  color: RGB(var(--primary-60)); }

.u-color-primary-80 {
  color: RGB(var(--primary-80)); }

.u-color-primary-100 {
  color: RGB(var(--primary-100)); }

.u-color-primary-120 {
  color: RGB(var(--primary-120)); }

.u-color-secondary-5 {
  color: RGB(var(--secondary-5)); }

.u-color-secondary-10 {
  color: RGB(var(--secondary-10)); }

.u-color-secondary-20 {
  color: RGB(var(--secondary-20)); }

.u-color-secondary-40 {
  color: RGB(var(--secondary-40)); }

.u-color-secondary-60 {
  color: RGB(var(--secondary-60)); }

.u-color-secondary-80 {
  color: RGB(var(--secondary-80)); }

.u-color-secondary-100 {
  color: RGB(var(--secondary-100)); }

.u-color-secondary-120 {
  color: RGB(var(--secondary-120)); }

.u-color-accent-40 {
  color: RGB(var(--accent-40)); }

.u-color-accent-60 {
  color: RGB(var(--accent-60)); }

.u-color-accent-80 {
  color: RGB(var(--accent-80)); }

.u-color-accent-100 {
  color: RGB(var(--accent-100)); }

.u-color-accent-120 {
  color: RGB(var(--accent-120)); }

.u-color-grey-5 {
  color: RGB(var(--grey-5)); }

.u-color-grey-10 {
  color: RGB(var(--grey-10)); }

.u-color-grey-20 {
  color: RGB(var(--grey-20)); }

.u-color-grey-40 {
  color: RGB(var(--grey-40)); }

.u-color-grey-60 {
  color: RGB(var(--grey-60)); }

.u-color-grey-80 {
  color: RGB(var(--grey-80)); }

.u-color-grey-100 {
  color: RGB(var(--grey-100)); }

.u-color-error-color-40 {
  color: RGB(var(--error-color-40)); }

.u-color-error-color-60 {
  color: RGB(var(--error-color-60)); }

.u-color-error-color-80 {
  color: RGB(var(--error-color-80)); }

.u-color-error-color-100 {
  color: RGB(var(--error-color-100)); }

.u-color-error-color-110 {
  color: RGB(var(--error-color-110)); }

.u-color-error-color-120 {
  color: RGB(var(--error-color-120)); }

.u-color-success-color-40 {
  color: RGB(var(--success-color-40)); }

.u-color-success-color-60 {
  color: RGB(var(--success-color-60)); }

.u-color-success-color-80 {
  color: RGB(var(--success-color-80)); }

.u-color-success-color-100 {
  color: RGB(var(--success-color-100)); }

.u-color-success-color-110 {
  color: RGB(var(--success-color-110)); }

.u-color-success-color-120 {
  color: RGB(var(--success-color-120)); }

.u-color-white {
  color: RGB(var(--white)); }

.u-color-black {
  color: RGB(var(--black)); }

.u-color-background-1-color {
  color: RGB(var(--background-1-color)); }

.u-color-background-2-color {
  color: RGB(var(--background-2-color)); }

.u-color-linkedin-color {
  color: RGB(var(--linkedin-color)); }

/*------------------------------------*
  Background colors
*------------------------------------*/
.u-bg-color-primary-5 {
  background-color: RGB(var(--primary-5)); }

.u-bg-color-primary-10 {
  background-color: RGB(var(--primary-10)); }

.u-bg-color-primary-20 {
  background-color: RGB(var(--primary-20)); }

.u-bg-color-primary-40 {
  background-color: RGB(var(--primary-40)); }

.u-bg-color-primary-60 {
  background-color: RGB(var(--primary-60)); }

.u-bg-color-primary-80 {
  background-color: RGB(var(--primary-80)); }

.u-bg-color-primary-100 {
  background-color: RGB(var(--primary-100)); }

.u-bg-color-primary-120 {
  background-color: RGB(var(--primary-120)); }

.u-bg-color-secondary-5 {
  background-color: RGB(var(--secondary-5)); }

.u-bg-color-secondary-10 {
  background-color: RGB(var(--secondary-10)); }

.u-bg-color-secondary-20 {
  background-color: RGB(var(--secondary-20)); }

.u-bg-color-secondary-40 {
  background-color: RGB(var(--secondary-40)); }

.u-bg-color-secondary-60 {
  background-color: RGB(var(--secondary-60)); }

.u-bg-color-secondary-80 {
  background-color: RGB(var(--secondary-80)); }

.u-bg-color-secondary-100 {
  background-color: RGB(var(--secondary-100)); }

.u-bg-color-secondary-120 {
  background-color: RGB(var(--secondary-120)); }

.u-bg-color-accent-40 {
  background-color: RGB(var(--accent-40)); }

.u-bg-color-accent-60 {
  background-color: RGB(var(--accent-60)); }

.u-bg-color-accent-80 {
  background-color: RGB(var(--accent-80)); }

.u-bg-color-accent-100 {
  background-color: RGB(var(--accent-100)); }

.u-bg-color-accent-120 {
  background-color: RGB(var(--accent-120)); }

.u-bg-color-grey-5 {
  background-color: RGB(var(--grey-5)); }

.u-bg-color-grey-10 {
  background-color: RGB(var(--grey-10)); }

.u-bg-color-grey-20 {
  background-color: RGB(var(--grey-20)); }

.u-bg-color-grey-40 {
  background-color: RGB(var(--grey-40)); }

.u-bg-color-grey-60 {
  background-color: RGB(var(--grey-60)); }

.u-bg-color-grey-80 {
  background-color: RGB(var(--grey-80)); }

.u-bg-color-grey-100 {
  background-color: RGB(var(--grey-100)); }

.u-bg-color-error-color-40 {
  background-color: RGB(var(--error-color-40)); }

.u-bg-color-error-color-60 {
  background-color: RGB(var(--error-color-60)); }

.u-bg-color-error-color-80 {
  background-color: RGB(var(--error-color-80)); }

.u-bg-color-error-color-100 {
  background-color: RGB(var(--error-color-100)); }

.u-bg-color-error-color-110 {
  background-color: RGB(var(--error-color-110)); }

.u-bg-color-error-color-120 {
  background-color: RGB(var(--error-color-120)); }

.u-bg-color-success-color-40 {
  background-color: RGB(var(--success-color-40)); }

.u-bg-color-success-color-60 {
  background-color: RGB(var(--success-color-60)); }

.u-bg-color-success-color-80 {
  background-color: RGB(var(--success-color-80)); }

.u-bg-color-success-color-100 {
  background-color: RGB(var(--success-color-100)); }

.u-bg-color-success-color-110 {
  background-color: RGB(var(--success-color-110)); }

.u-bg-color-success-color-120 {
  background-color: RGB(var(--success-color-120)); }

.u-bg-color-white {
  background-color: RGB(var(--white)); }

.u-bg-color-black {
  background-color: RGB(var(--black)); }

.u-bg-color-background-1-color {
  background-color: RGB(var(--background-1-color)); }

.u-bg-color-background-2-color {
  background-color: RGB(var(--background-2-color)); }

.u-bg-color-linkedin-color {
  background-color: RGB(var(--linkedin-color)); }

/*------------------------------------*
  Border colors
*------------------------------------*/
.u-border-color-primary-5 {
  border-color: RGB(var(--primary-5)); }

.u-border-color-primary-10 {
  border-color: RGB(var(--primary-10)); }

.u-border-color-primary-20 {
  border-color: RGB(var(--primary-20)); }

.u-border-color-primary-40 {
  border-color: RGB(var(--primary-40)); }

.u-border-color-primary-60 {
  border-color: RGB(var(--primary-60)); }

.u-border-color-primary-80 {
  border-color: RGB(var(--primary-80)); }

.u-border-color-primary-100 {
  border-color: RGB(var(--primary-100)); }

.u-border-color-primary-120 {
  border-color: RGB(var(--primary-120)); }

.u-border-color-secondary-5 {
  border-color: RGB(var(--secondary-5)); }

.u-border-color-secondary-10 {
  border-color: RGB(var(--secondary-10)); }

.u-border-color-secondary-20 {
  border-color: RGB(var(--secondary-20)); }

.u-border-color-secondary-40 {
  border-color: RGB(var(--secondary-40)); }

.u-border-color-secondary-60 {
  border-color: RGB(var(--secondary-60)); }

.u-border-color-secondary-80 {
  border-color: RGB(var(--secondary-80)); }

.u-border-color-secondary-100 {
  border-color: RGB(var(--secondary-100)); }

.u-border-color-secondary-120 {
  border-color: RGB(var(--secondary-120)); }

.u-border-color-accent-40 {
  border-color: RGB(var(--accent-40)); }

.u-border-color-accent-60 {
  border-color: RGB(var(--accent-60)); }

.u-border-color-accent-80 {
  border-color: RGB(var(--accent-80)); }

.u-border-color-accent-100 {
  border-color: RGB(var(--accent-100)); }

.u-border-color-accent-120 {
  border-color: RGB(var(--accent-120)); }

.u-border-color-grey-5 {
  border-color: RGB(var(--grey-5)); }

.u-border-color-grey-10 {
  border-color: RGB(var(--grey-10)); }

.u-border-color-grey-20 {
  border-color: RGB(var(--grey-20)); }

.u-border-color-grey-40 {
  border-color: RGB(var(--grey-40)); }

.u-border-color-grey-60 {
  border-color: RGB(var(--grey-60)); }

.u-border-color-grey-80 {
  border-color: RGB(var(--grey-80)); }

.u-border-color-grey-100 {
  border-color: RGB(var(--grey-100)); }

.u-border-color-error-color-40 {
  border-color: RGB(var(--error-color-40)); }

.u-border-color-error-color-60 {
  border-color: RGB(var(--error-color-60)); }

.u-border-color-error-color-80 {
  border-color: RGB(var(--error-color-80)); }

.u-border-color-error-color-100 {
  border-color: RGB(var(--error-color-100)); }

.u-border-color-error-color-110 {
  border-color: RGB(var(--error-color-110)); }

.u-border-color-error-color-120 {
  border-color: RGB(var(--error-color-120)); }

.u-border-color-success-color-40 {
  border-color: RGB(var(--success-color-40)); }

.u-border-color-success-color-60 {
  border-color: RGB(var(--success-color-60)); }

.u-border-color-success-color-80 {
  border-color: RGB(var(--success-color-80)); }

.u-border-color-success-color-100 {
  border-color: RGB(var(--success-color-100)); }

.u-border-color-success-color-110 {
  border-color: RGB(var(--success-color-110)); }

.u-border-color-success-color-120 {
  border-color: RGB(var(--success-color-120)); }

.u-border-color-white {
  border-color: RGB(var(--white)); }

.u-border-color-black {
  border-color: RGB(var(--black)); }

.u-border-color-background-1-color {
  border-color: RGB(var(--background-1-color)); }

.u-border-color-background-2-color {
  border-color: RGB(var(--background-2-color)); }

.u-border-color-linkedin-color {
  border-color: RGB(var(--linkedin-color)); }

/*------------------------------------*
  Padding x
*------------------------------------*/
.u-px-space-4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.u-px-space-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.u-px-space-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.u-px-space-16 {
  padding-left: 1rem;
  padding-right: 1rem; }

.u-px-space-24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.u-px-space-32 {
  padding-left: 2rem;
  padding-right: 2rem; }

.u-px-space-36 {
  padding-left: 2.25rem;
  padding-right: 2.25rem; }

.u-px-space-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.u-px-space-48 {
  padding-left: 3rem;
  padding-right: 3rem; }

.u-px-space-56 {
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.u-px-space-64 {
  padding-left: 4rem;
  padding-right: 4rem; }

.u-px-space-72 {
  padding-left: 4.5rem;
  padding-right: 4.5rem; }

.u-px-space-80 {
  padding-left: 5rem;
  padding-right: 5rem; }

.u-px-space-96 {
  padding-left: 6rem;
  padding-right: 6rem; }

/*------------------------------------*
  Padding y
*------------------------------------*/
.u-py-space-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.u-py-space-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.u-py-space-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

.u-py-space-16 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.u-py-space-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.u-py-space-32 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.u-py-space-36 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem; }

.u-py-space-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.u-py-space-48 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.u-py-space-56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem; }

.u-py-space-64 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.u-py-space-72 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem; }

.u-py-space-80 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.u-py-space-96 {
  padding-top: 6rem;
  padding-bottom: 6rem; }

/*------------------------------------*
  Padding top
*------------------------------------*/
.u-pt-space-4 {
  padding-top: 0.25rem; }

.u-pt-space-8 {
  padding-top: 0.5rem; }

.u-pt-space-12 {
  padding-top: 0.75rem; }

.u-pt-space-16 {
  padding-top: 1rem; }

.u-pt-space-24 {
  padding-top: 1.5rem; }

.u-pt-space-32 {
  padding-top: 2rem; }

.u-pt-space-36 {
  padding-top: 2.25rem; }

.u-pt-space-40 {
  padding-top: 2.5rem; }

.u-pt-space-48 {
  padding-top: 3rem; }

.u-pt-space-56 {
  padding-top: 3.5rem; }

.u-pt-space-64 {
  padding-top: 4rem; }

.u-pt-space-72 {
  padding-top: 4.5rem; }

.u-pt-space-80 {
  padding-top: 5rem; }

.u-pt-space-96 {
  padding-top: 6rem; }

/*------------------------------------*
  Padding bottom
*------------------------------------*/
.u-pb-space-4 {
  padding-bottom: 0.25rem; }

.u-pb-space-8 {
  padding-bottom: 0.5rem; }

.u-pb-space-12 {
  padding-bottom: 0.75rem; }

.u-pb-space-16 {
  padding-bottom: 1rem; }

.u-pb-space-24 {
  padding-bottom: 1.5rem; }

.u-pb-space-32 {
  padding-bottom: 2rem; }

.u-pb-space-36 {
  padding-bottom: 2.25rem; }

.u-pb-space-40 {
  padding-bottom: 2.5rem; }

.u-pb-space-48 {
  padding-bottom: 3rem; }

.u-pb-space-56 {
  padding-bottom: 3.5rem; }

.u-pb-space-64 {
  padding-bottom: 4rem; }

.u-pb-space-72 {
  padding-bottom: 4.5rem; }

.u-pb-space-80 {
  padding-bottom: 5rem; }

.u-pb-space-96 {
  padding-bottom: 6rem; }

/*------------------------------------*
  Margin x
*------------------------------------*/
.u-mx-space-4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.u-mx-space-8 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.u-mx-space-12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem; }

.u-mx-space-16 {
  margin-left: 1rem;
  margin-right: 1rem; }

.u-mx-space-24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.u-mx-space-32 {
  margin-left: 2rem;
  margin-right: 2rem; }

.u-mx-space-36 {
  margin-left: 2.25rem;
  margin-right: 2.25rem; }

.u-mx-space-40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }

.u-mx-space-48 {
  margin-left: 3rem;
  margin-right: 3rem; }

.u-mx-space-56 {
  margin-left: 3.5rem;
  margin-right: 3.5rem; }

.u-mx-space-64 {
  margin-left: 4rem;
  margin-right: 4rem; }

.u-mx-space-72 {
  margin-left: 4.5rem;
  margin-right: 4.5rem; }

.u-mx-space-80 {
  margin-left: 5rem;
  margin-right: 5rem; }

.u-mx-space-96 {
  margin-left: 6rem;
  margin-right: 6rem; }

/*------------------------------------*
  Margin y
*------------------------------------*/
.u-my-space-4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.u-my-space-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.u-my-space-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }

.u-my-space-16 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.u-my-space-24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.u-my-space-32 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.u-my-space-36 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem; }

.u-my-space-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

.u-my-space-48 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.u-my-space-56 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem; }

.u-my-space-64 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.u-my-space-72 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem; }

.u-my-space-80 {
  margin-top: 5rem;
  margin-bottom: 5rem; }

.u-my-space-96 {
  margin-top: 6rem;
  margin-bottom: 6rem; }

/*------------------------------------*
  Margin top
*------------------------------------*/
.u-mt-space-4 {
  margin-top: 0.25rem; }

.u-mt-space-8 {
  margin-top: 0.5rem; }

.u-mt-space-12 {
  margin-top: 0.75rem; }

.u-mt-space-16 {
  margin-top: 1rem; }

.u-mt-space-24 {
  margin-top: 1.5rem; }

.u-mt-space-32 {
  margin-top: 2rem; }

.u-mt-space-36 {
  margin-top: 2.25rem; }

.u-mt-space-40 {
  margin-top: 2.5rem; }

.u-mt-space-48 {
  margin-top: 3rem; }

.u-mt-space-56 {
  margin-top: 3.5rem; }

.u-mt-space-64 {
  margin-top: 4rem; }

.u-mt-space-72 {
  margin-top: 4.5rem; }

.u-mt-space-80 {
  margin-top: 5rem; }

.u-mt-space-96 {
  margin-top: 6rem; }

/*------------------------------------*
  Margin right
*------------------------------------*/
.u-mr-space-4 {
  margin-right: 0.25rem; }

.u-mr-space-8 {
  margin-right: 0.5rem; }

.u-mr-space-12 {
  margin-right: 0.75rem; }

.u-mr-space-16 {
  margin-right: 1rem; }

.u-mr-space-24 {
  margin-right: 1.5rem; }

.u-mr-space-32 {
  margin-right: 2rem; }

.u-mr-space-36 {
  margin-right: 2.25rem; }

.u-mr-space-40 {
  margin-right: 2.5rem; }

.u-mr-space-48 {
  margin-right: 3rem; }

.u-mr-space-56 {
  margin-right: 3.5rem; }

.u-mr-space-64 {
  margin-right: 4rem; }

.u-mr-space-72 {
  margin-right: 4.5rem; }

.u-mr-space-80 {
  margin-right: 5rem; }

.u-mr-space-96 {
  margin-right: 6rem; }

/*------------------------------------*elevations
  Margin bottom
*------------------------------------*/
.u-mb-space-4 {
  margin-bottom: 0.25rem; }

.u-mb-space-8 {
  margin-bottom: 0.5rem; }

.u-mb-space-12 {
  margin-bottom: 0.75rem; }

.u-mb-space-16 {
  margin-bottom: 1rem; }

.u-mb-space-24 {
  margin-bottom: 1.5rem; }

.u-mb-space-32 {
  margin-bottom: 2rem; }

.u-mb-space-36 {
  margin-bottom: 2.25rem; }

.u-mb-space-40 {
  margin-bottom: 2.5rem; }

.u-mb-space-48 {
  margin-bottom: 3rem; }

.u-mb-space-56 {
  margin-bottom: 3.5rem; }

.u-mb-space-64 {
  margin-bottom: 4rem; }

.u-mb-space-72 {
  margin-bottom: 4.5rem; }

.u-mb-space-80 {
  margin-bottom: 5rem; }

.u-mb-space-96 {
  margin-bottom: 6rem; }

/*------------------------------------*
  Margin left
*------------------------------------*/
.u-ml-space-4 {
  margin-left: 0.25rem; }

.u-ml-space-8 {
  margin-left: 0.5rem; }

.u-ml-space-12 {
  margin-left: 0.75rem; }

.u-ml-space-16 {
  margin-left: 1rem; }

.u-ml-space-24 {
  margin-left: 1.5rem; }

.u-ml-space-32 {
  margin-left: 2rem; }

.u-ml-space-36 {
  margin-left: 2.25rem; }

.u-ml-space-40 {
  margin-left: 2.5rem; }

.u-ml-space-48 {
  margin-left: 3rem; }

.u-ml-space-56 {
  margin-left: 3.5rem; }

.u-ml-space-64 {
  margin-left: 4rem; }

.u-ml-space-72 {
  margin-left: 4.5rem; }

.u-ml-space-80 {
  margin-left: 5rem; }

.u-ml-space-96 {
  margin-left: 6rem; }

/*------------------------------------*
  Elevation
*------------------------------------*/
.u-elevation-level-1 {
  box-shadow: 0px 2px 4px 0px rgba(var(--primary-100), 0.24); }

.u-elevation-level-2 {
  box-shadow: 0px 4px 8px 0px rgba(var(--primary-100), 0.16); }

.u-elevation-level-3 {
  box-shadow: 0px 8px 16px 0px rgba(var(--primary-100), 0.12); }

.u-elevation-level-4 {
  box-shadow: 0px 16px 24px 0px rgba(var(--primary-100), 0.12); }

/*------------------------------------*
  Text alignment
*------------------------------------*/
.u-txt-left {
  text-align: left; }

.u-txt-right {
  text-align: right; }

.u-txt-center {
  text-align: center; }

/*------------------------------------*
  Display flex
*------------------------------------*/
.u-flex {
  display: flex; }

/*------------------------------------*
  Text decoration
*------------------------------------*/
.u-txt-underline {
  text-decoration: underline; }

.u-txt-linethrough {
  text-decoration: line-through; }

/*# sourceMappingURL=design-tokens.css.map */