:root { 
  --alto: #d9d9d9;
  --amber: #fac2000d;
  --black: #000000;
  --blue: #337fff;
  --celeste: #d1d1d1;
  --chicago: #5b5b5b;
  --dodger-blue: #0d8de9;
  --dodger-blue-2: #0e9aff;
  --error: #ff4343;
  --foundation-yellowyellow-50: #fff9e6;
  --foundation-yellowyellow-500: #fac200;
  --foundation-yellowyellow-600: #e4b100;
  --foundation-yellowyellow-900: #695100;
  --gray-nurse: #e9e9e9;
  --gun-powder: #3c42571f;
  --haiti: #1a1f36;
  --mercury: #e4e4e4;
  --quill-gray: #d3d3d3;
  --regent-gray: #8792a2;
  --secondaryword: #242424;
  --storm-gray: #697386;
  --tuatara: #363636;
  --white: #ffffff;
 
  --font-size-l: 25px;
  --font-size-m: 16px;
  --font-size-s: 13px;
  --font-size-xl: 31px;
  --font-size-xs: 12px;
  --font-size-xxs: 10px;
  --font-size-xxxs: 8px;
 
  --font-family-general_sans-bold: "General Sans-Bold", Helvetica;
  --font-family-general_sans-italic: "General Sans-Italic", Helvetica;
  --font-family-general_sans-medium: "General Sans-Medium", Helvetica;
  --font-family-general_sans-regular: "General Sans-Regular", Helvetica;
  --font-family-sf_compact_display-medium: "SF Compact Display-Medium", Helvetica;
  --font-family-sf_compact_display-regular: "SF Compact Display-Regular", Helvetica;
  --font-family-sf_compact_display-semibold: "SF Compact Display-Semibold", Helvetica;
}
.generalsans-medium-shark-16px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.generalsans-medium-shark-12px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

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

.generalsans-regular-normal-shark-16px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.generalsans-regular-normal-dodger-blue-16px {
  color: var(--dodger-blue);
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.generalsans-medium-antique-bronze-16px {
  color: var(--foundation-yellowyellow-900);
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.generalsans-regular-normal-shark-13px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.generalsans-regular-normal-white-16px {
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.generalsans-regular-normal-quill-gray-16px {
  color: var(--quill-gray);
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.generalsans-medium-coral-red-16px {
  color: var(--error);
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

.generalsans-regular-normal-dodger-blue-12px {
  color: var(--dodger-blue);
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

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

.generalsans-medium-shark-31px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.generalsans-regular-normal-shark-8px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.generalsans-regular-normal-white-12px {
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.generalsans-medium-white-12px {
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.generalsans-regular-normal-quill-gray-12px {
  color: var(--quill-gray);
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.generalsans-medium-coral-red-12px {
  color: var(--error);
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.generalsans-italic-normal-shark-16px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-italic);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 400;
}

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

.generalsans-medium-antique-bronze-10px {
  color: var(--foundation-yellowyellow-900);
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.generalsans-medium-galliano-16px {
  color: var(--foundation-yellowyellow-600);
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.generalsans-bold-shark-16px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.generalsans-medium-shark-23px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-medium);
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
}

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

.generalsans-italic-normal-shark-13px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-italic);
  font-size: var(--font-size-s);
  font-style: italic;
  font-weight: 400;
}

.generalsans-italic-normal-dodger-blue-13px {
  color: var(--dodger-blue);
  font-family: var(--font-family-general_sans-italic);
  font-size: var(--font-size-s);
  font-style: italic;
  font-weight: 400;
}

.sfcompactdisplay-medium-haiti-14px {
  color: var(--haiti);
  font-family: var(--font-family-sf_compact_display-medium);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

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

.generalsans-medium-shark-25px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.generalsans-italic-normal-shark-12px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-italic);
  font-size: var(--font-size-xs);
  font-style: italic;
  font-weight: 400;
}

.generalsans-bold-shark-12px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.sfcompactdisplay-normal-storm-gray-14px {
  color: var(--storm-gray);
  font-family: var(--font-family-sf_compact_display-semibold);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

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

.generalsans-italic-normal-dodger-blue-16px {
  color: var(--dodger-blue);
  font-family: var(--font-family-general_sans-italic);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 400;
}

.generalsans-italic-normal-coral-red-16px {
  color: var(--error);
  font-family: var(--font-family-general_sans-italic);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 400;
}

.generalsans-regular-normal-coral-red-16px {
  color: var(--error);
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.generalsans-medium-antique-bronze-12px {
  color: var(--foundation-yellowyellow-900);
  font-family: var(--font-family-general_sans-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.generalsans-regular-normal-white-10px {
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.generalsans-italic-normal-shark-10px {
  color: var(--secondaryword);
  font-family: var(--font-family-general_sans-italic);
  font-size: var(--font-size-xxs);
  font-style: italic;
  font-weight: 400;
}

.generalsans-italic-normal-dodger-blue-10px {
  color: var(--dodger-blue);
  font-family: var(--font-family-general_sans-italic);
  font-size: var(--font-size-xxs);
  font-style: italic;
  font-weight: 400;
}

.sfcompactdisplay-medium-regent-gray-12px {
  color: var(--regent-gray);
  font-family: var(--font-family-sf_compact_display-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}