@font-face {
	font-family: 'SF Pro';
	font-style: normal;
	font-weight: 1 1000;
	font-display: swap;
	src:
		local('☺'),
		url('./fonts/SF-Pro/SFPro.woff2') format('woff2-variations'),
		url('./fonts/SF-Pro/SFPro.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro';
	font-style: italic;
	font-weight: 1 1000;
	font-display: swap;
	src:
		local('☺'),
		url('./fonts/SF-Pro/SFProItalic.woff2') format('woff2-variations'),
		url('./fonts/SF-Pro/SFProItalic.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro SC';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src:
		local('☺'),
		url('./fonts/SF-Pro-SC/PingFangSC-Ultralight.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro SC';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src:
		local('☺'),
		url('./fonts/SF-Pro-SC/PingFangSC-Thin.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro SC';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src:
		local('☺'),
		url('./fonts/SF-Pro-SC/PingFangSC-Light.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro SC';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src:
		local('☺'),
		url('./fonts/SF-Pro-SC/PingFangSC-Medium.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro SC';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src:
		local('☺'),
		url('./fonts/SF-Pro-SC/PingFangSC-Semibold.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro SC';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src:
		local('☺'),
		url('./fonts/SF-Pro-SC/PingFangSC-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro Icons';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src:
		local('☺'),
		url('./fonts/SF-Pro-Icons/sf-pro-icons_light.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro Icons';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src:
		local('☺'),
		url('./fonts/SF-Pro-Icons/sf-pro-icons_medium.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro Icons';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src:
		local('☺'),
		url('./fonts/SF-Pro-Icons/sf-pro-icons_semibold.woff2') format('woff2');
}

@font-face {
	font-family: 'SF Pro Icons';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src:
		local('☺'),
		url('./fonts/SF-Pro-Icons/sf-pro-icons_regular.woff2') format('woff2');
}