@font-face {
	font-family: "zt-icons";
	font-display: block;
	src: url("../fonts/zt-icons.woff2?v=2c6de526b9b4df25dbf9313747d6df0d") format("woff2");
}

/* CSS icône (vendor) rangé dans @layer vendor : css/main (@layer components) peut ainsi surcharger ces règles (ex. masquer une icône), ce que le non-layered empêchait. */
@layer vendor {
	.zt {
		display: inline-block;
		line-height: 1;
	}

	.zt:before {
		font-family: zt-icons !important;
		font-style: normal;
		font-weight: normal !important;
		vertical-align: top;
	}

	.zt-facebook:before {
		content: "\f101";
	}
	.zt-jump:before {
		content: "\f102";
	}
	.zt-logo-legacy:before {
		content: "\f103";
	}
	.zt-logo-nl:before {
		content: "\f104";
	}
	.zt-logo:before {
		content: "\f105";
	}
	.zt-monte:before {
		content: "\f106";
	}
	.zt-plus-18:before {
		content: "\f107";
	}
	.zt-plus-21:before {
		content: "\f108";
	}
	.zt-run:before {
		content: "\f109";
	}
	.zt-telegram:before {
		content: "\f10a";
	}
	.zt-trot:before {
		content: "\f10b";
	}
	.zt-whatsapp:before {
		content: "\f10c";
	}
	.zt-x-twitter:before {
		content: "\f10d";
	}
}