:root { 
  --abbey: #4a4c50;
  --alabaster: #fafafa;
  --alto: #dbdbdb;
  --apple: #4caa23;
  --aqua-deep: #054c44;
  --bitter: #889a74;
  --black: #000000;
  --blue: #1f6ce6;
  --boulder: #76777b;
  --caribbean-green: #23dba5;
  --celeste: #d1d1d1;
  --cultured-pearl: #f5f5f5;
  --deep-sea-green: #075e55;
  --dodger-blue: #1b85fb;
  --dove-gray: #707070;
  --dove-gray-2: #7070702c;
  --midnight-blue: #294b76;
  --mine-shaft: #333333;
  --mine-shaft-2: #333333b3;
  --mountain-mist: #999999;
  --nobel: #b2b2b2;
  --observatory: #02877a;
  --pink-swan: #bababa;
  --rock-blue: #91b3d4;
  --royal-blue: #4762f01f;
  --royal-blue-2: #4762f0;
  --royal-blue-3: #4863f0;
  --sandy-brown: #eba158;
  --shark: #262627;
  --silver-chalice: #ababac;
  --snow-flurry: #e2ffc7;
  --submarine: #bcc3ca;
  --tart-orange: #ff4646;
  --vivid-violet: #81349f;
  --white: #ffffff;
  --wild-sand: #f4f4f4;
 
  --font-size-l: 15px;
  --font-size-m: 14px;
  --font-size-s: 13px;
  --font-size-xl: 18px;
  --font-size-xs: 12px;
  --font-size-xxl: 20px;
  --font-size-xxs: 9px;
 
  --font-family-_applesystemuifont-bold: ".AppleSystemUIFont-Bold", Helvetica;
  --font-family-_applesystemuifont-regular: ".AppleSystemUIFont-Regular", Helvetica;
  --font-family-arial: "Arial", Helvetica;
  --font-family-arial-black: "Arial-Black", Helvetica;
  --font-family-arial-bold: "Arial-Bold", Helvetica;
  --font-family-arial-regular: "Arial-Regular", Helvetica;
  --font-family-helvetica-bold: "Helvetica-Bold", Helvetica;
  --font-family-helvetica-regular: "Helvetica-Regular", Helvetica;
  --font-family-helvetica_neue: "Helvetica Neue", Helvetica;
  --font-family-helveticaneue-bold: "HelveticaNeue-Bold", Helvetica;
  --font-family-helveticaneue-regular: "HelveticaNeue-Regular", Helvetica;
  --font-family-louisgeorge_café-bold: "LouisGeorge Café-Bold", Helvetica;
  --font-family-louisgeorge_café-regular: "LouisGeorge Café-Regular", Helvetica;
  --font-family-productsans-regular: "ProductSans-Regular", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
  --font-family-sen: "Sen", Helvetica;
}
.helveticaneue-regular-normal-black-14px {
  color: var(--black);
  font-family: var(--font-family-helveticaneue-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

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

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

.-applesystemuifont-regular-normal-black-9px {
  color: var(--black);
  font-family: var(--font-family-_applesystemuifont-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

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

.arial-regular-normal-silver-chalice-9px {
  color: var(--silver-chalice);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.-applesystemuifont-regular-normal-black-15px {
  color: var(--black);
  font-family: var(--font-family-_applesystemuifont-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

.arial-normal-midnight-blue-14px {
  color: var(--midnight-blue);
  font-family: var(--font-family-arial);
  font-size: var(--font-size-m);
}

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

.louisgeorgecaf-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-louisgeorge_café-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.louisgeorgecaf-regular-normal-black-15px {
  color: var(--black);
  font-family: var(--font-family-louisgeorge_café-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.louisgeorgecaf-regular-normal-black-13px {
  color: var(--black);
  font-family: var(--font-family-louisgeorge_café-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

.arial-bold-dodger-blue-15px {
  color: var(--dodger-blue);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

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

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

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

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

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

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

.sen-normal-royal-blue-9px {
  color: var(--royal-blue-2);
  font-family: var(--font-family-sen);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

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

.sen-bold-mine-shaft-7px {
  color: var(--mine-shaft);
  font-family: var(--font-family-sen);
  font-size: 7px;
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-pink-swan-17px {
  color: var(--pink-swan);
  font-family: var(--font-family-roboto);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

.helveticaneue-bold-apple-20px {
  color: var(--apple);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.helveticaneue-bold-apple-18px {
  color: var(--apple);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.sen-normal-mine-shaft-15px {
  color: var(--mine-shaft-2);
  font-family: var(--font-family-sen);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

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