@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-Regular.23619692aec1.woff2") format('woff2'),
  url("Metropolis-Regular.bcc10a5f271a.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-Light.d05e00dfbbe0.woff2") format('woff2'),
  url("Metropolis-Light.03f20b7939a2.woff") format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-LightItalic.edae0c4e7b0d.woff2") format('woff2'),
  url("Metropolis-LightItalic.7175966f0b6f.woff") format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-Thin.e54a5628c5d2.woff2") format('woff2'),
  url("Metropolis-Thin.86591212ac67.woff") format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-RegularItalic.eb119c417795.woff2") format('woff2'),
  url("Metropolis-RegularItalic.bf4bf3cc46ba.woff") format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-Medium.2b6a0edf7e7a.woff2") format('woff2'),
  url("Metropolis-Medium.7317d91cf395.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-BoldItalic.f026869c9641.woff2") format('woff2'),
  url("Metropolis-BoldItalic.459f1b898f6b.woff") format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis Extra';
  src: url("Metropolis-ExtraBoldItalic.7d3701400b52.woff2") format('woff2'),
  url("Metropolis-ExtraBoldItalic.5d8ee8e2c9ba.woff") format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-BlackItalic.282008d04698.woff2") format('woff2'),
  url("Metropolis-BlackItalic.c1cc2cd8df51.woff") format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-ThinItalic.21868c9a84c0.woff2") format('woff2'),
  url("Metropolis-ThinItalic.7fd4557ce9bf.woff") format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis Extra';
  src: url("Metropolis-ExtraLightItalic.d42cdacd5f8f.woff2") format('woff2'),
  url("Metropolis-ExtraLightItalic.53aef0b15068.woff") format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-Bold.21879e9d267c.woff2") format('woff2'),
  url("Metropolis-Bold.e0dac59b81fd.woff") format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis Extra';
  src: url("Metropolis-ExtraLight.36455f11512f.woff2") format('woff2'),
  url("Metropolis-ExtraLight.9ed180f01168.woff") format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis Semi';
  src: url("Metropolis-SemiBold.849eb9d74ef4.woff2") format('woff2'),
  url("Metropolis-SemiBold.4c799b6a6a43.woff") format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-Black.3e3749cc802d.woff2") format('woff2'),
  url("Metropolis-Black.585e1440a89a.woff") format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis Extra';
  src: url("Metropolis-ExtraBold.3c0f6295f75a.woff2") format('woff2'),
  url("Metropolis-ExtraBold.1dab37592d7c.woff") format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("Metropolis-MediumItalic.426ab4b50d45.woff2") format('woff2'),
  url("Metropolis-MediumItalic.c1eff6cfd121.woff") format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis Semi';
  src: url("Metropolis-SemiBoldItalic.e84687f71c57.woff2") format('woff2'),
  url("Metropolis-SemiBoldItalic.aa1cda2d99f6.woff") format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}