@font-face {
  font-family: Poppins;
  src: url("/fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: Poppins;
  src: url("/fonts/poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: Roboto;
  src: url("/fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: Roboto;
  src: url("/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: RobotoMono;
  src: url("/fonts/roboto-mono/RobotoMono-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: RobotoMono;
  src: url("/fonts/roboto-mono/RobotoMono-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: RobotoMono;
  src: url("/fonts/roboto-mono/RobotoMono-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: RobotoMono;
  src: url("/fonts/roboto-mono/RobotoMono-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

.H1---Roboto-Mono-LightBlackLeft {
  font-family: RobotoMono;
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--primary-colors-black-253642);
}

.H1---Roboto-Mono-LightWhiteLeft {
  font-family: RobotoMono;
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--primary-colors-white-ffffff);
}

.H2---Poppins-BoldBlackLeft {
  font-family: Poppins;

  font-size: 24px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.H2---Poppins-BoldWhiteLeft {
  font-family: Poppins;

  font-size: 24px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-white-ffffff);
}

.H3--Roboto-MonoBlackLeft {
  font-family: RobotoMono;

  font-size: 21px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.H3--Roboto-MonoWhiteLeft {
  font-family: RobotoMono;

  font-size: 21px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-white-ffffff);
}

.H4---Roboto-MediumBlackLeft {
  font-family: Roboto;

  font-size: 18px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.H4---Roboto-MediumWhiteLeft {
  font-family: Roboto;

  font-size: 18px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-white-ffffff);
}

.Body-Label-1---Roboto-Mono-LightBlackLeft {
  font-family: RobotoMono;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.Body-Label-1---Roboto-Mono-LightWhiteLeft {
  font-family: RobotoMono;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-white-ffffff);
}

.H5---Roboto-Mono-RegularBlackLeft {
  font-family: RobotoMono;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 0.83;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.H5---Roboto-Mono-RegularWhiteLeft {
  font-family: RobotoMono;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-white-ffffff);
}

.Body---Roboto-LightBlackLeft {
  font-family: Roboto;

  font-size: 18px;

  font-weight: 300;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.Body---Roboto-LightWhiteLeft {
  font-family: Roboto;

  font-size: 18px;

  font-weight: 300;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-white-ffffff);
}

.H6---POPPINS-BOLDBlackLeft {
  font-family: Poppins;

  font-size: 14px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: 3px;

  color: var(--primary-colors-black-253642);
}

.H6---POPPINS-BOLDWhiteLeft {
  font-family: Poppins;

  font-size: 14px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: 3px;

  color: var(--primary-colors-white-ffffff);
}

.Button-Large---Roboto-Mono-BoldBlack---7A848CLeft {
  font-family: RobotoMono;

  font-size: 14px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: 2.33px;

  color: var(--primary-colors-black-7-a-848-c);
}

.Button-Large---Roboto-Mono-BoldBlack---A4ABAFLeft {
  font-family: RobotoMono;

  font-size: 14px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: 2.33px;

  color: var(--primary-colors-black-a-4-abaf);
}

.Button-Large---Roboto-Mono-BoldBlackLeft {
  font-family: RobotoMono;

  font-size: 14px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: 2.33px;

  color: var(--primary-colors-black-253642);
}

.Button-Large---Roboto-Mono-BoldWhiteCenter {
  font-family: RobotoMono;

  font-size: 14px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: 2.33px;

  text-align: center;

  color: var(--primary-colors-white-ffffff);
}

.Button-Large---Roboto-Mono-BoldWhiteLeft {
  font-family: RobotoMono;

  font-size: 14px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: 2.33px;

  color: var(--primary-colors-white-ffffff);
}

.Body-CalendarBlackLeft {
  font-family: RobotoMono;

  font-size: 14px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.Body-small---PoppinsBlackLeft {
  font-family: Poppins;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.Body-small---PoppinsWhiteLeft {
  font-family: Poppins;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-white-ffffff);
}

.Body-Label-2---Roboto-Mono-RegularBlackLeft {
  font-family: RobotoMono;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.Body-Label-2---Roboto-Mono-RegularWhiteLeft {
  font-family: RobotoMono;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-white-ffffff);
}

.Small---Roboto-LightBlackLeft {
  font-family: Roboto;

  font-size: 14px;

  font-weight: 300;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.07;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.Small---Roboto-LightWhiteLeft {
  font-family: Roboto;

  font-size: 14px;

  font-weight: 300;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.07;

  letter-spacing: normal;

  color: var(--primary-colors-white-ffffff);
}

.Button-Medium-Small---Roboto-Mono-RegularBlack---7A848CLeft {
  font-family: RobotoMono;

  font-size: 12px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: 2px;

  color: var(--primary-colors-black-7-a-848-c);
}

.Button-Medium-Small---Roboto-Mono-RegularBlackLeft {
  font-family: RobotoMono;

  font-size: 12px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: 2px;

  color: var(--primary-colors-black-253642);
}

.Button-Medium-Small---Roboto-Mono-RegularWhiteLeft {
  font-family: RobotoMono;

  font-size: 12px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: 2px;

  color: var(--primary-colors-white-ffffff);
}

.Extra-Small---RobotoBlackCenter {
  font-family: Roboto;

  font-size: 12px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  text-align: center;

  color: var(--primary-colors-black-253642);
}

.Extra-Small---RobotoBlackLeft {
  font-family: Roboto;

  font-size: 12px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-black-253642);
}

.Extra-Small---RobotoWhiteLeft {
  font-family: Roboto;

  font-size: 12px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--primary-colors-white-ffffff);
}