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

@font-face {
	font-family: 'Open Sans';
	src:
		local('Open Sans'),
		url('/bitrix/js/ui/fonts/opensans/opensans-regular.woff') format('woff'),
		url('/bitrix/js/ui/fonts/opensans/opensans-regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src:
		local('Open Sans Light'),
		url('/bitrix/js/ui/fonts/opensans/opensans-light.woff') format('woff'),
		url('/bitrix/js/ui/fonts/opensans/opensans-light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src:
		local('Open Sans Semibold'),
		url('/bitrix/js/ui/fonts/opensans/opensans-semibold.woff') format('woff'),
		url('/bitrix/js/ui/fonts/opensans/opensans-semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src:
		local('Open Sans Bold'),
		url('/bitrix/js/ui/fonts/opensans/opensans-bold.woff') format('woff'),
		url('/bitrix/js/ui/fonts/opensans/opensans-bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans';
	src:
		local('Open Sans'),
		url('/bitrix/js/ui/fonts/opensans/opensans-regular.woff') format('woff'),
		url('/bitrix/js/ui/fonts/opensans/opensans-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Regular';
	src:
		local('Open Sans'),
		url('/bitrix/js/ui/fonts/opensans/opensans-regular.woff') format('woff'),
		url('/bitrix/js/ui/fonts/opensans/opensans-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Light';
	src:
		local('Open Sans Light'),
		url('/bitrix/js/ui/fonts/opensans/opensans-light.woff') format('woff'),
		url('/bitrix/js/ui/fonts/opensans/opensans-light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Semibold';
	src:
		local('Open Sans Semibold'),
		url('/bitrix/js/ui/fonts/opensans/opensans-semibold.woff') format('woff'),
		url('/bitrix/js/ui/fonts/opensans/opensans-semibold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Bold';
	src:
		local('Open Sans Bold'),
		url('/bitrix/js/ui/fonts/opensans/opensans-bold.woff') format('woff'),
		url('/bitrix/js/ui/fonts/opensans/opensans-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}