:root { 
  --alto: #d9d9d9;
  --black: #000000;
  --blue: #2c63f2;
  --blueberry: #4a7cf9;
  --bright-gray: #3d434c;
  --bunker: #0d0f13;
  --charade: #232a33;
  --cultured-pearl: #f3f5f7;
  --fiord: #40536e;
  --hawkes-blue: #d5e0fc;
  --mirage: #1e2126;
  --mischka: #cfd6e1;
  --mystic: #e8ebf0;
  --nevada: #65707f;
  --regent-gray: #8492a5;
  --rock-blue: #9faec2;
  --solitude: #eaf0fe;
  --white: #ffffff;
  --white-lilac: #f5f7fc;
  --zircon: #f4f7fe;
  --zircon-2: #f5f8fd;
 
  --font-size-64px: 64px;
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 21px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 32px;
  --font-size-xxxxl: 40px;
 
  --font-family-inter: 'Inter', sans-serif;
  --font-family-mont-regular: "Mont-Regular", Helvetica;
}
.h1--64-px {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-64px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.h2---40-px {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.h3--24-px {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.subtitle--22-px {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.body--18-px {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.body--18-px-bold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.body---16-px-web {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

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

.inter-medium-nevada-14px {
  color: var(--nevada);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

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

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

.inter-semi-bold-bunker-20px {
  color: var(--bunker);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

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

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

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

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

.inter-medium-blue-14px {
  color: var(--blue);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.inter-normal-rock-blue-14px {
  color: var(--rock-blue);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

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

.inter-medium-white-18px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.inter-bold-bunker-32px {
  color: var(--bunker);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-white-16px-2 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.inter-medium-white-16px-3 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-blue-15-2px {
  color: var(--blue);
  font-family: var(--font-family-inter);
  font-size: 15.2px;
  font-style: normal;
  font-weight: 500;
}

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

.inter-normal-bright-gray-16px {
  color: var(--bright-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 400;
}

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

.inter-medium-blue-15-7px {
  color: var(--blue);
  font-family: var(--font-family-inter);
  font-size: 15.7px;
  font-style: normal;
  font-weight: 500;
}

.inter-medium-blue-15-2px-2 {
  color: var(--blue);
  font-family: var(--font-family-inter);
  font-size: 15.2px;
  font-style: normal;
  font-weight: 500;
}

.inter-medium-regent-gray-14px {
  color: var(--regent-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

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

.inter-bold-mirage-32px {
  color: var(--mirage);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

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