:root { 
  --black: #000000;
  --black-2: #0000001d;
  --bombay: #abb0bc;
  --bombay-2: #aeb3be;
  --cherry: #d9213d;
  --daintree: #082233;
  --eerie-black: #1a1a1a;
  --geyser: #d8dfe5;
  --heather: #b7c3cc;
  --link-water: #d4eaf7;
  --lochmara: #007cbe;
  --mirage: #17222a;
  --mystic: #e6ebf0;
  --porcelain: #f0f2f5;
  --red: #ff0000;
  --salem: #109254;
  --shakespeare: #55a8d4;
  --shuttle-gray: #5b6973;
  --spindle: #b7d5e5;
  --whisper: #f7f8fa;
  --white: #ffffff;
 
  --font-size-l: 15px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xl: 16px;
  --font-size-xxl: 18px;
  --font-size-xxxl: 22px;
  --font-size-xxxxl: 24px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-outfit: "Outfit", Helvetica;
  --font-family-sf_pro_display-regular: "SF Pro Display-Regular", Helvetica;
  --font-family-sf_pro_text-light: "SF Pro Text-Light", Helvetica;
  --font-family-sf_pro_text-regular: "SF Pro Text-Regular", Helvetica;
  --font-family-sf_pro_text-semibold: "SF Pro Text-Semibold", Helvetica;
}
.inter-medium-shuttle-gray-12px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

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

.outfit-semi-bold-mirage-12px {
  color: var(--mirage);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

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

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

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

.sfprodisplay-regular-normal-black-22px {
  color: var(--black);
  font-family: var(--font-family-sf_pro_display-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.sfprotext-light-black-24px {
  color: var(--black);
  font-family: var(--font-family-sf_pro_text-light);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 300;
}

.sfprotext-normal-white-15px {
  color: var(--white);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

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

.outfit-semi-bold-shuttle-gray-12px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.outfit-semi-bold-mirage-18px {
  color: var(--mirage);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.outfit-semi-bold-shuttle-gray-14px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.outfit-semi-bold-lochmara-12px {
  color: var(--lochmara);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

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

.outfit-semi-bold-white-24px {
  color: var(--white);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

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

.outfit-semi-bold-lochmara-16px {
  color: var(--lochmara);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.outfit-semi-bold-lochmara-14px {
  color: var(--lochmara);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-eerie-black-12px {
  color: var(--eerie-black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.outfit-semi-bold-mirage-24px {
  color: var(--mirage);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

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

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

.outfit-semi-bold-heather-16px {
  color: var(--heather);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.outfit-semi-bold-black-14px {
  color: var(--black);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.outfit-semi-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.sfprodisplay-regular-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-sf_pro_display-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.sfprotext-regular-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.outfit-semi-bold-cherry-16px {
  color: var(--cherry);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.sfprotext-normal-daintree-15px {
  color: var(--daintree);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.outfit-semi-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

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

.outfit-semi-bold-shuttle-gray-16px {
  color: var(--shuttle-gray);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.outfit-semi-bold-eerie-black-16px {
  color: var(--eerie-black);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}