:root { 
  --alabaster: #fafafa;
  --alizarin-crimson: #ee1c1c;
  --alto: #d9d9d9;
  --alto-2: #dbdbdb;
  --asphalt: #130c0c;
  --banana: #ffc727;
  --black: #000000;
  --black-2: #0000007a;
  --black-3: #0000000f;
  --black-4: #000000f0;
  --black-5: #040303;
  --black-6: #00000011;
  --black-7: #00000012;
  --black-8: #000000d4;
  --black-haze: #f6f6f6;
  --blueberry: #407bff;
  --bon-jour: #e0e0e0;
  --bon-jour-2: #e1e1e1;
  --cararra: #ebebeb;
  --cinnabar: #e23939;
  --cloud: #c5c5c5;
  --cloud-2: #c7c7c7;
  --coconut: #fcfcfe;
  --cod-gray: #0b0b0c;
  --cod-gray-2: #0c0b0b;
  --cod-gray-3: #0f0c0c;
  --concrete: #f2f2f2;
  --cultured-pearl: #f5f5f5;
  --desert-storm: #f8f8f8;
  --dove-gray: #707070;
  --dove-gray-2: #6c6c6c;
  --ebony-clay: #263238;
  --eerie-black: #1a1a1a;
  --eminence: #593289;
  --eucalyptus: #26a153;
  --fern: #49b967;
  --fiord: #455a64;
  --fountain-blue: #4abbc2;
  --fuscous-gray: #505050;
  --gallery: #f0f0f0;
  --ghost: #ccced3c2;
  --gray: #80808052;
  --gray-2: #808080;
  --hint-of-red: #f9f9f9;
  --iron: #d8d8d8;
  --kashmir-blue: #477995;
  --la-palma: #348827;
  --mauvelous: #f08daf;
  --mercury: #e6e6e6;
  --mercury-2: #e4e4e4;
  --mist-gray: #c4c4c4;
  --my-sin: #ffb521;
  --nobel: #b4b1b1;
  --nobel-2: #b5b5b5;
  --onyx: #3a3639;
  --pink-sherbert: #f98fb0;
  --pink-swan: #b9b9b9;
  --pumice: #c8c8c8;
  --quick-silver: #a6a6a6;
  --quick-silver-2: #a8a6a6;
  --red: #e50000;
  --scarlet: #ee1414;
  --seagull: #78c2eb;
  --seagull-2: #77c3ec;
  --silver: #c1c0c0;
  --silver-chalice: #afafaf;
  --stack: #8b8b8b;
  --stack-2: #8a8a8a;
  --stack-3: #8d8d8d;
  --star-dust: #9f9f9f;
  --star-dust-2: #9d9a9a;
  --storm-dust: #636363;
  --suva-gray: #878787;
  --swiss-coffee: #e0d2d5;
  --white: #ffffff;
  --wild-sand: #f4f4f4;
  --woodsmoke: #100d0d;
 
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xl: 20px;
  --font-size-xs: 10px;
  --font-size-xxl: 25px;
  --font-size-xxxl: 34px;
 
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
  --font-family-roboto-condensed: "Roboto-Condensed", Helvetica;
  --font-family-sfpro_display-regular: "SFPro Display-Regular", Helvetica;
  --font-family-sfpro_text-bold: "SFPro Text-Bold", Helvetica;
  --font-family-sfpro_text-semibold: "SFPro Text-Semibold", Helvetica;
  --font-family-thesans: "TheSans", Helvetica;
  --font-family-thesans-bold: "TheSans-Bold", Helvetica;
  --font-family-thesansplain-regular: "TheSansPlain-Regular", Helvetica;
  --font-family-timesnew_roman-bold: "TimesNew Roman-Bold", Helvetica;
}
.roboto-medium-black-14px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

.poppins-medium-black-14px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}
.poppins-medium-black-search-14px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}
.poppins-medium-black-24-5px {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: 23.7px;
    font-style: normal;
    font-weight: 500;
}
.poppins-medium-black-16px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

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

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

.thesansplain-regular-normal-dove-gray-14px {
  color: var(--dove-gray);
  font-family: var(--font-family-thesansplain-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.roboto-medium-dove-gray-12px {
  color: var(--dove-gray-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

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

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

.thesans-bold-seagull-16px {
  color: var(--seagull);
  font-family: var(--font-family-thesans-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

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

.sfprodisplay-regular-normal-black-25px {
  color: var(--black);
  font-family: var(--font-family-sfpro_display-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.sfprotext-bold-black-10px {
  color: var(--black);
  font-family: var(--font-family-sfpro_text-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.poppins-light-iron-14px {
  color: var(--iron);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.poppins-light-hint-of-red-14px {
  color: var(--hint-of-red);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

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

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

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

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

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

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

.roboto-medium-nobel-10px {
  color: var(--nobel);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.roboto-medium-seagull-16px {
  color: var(--seagull);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.roboto-medium-dove-gray-12px-2 {
  color: var(--dove-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

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

.poppins-light-black-14px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

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

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

.roboto-medium-dove-gray-16px {
  color: var(--dove-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

.poppins-normal-cloud-14px {
  color: var(--cloud);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
}

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


.poppins-normal-cloud-14px-2 {
  color: var(--cloud);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
.poppins-normal-cloud-top-14px-2 {
  color: var(--cloud);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
.poppins-bold-black-12px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

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

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

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

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

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

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

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

.poppins-medium-cod-gray-16px {
  color: var(--cod-gray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

.poppins-light-iron-14px-2 {
  color: var(--iron);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
}

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

.poppins-medium-black-34px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

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

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

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

.timesnewroman-bold-eerie-black-14px {
  color: var(--eerie-black);
  font-family: var(--font-family-timesnew_roman-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.poppins-medium-seagull-14px-2 {
  color: var(--seagull);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
}

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

.poppins-light-black-16px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.poppins-medium-black-29px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: 29px;
  font-style: normal;
  font-weight: 500;
}

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

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

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

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

.poppins-medium-suva-gray-16px {
  color: var(--suva-gray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

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

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

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

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

.sfprotext-semi-bold-black-15px {
  color: var(--black);
  font-family: var(--font-family-sfpro_text-semibold);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}

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

.poppins-medium-star-dust-16px {
  color: var(--star-dust);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

.poppins-medium-asphalt-16px {
  color: var(--asphalt);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

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

.poppins-medium-black-20px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}
.poppins-medium-black-18px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
.poppins-medium-stack-14px {
  color: var(--stack-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}
.poppins-medium-pumice-12px {
  color: var(--pumice);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}
.roboto-normal-seagull-14px-2 {
  color: var(--seagull-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-medium-eerie-black-10px {
  color: var(--eerie-black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.roboto-medium-cloud-8px {
  color: var(--cloud-2);
  font-family: var(--font-family-roboto);
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
}

.roboto-medium-cod-gray-16px {
  color: var(--cod-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

.thesansplain-regular-normal-black-27px {
  color: var(--black);
  font-family: var(--font-family-thesansplain-regular);
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
}

.roboto-medium-nobel-16px {
  color: var(--nobel-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.thesansplain-regular-normal-star-dust-16px {
  color: var(--star-dust-2);
  font-family: var(--font-family-thesansplain-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.poppins-medium-cinnabar-10px {
  color: var(--cinnabar);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.poppins-medium-star-dust-20px {
  color: var(--star-dust);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

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

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

.roboto-medium-cloud-10px {
  color: var(--cloud-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.poppins-medium-seagull-16px {
  color: var(--seagull);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

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

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

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

.roboto-medium-silver-chalice-10px {
  color: var(--silver-chalice);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
}

.roboto-medium-silver-chalice-10px-2 {
  color: var(--silver-chalice);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.thesans-bold-dove-gray-16px {
  color: var(--dove-gray);
  font-family: var(--font-family-thesans-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

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

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

.thesansplain-regular-normal-seagull-16px {
  color: var(--seagull);
  font-family: var(--font-family-thesansplain-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

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

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

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

.roboto-medium-seagull-14px-2 {
  color: var(--seagull);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
}

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

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

.roboto-medium-cloud-10px-2 {
  color: var(--cloud-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
}

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

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

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

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

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

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

.poppins-medium-black-14px-3 {
  color: var(--black-8);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

.poppins-medium-seagull-16px-2 {
  color: var(--seagull);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
}

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

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

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

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

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

.thesansplain-regular-normal-stack-12px {
  color: var(--stack-3);
  font-family: var(--font-family-thesansplain-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-dove-gray-18px {
  color: var(--dove-gray);
  font-family: var(--font-family-roboto);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.poppins-medium-star-dust-14px-2 {
  color: var(--star-dust-3);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}
.poppins-medium-white-16px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}
.poppin-medium-white-14px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}
.poppin-medium-black-16px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}
.poppin-condensed-normal-black-14px {
  color: var(--black);
  font-family: var(--font-family-roboto-condensed);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
.poppin-medium-dove-gray-14px {
  color: var(--dove-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}
.poppin-normal-cod-gray-16px {
  color: var(--cod-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}
.roboto-medium-scarlet-14px {
  color: var(--scarlet);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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