:root { 
  --alto: #dddddd;
  --black: #000000;
  --black-2: #030303;
  --black-3: #00000080;
  --dove-gray: #707070;
  --eerie-black: #202020;
  --fuscous-gray: #555555;
  --fuscous-gray-2: #535353;
  --gallery: #eeeeee;
  --gallery-2: #efefef;
  --gray: #7e7e7e;
  --hint-of-red: #f9f9f9;
  --licorice: #111111;
  --midnight-moss: #060606;
  --port-gore: #251f4d;
  --quill-gray: #d3d3d3;
  --red: #ff0000;
  --red-2: #fd0000;
  --red-berry: #9a0000;
  --silver: #c1c1c1;
  --sonic-silver: #767676;
  --sonic-silver-2: #757575;
  --star-dust: #9f9e9e;
  --storm-dust: #636363;
  --white: #ffffff;
 
  /*--font-size-l: 25px;
  --font-size-m: 20px;
  --font-size-s: 16px;
  --font-size-xl: 30px;
  --font-size-xs: 12.8px;
  --font-size-xxl: 35px;
  --font-size-xxxl: 40px;*/
  --font-size-l: clamp(1.25rem, 1vw + 0.5rem, 1.5rem);
  --font-size-m: clamp(1rem, 1vw + 0.25rem, 1.25rem);
  --font-size-s: clamp(0.8rem, 1vw + 0.2rem, 1.0rem);
  --font-size-xl: clamp(1rem, 1vw + 0.4rem, 1.8rem);
  --font-size-xs: clamp(0.6rem, 0.8rem, 0.8rem);
  --font-size-xxl: clamp(1.1rem, 1vw + 0.8rem, 2.1rem);
  --font-size-xxxl: clamp(1.2rem, 1vw + 1rem, 2.5rem);
 
  --font-family-arial-regular: "Arial-Regular", Helvetica;
  --font-family-helveticaneue-regular: "HelveticaNeue-Regular", Helvetica;
  --font-family-inter18pt_18pt-bold: "Inter18pt 18pt-Bold", Helvetica;
  --font-family-inter18pt_18pt-regular: "Inter18pt 18pt-Regular", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}
.roboto-black-white-20px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 900;
  line-height:1 !important;
}

.roboto-black-black-16px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 900;
   
}

.roboto-black-white-16px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 900;
   
}

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

.roboto-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
   
}

.roboto-normal-licorice-16px {
  color: var(--licorice);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
   
}

.roboto-black-white-54px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 54px;
  font-style: normal;
  font-weight: 900;
   
}

.roboto-black-white-40px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 900;
   
}

.roboto-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
   
}

.roboto-black-white-16px-2 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
   
}

.roboto-black-red-16px {
  color: var(--red);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 900;
   
}

.roboto-normal-red-16px {
  color: var(--red);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
   
}

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

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

.roboto-black-port-gore-16px {
  color: var(--port-gore);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 900;
   
}

.roboto-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
   
}

.roboto-normal-fuscous-gray-8px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-roboto);
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
   
}

.roboto-normal-gray-16px {
  color: var(--gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
   
}

.roboto-black-black-20px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 900;
   
}

.roboto-black-white-24px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
   
}

.roboto-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
   
}

.roboto-normal-white-10px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
   
}

.roboto-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
   
}

.roboto-black-black-48px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
   
}

.roboto-normal-black-14px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-fuscous-gray-10px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-roboto);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
   
}

.roboto-normal-black-8px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
   
}

.helveticaneue-regular-normal-red-berry-20px {
  color: var(--red-berry);
  font-family: var(--font-family-helveticaneue-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
   
}

.roboto-normal-white-12px-2 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 12px;
   
}

.roboto-normal-white-12px-3 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
   
}

.roboto-normal-sonic-silver-16px {
  color: var(--sonic-silver-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
   
}

.roboto-bold-black-40px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl);
   
}

.roboto-normal-black-40px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl);
  font-style: italic;
  font-weight: 400;
   
}

.roboto-bold-black-40px-2 {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl);
  font-style: italic;
  font-weight: 700;
   
}

.inter18pt18pt-regular-normal-black-15-4px {
  color: var(--black);
  font-family: var(--font-family-inter18pt_18pt-regular);
  font-size: 15.4px;
  font-style: normal;
  font-weight: 400;
   
}

.roboto-black-white-30px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
   
}

.roboto-normal-white-25px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
   
}

.roboto-normal-black-20px-2 {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
   
}

.roboto-normal-white-30px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
   
}

.roboto-normal-white-12-8px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.roboto-black-white-12-8px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 900;
}

.inter18pt18pt-bold-black-15-6px {
  color: var(--black);
  font-family: var(--font-family-inter18pt_18pt-bold);
  font-size: 15.6px;
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-port-gore-24px {
  color: var(--port-gore);
  font-family: var(--font-family-roboto);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-port-gore-16px {
  color: var(--port-gore);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-licorice-16px-2 {
  color: var(--licorice);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
}

.roboto-bold-licorice-16px {
  color: var(--licorice);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.roboto-extra-bold-white-13px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
}

.roboto-medium-white-30px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: italic;
  font-weight: 500;
}

.roboto-normal-licorice-15px {
  color: var(--licorice);
  font-family: var(--font-family-roboto);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-black-30px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-black-16px-2 {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
}

.roboto-normal-licorice-20px {
  color: var(--licorice);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-black-18px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
}

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

.roboto-normal-red-16px-2 {
  color: var(--red-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-black-48px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
}

.roboto-black-black-60px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 60px;
  font-style: normal;
  font-weight: 900;
}

.roboto-normal-white-11px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
}

.roboto-normal-black-12-8px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.roboto-extra-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.roboto-bold-licorice-20px {
  color: var(--licorice);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.roboto-extra-bold-black-60px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 60px;
  font-style: normal;
  font-weight: 800;
}