@font-face {
  font-family: "ChromaticPro";
  font-style: normal;
  font-weight: 700;
  font-stretch: condensed;
  font-display: swap;
  src: url('Chromatic/ChromaticPro_normal_condensed_700.woff2') format('woff2'), url('Chromatic/ChromaticPro_normal_condensed_700.woff') format('woff');
}
@font-face {
  font-family: "ChromaticPro";
  font-style: normal;
  font-weight: 400;
  font-stretch: condensed;
  font-display: swap;
  src: url('Chromatic/ChromaticPro_normal_condensed_400.woff2') format('woff2'), url('Chromatic/ChromaticPro_normal_condensed_400.woff') format('woff');
}
@font-face {
  font-family: "ChromaticPro";
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url('Chromatic/ChromaticPro_normal_normal_400.woff2') format('woff2'), url('Chromatic/ChromaticPro_normal_normal_400.woff') format('woff');
}
@font-face {
  font-family: "ChromaticPro";
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url('Chromatic/ChromaticPro_normal_normal_300.woff2') format('woff2'), url('Chromatic/ChromaticPro_normal_normal_300.woff') format('woff');
}
@font-face {
  font-family: "ChromaticPro";
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url('Chromatic/ChromaticPro_normal_normal_500.woff2') format('woff2'), url('Chromatic/ChromaticPro_normal_normal_500.woff') format('woff');
}
@font-face {
  font-family: "ChromaticPro";
  font-style: normal;
  font-weight: 300;
  font-stretch: condensed;
  font-display: swap;
  src: url('Chromatic/ChromaticPro_normal_condensed_300.woff2') format('woff2'), url('Chromatic/ChromaticPro_normal_condensed_300.woff') format('woff');
}
@font-face {
  font-family: "ChromaticPro";
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url('Chromatic/ChromaticPro_normal_normal_100.woff2') format('woff2'), url('Chromatic/ChromaticPro_normal_normal_100.woff') format('woff');
}
@font-face {
  font-family: "ChromaticPro4";
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url('Chromatic/ChromaticPro4_normal_normal_400.woff2') format('woff2'), url('Chromatic/ChromaticPro4_normal_normal_400.woff') format('woff');
}
@font-face {
  font-family: "ChromaticPro3";
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url('Chromatic/ChromaticPro3_normal_normal_500.woff2') format('woff2'), url('Chromatic/ChromaticPro3_normal_normal_500.woff') format('woff');
}
@font-face {
  font-family: "ChromaticPro1";
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url('Chromatic/ChromaticPro1_normal_normal_100.woff2') format('woff2'), url('Chromatic/ChromaticPro1_normal_normal_100.woff') format('woff');
}
@font-face {
  font-family: "ChromaticPro2";
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url('Chromatic/ChromaticPro2_normal_normal_300.woff2') format('woff2'), url('Chromatic/ChromaticPro2_normal_normal_300.woff') format('woff');
}