@font-face {
	/* .font-normal */
	font-family: "Roboto";
	src: url("/_resources/css/fonts/roboto/Roboto-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	/* .font-normal-italic */
	font-family: "Roboto";
	src: url("/_resources/css/fonts/roboto/Roboto-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	/* .font-normal-bold */
	font-family: "Roboto";
	src: url("/_resources/css/fonts/roboto/Roboto-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	/* .font-normal-bold */
	font-family: "Roboto";
	src: url("/_resources/css/fonts/roboto/Roboto-BoldItalic.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
/*  */
@font-face {
	/* --font-family-title */
	font-family: "RobotoSlab";
	src: url("/_resources/css/fonts/roboto_slab/RobotoSlab-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	/* --font-family-title */
	font-family: "RobotoSerif";
	src: url("/_resources/css/fonts/roboto_serif/RobotoSerif-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	/* --font-family-title */
	font-family: "RobotoSlab";
	src: url("/_resources/css/fonts/roboto_slab/RobotoSlab-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	/* --font-family-title */
	font-family: "RobotoSerif";
	src: url("/_resources/css/fonts/roboto_serif/RobotoSerif-BoldItalic.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}