@font-face {
	font-family: "fa-brands";
	font-display: block;
	src: url("../fonts/fa-brands.woff2?v=b9fbd1619dab1c97b009070522655873") 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 {
	.fa-brands {
		display: inline-block;
		line-height: 1;
	}

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

	.fa-brands.fa-facebook-f:before {
		content: "\f101";
	}
	.fa-brands.fa-instagram:before {
		content: "\f102";
	}
	.fa-brands.fa-paypal-brands:before {
		content: "\f103";
	}
	.fa-brands.fa-x-twitter:before {
		content: "\f104";
	}
}