@font-face {
  font-family: "Protipo";
  src: url("./protipo_300_normal.woff2") format("woff2"),url("./protipo_300_normal.woff") format("woff"),url("./protipo_300_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_300_italic.woff2") format("woff2"),url("./protipo_300_italic.woff") format("woff"),url("./protipo_300_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_400_normal.woff2") format("woff2"),url("./protipo_400_normal.woff") format("woff"),url("./protipo_400_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_400_italic.woff2") format("woff2"),url("./protipo_400_italic.woff") format("woff"),url("./protipo_400_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_500_normal.woff2") format("woff2"),url("./protipo_500_normal.woff") format("woff"),url("./protipo_500_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_500_italic.woff2") format("woff2"),url("./protipo_500_italic.woff") format("woff"),url("./protipo_500_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_600_normal.woff2") format("woff2"),url("./protipo_600_normal.woff") format("woff"),url("./protipo_600_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_600_italic.woff2") format("woff2"),url("./protipo_600_italic.woff") format("woff"),url("./protipo_600_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_700_normal.woff2") format("woff2"),url("./protipo_700_normal.woff") format("woff"),url("./protipo_700_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_700_italic.woff2") format("woff2"),url("./protipo_700_italic.woff") format("woff"),url("./protipo_700_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_800_normal.woff2") format("woff2"),url("./protipo_800_normal.woff") format("woff"),url("./protipo_800_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo";
  src: url("./protipo_800_italic.woff2") format("woff2"),url("./protipo_800_italic.woff") format("woff"),url("./protipo_800_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Compact";
  src: url("./protipo_compact_100_normal.woff2") format("woff2"),url("./protipo_compact_100_normal.woff") format("woff"),url("./protipo_compact_100_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Compact";
  src: url("./protipo_compact_200_normal.woff2") format("woff2"),url("./protipo_compact_200_normal.woff") format("woff"),url("./protipo_compact_200_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 200;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Compact";
  src: url("./protipo_compact_300_normal.woff2") format("woff2"),url("./protipo_compact_300_normal.woff") format("woff"),url("./protipo_compact_300_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Compact";
  src: url("./protipo_compact_400_normal.woff2") format("woff2"),url("./protipo_compact_400_normal.woff") format("woff"),url("./protipo_compact_400_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Compact";
  src: url("./protipo_compact_500_normal.woff2") format("woff2"),url("./protipo_compact_500_normal.woff") format("woff"),url("./protipo_compact_500_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Compact";
  src: url("./protipo_compact_700_normal.woff2") format("woff2"),url("./protipo_compact_700_normal.woff") format("woff"),url("./protipo_compact_700_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Compact";
  src: url("./protipo_compact_800_normal.woff2") format("woff2"),url("./protipo_compact_800_normal.woff") format("woff"),url("./protipo_compact_800_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Compact";
  src: url("./protipo_compact_900_normal.woff2") format("woff2"),url("./protipo_compact_900_normal.woff") format("woff"),url("./protipo_compact_900_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_300_normal.woff2") format("woff2"),url("./protipo_narrow_300_normal.woff") format("woff"),url("./protipo_narrow_300_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_300_italic.woff2") format("woff2"),url("./protipo_narrow_300_italic.woff") format("woff"),url("./protipo_narrow_300_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_400_normal.woff2") format("woff2"),url("./protipo_narrow_400_normal.woff") format("woff"),url("./protipo_narrow_400_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_400_italic.woff2") format("woff2"),url("./protipo_narrow_400_italic.woff") format("woff"),url("./protipo_narrow_400_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_500_normal.woff2") format("woff2"),url("./protipo_narrow_500_normal.woff") format("woff"),url("./protipo_narrow_500_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_500_italic.woff2") format("woff2"),url("./protipo_narrow_500_italic.woff") format("woff"),url("./protipo_narrow_500_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_600_normal.woff2") format("woff2"),url("./protipo_narrow_600_normal.woff") format("woff"),url("./protipo_narrow_600_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_600_italic.woff2") format("woff2"),url("./protipo_narrow_600_italic.woff") format("woff"),url("./protipo_narrow_600_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_700_normal.woff2") format("woff2"),url("./protipo_narrow_700_normal.woff") format("woff"),url("./protipo_narrow_700_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_700_italic.woff2") format("woff2"),url("./protipo_narrow_700_italic.woff") format("woff"),url("./protipo_narrow_700_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_800_normal.woff2") format("woff2"),url("./protipo_narrow_800_normal.woff") format("woff"),url("./protipo_narrow_800_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Narrow";
  src: url("./protipo_narrow_800_italic.woff2") format("woff2"),url("./protipo_narrow_800_italic.woff") format("woff"),url("./protipo_narrow_800_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_300_normal.woff2") format("woff2"),url("./protipo_wide_300_normal.woff") format("woff"),url("./protipo_wide_300_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_300_italic.woff2") format("woff2"),url("./protipo_wide_300_italic.woff") format("woff"),url("./protipo_wide_300_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_400_normal.woff2") format("woff2"),url("./protipo_wide_400_normal.woff") format("woff"),url("./protipo_wide_400_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_400_italic.woff2") format("woff2"),url("./protipo_wide_400_italic.woff") format("woff"),url("./protipo_wide_400_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_500_normal.woff2") format("woff2"),url("./protipo_wide_500_normal.woff") format("woff"),url("./protipo_wide_500_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_500_italic.woff2") format("woff2"),url("./protipo_wide_500_italic.woff") format("woff"),url("./protipo_wide_500_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_500_normal.woff2") format("woff2"),url("./protipo_wide_500_normal.woff") format("woff"),url("./protipo_wide_500_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_500_italic.woff2") format("woff2"),url("./protipo_wide_500_italic.woff") format("woff"),url("./protipo_wide_500_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_700_normal.woff2") format("woff2"),url("./protipo_wide_700_normal.woff") format("woff"),url("./protipo_wide_700_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_700_italic.woff2") format("woff2"),url("./protipo_wide_700_italic.woff") format("woff"),url("./protipo_wide_700_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_800_normal.woff2") format("woff2"),url("./protipo_wide_800_normal.woff") format("woff"),url("./protipo_wide_800_normal.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}

@font-face {
  font-family: "Protipo Wide";
  src: url("./protipo_wide_800_italic.woff2") format("woff2"),url("./protipo_wide_800_italic.woff") format("woff"),url("./protipo_wide_800_italic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
}