:root { 
  --aluminium: #a9afb7;
  --basic-colorblack: #000000;
  --basic-colorwhite: #ffffff;
  --bglight-gray: #f9fafb;
  --black: #0000004c;
  --blue-ribbon: #155cfb;
  --bon-jour: #e5e0db;
  --brand-colorprimary-light: #4d78ff;
  --bunker: #0f1114;
  --cod-gray: #0a0a0a;
  --cod-gray-2: #0a0a0a80;
  --ebony-clay: #1d2838;
  --fiord: #495565;
  --grey-dark70: #282828;
  --grey-dark85: #141414;
  --grey-light20: #9b9b9b;
  --grey-light30: #7e7e7e;
  --grey-light40: #606060;
  --grey-light5: #c8c8c8;
  --grey-scalegrey: #dadada;
  --licorice: #161411;
  --mabel: #daeafe;
  --main-colorgray: #434343;
  --main-coloryellow: #ffa500;
  --mercury: #e5e7eb;
  --mirage: #101727;
  --mischka: #d1d5dc;
  --mystic: #e8ebee;
  --pale-sky: #6a7380;
  --pattens-blue: #dbeafe;
  --racing-green: #111611;
  --santas-gray: #99a1ae;
  --scarpa-flow: #4a5565;
  --tangaroa: #08143a;
  --white: #ffffff1a;
  --wild-sand: #f3f4f6;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 15px;
  --font-size-xl: 20px;
  --font-size-xs: 14px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 28px;
 
  --font-family-arial-bold: "Arial-Bold", Helvetica;
  --font-family-arial-regular: "Arial-Regular", Helvetica;
  --font-family-inter-light: "Inter-Light", Helvetica;
  --font-family-inter-medium: "Inter-Medium", Helvetica;
  --font-family-inter-regular: "Inter-Regular", Helvetica;
  --font-family-inter-semibold: "Inter-SemiBold", Helvetica;
  --font-family-work_sans-medium: "Work Sans-Medium", Helvetica;
  --font-family-work_sans-regular: "Work Sans-Regular", Helvetica;
}
.arial-regular-normal-fiord-16px {
  color: var(--fiord);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-fiord-14px {
  color: var(--fiord);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-white-16px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
.arial-regular-medium-white-16px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}
.arial-regular-normal-mirage-18px {
  color: var(--mirage);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-mirage-16px {
  color: var(--mirage);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-cod-gray-24px {
  color: var(--cod-gray);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.worksans-medium-licorice-16px {
  color: var(--licorice);
  font-family: var(--font-family-work_sans-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.arial-regular-normal-aluminium-14px {
  color: var(--aluminium);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-santas-gray-14px {
  color: var(--santas-gray);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-cod-gray-16px {
  color: var(--cod-gray-2);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-blue-ribbon-16px {
  color: var(--blue-ribbon);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-licorice-16px {
  color: var(--grey-dark85);
  font-family: var(--font-family-inter-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.arial-regular-normal-mabel-16px {
  color: var(--mabel);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.arial-bold-white-16px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.arial-regular-normal-santas-gray-16px {
  color: var(--santas-gray);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.arial-bold-blueberry-18px {
  color: var(--brand-colorprimary-light);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.arial-regular-normal-blueberry-16px {
  color: var(--brand-colorprimary-light);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-licorice-28px {
  color: var(--grey-dark85);
  font-family: var(--font-family-inter-semibold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}

.arial-regular-normal-mirage-20px {
  color: var(--mirage);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-white-14px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-star-dust-12px {
  color: var(--grey-light20);
  font-family: var(--font-family-inter-regular);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-blueberry-20px {
  color: var(--brand-colorprimary-light);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-white-20px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-blueberry-24px {
  color: var(--brand-colorprimary-light);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.inter-medium-cape-cod-14px {
  color: var(--main-colorgray);
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.inter-regular-normal-white-13px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-inter-regular);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.inter-medium-licorice-16px {
  color: var(--grey-dark85);
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-black-14px {
  color: var(--basic-colorblack);
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.arial-regular-normal-cape-cod-14px {
  color: var(--main-colorgray);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-tangaroa-18px {
  color: var(--tangaroa);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.inter-medium-licorice-20px {
  color: var(--grey-dark85);
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.inter-regular-normal-cape-cod-15px {
  color: var(--main-colorgray);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-black-18px {
  color: var(--basic-colorblack);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-black-14px {
  color: var(--basic-colorblack);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-storm-dust-14px {
  color: var(--grey-light40);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-white-12px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-inter-regular);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.arial-bold-white-20px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.arial-regular-normal-pale-sky-20px {
  color: var(--pale-sky);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-scarpa-flow-14px {
  color: var(--scarpa-flow);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-mirage-28px {
  color: var(--mirage);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-mirage-26px {
  color: var(--mirage);
  font-family: var(--font-family-arial-regular);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}

.inter-medium-licorice-24px {
  color: var(--licorice);
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.inter-regular-normal-storm-dust-12px {
  color: var(--grey-light40);
  font-family: var(--font-family-inter-regular);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-white-11px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-inter-regular);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-mabel-14px {
  color: var(--mabel);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-medium-shark-24px {
  color: var(--grey-dark70);
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.worksans-regular-normal-storm-dust-16px {
  color: var(--grey-light40);
  font-family: var(--font-family-work_sans-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-white-14px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-medium-white-20px {
  color: var(--basic-colorwhite);
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-racing-green-24px {
  color: var(--racing-green);
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.inter-regular-normal-gray-18px {
  color: var(--grey-light30);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}