@font-face {
	font-family: 'Metropolis Extra';
	src: url(../../assets/fonts/Metropolis-ExtraLight.woff2) format('woff2'),
	url(../../assets/fonts/Metropolis-ExtraLight.woff) format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

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

@font-face {
	font-family: 'Metropolis Extra';
	src: url(../../assets/fonts/Metropolis-ExtraBold.woff2) format('woff2'),
	url(../../assets/fonts/Metropolis-ExtraBold.woff) format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis Extra';
	src: url(../../assets/fonts/Metropolis-ExtraBoldItalic.woff2) format('woff2'),
	url(../../assets/fonts/Metropolis-ExtraBoldItalic.woff) format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}