:root {
	--ui-font-family-open-sans: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@font-face {
	font-family: 'Open Sans';
	src:
		local('Open Sans'),
		none format('woff'),
		none format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src:
		local('Open Sans Light'),
		none format('woff'),
		none format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src:
		local('Open Sans Semibold'),
		none format('woff'),
		none format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src:
		local('Open Sans Bold'),
		none format('woff'),
		none format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans';
	src:
		local('Open Sans'),
		none format('woff'),
		none format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Regular';
	src:
		local('Open Sans'),
		none format('woff'),
		none format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Light';
	src:
		local('Open Sans Light'),
		none format('woff'),
		none format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Semibold';
	src:
		local('Open Sans Semibold'),
		none format('woff'),
		none format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Bold';
	src:
		local('Open Sans Bold'),
		none format('woff'),
		none format('truetype');
	font-weight: normal;
	font-style: normal;
}