:root { 
  --bali-hai: #848ead;
  --black: #000000;
  --black-haze: #f6f8f7;
  --colorwhite: #ffffff;
  --comet: #515b7a;
  --cornflower-blue: #7494fc;
  --ebony-clay: #282d3d;
  --ebony-clay-2: #292e3d;
  --gray-chateau: #a3aac1;
  --gun-powder: #3d445b;
  --mercury: #e0e2ea;
  --pumice: #c8c8c8;
  --royal-purple: #6e3e98;
  --violet-blue: #2947a9;
  --vulcan: #14161e;
  --waikawa-gray: #657199;
 
  --font-size-l: 20px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 24px;
  --font-size-xs: 15px;
  --font-size-xxl: 36px;
  --font-size-xxxl: 72px;
 
  --font-family-segoe_ui-bold: "Segoe UI-Bold", Helvetica;
  --font-family-segoe_ui-regular: "Segoe UI-Regular", Helvetica;
  --font-family-work_sans: "Work Sans", Helvetica;
}
.worksans-normal-gray-chateau-18px {
  color: var(--gray-chateau);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.worksans-bold-white-20px {
  color: var(--colorwhite);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.worksans-normal-white-18px {
  color: var(--colorwhite);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.worksans-semi-bold-ebony-clay-72px {
  color: var(--ebony-clay);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}

.segoeui-bold-gun-powder-20px {
  color: var(--gun-powder);
  font-family: var(--font-family-segoe_ui-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.segoeui-regular-normal-bali-hai-16px {
  color: var(--bali-hai);
  font-family: var(--font-family-segoe_ui-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.worksans-semi-bold-ebony-clay-20px {
  color: var(--ebony-clay-2);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.worksans-semi-bold-white-20px {
  color: var(--colorwhite);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.worksans-semi-bold-white-18px {
  color: var(--colorwhite);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.worksans-normal-waikawa-gray-24px {
  color: var(--waikawa-gray);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.worksans-bold-ebony-clay-36px {
  color: var(--ebony-clay);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.worksans-normal-waikawa-gray-20px {
  color: var(--waikawa-gray);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.segoeui-bold-ebony-clay-24px {
  color: var(--ebony-clay);
  font-family: var(--font-family-segoe_ui-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.worksans-semi-bold-violet-blue-18px {
  color: var(--violet-blue);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.worksans-medium-royal-purple-20px {
  color: var(--royal-purple);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.worksans-normal-white-16px {
  color: var(--colorwhite);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.worksans-bold-white-36px {
  color: var(--colorwhite);
  font-family: var(--font-family-work_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.segoeui-regular-normal-vulcan-18px {
  color: var(--vulcan);
  font-family: var(--font-family-segoe_ui-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.border-1px-mercury {
  border: 1px solid var(--mercury);
}

.border-1px-pumice {
  border: 1px solid var(--pumice);
}

.border-2px-colorwhite {
  border: 2px solid var(--colorwhite);
}