@font-face {
  font-family: 'Symbols';
  font-style: normal;
  font-weight: 400;
  src: url('symbols.woff') format('woff');
  font-display: swap;
}

.symbol, .sy:before {
	display: inline-block;
	font-family: 'Symbols';	/* material-symbols-rounded */
	font-size: 24px;
	/* pour éviter le flickering du au label utilisé pour désigner l'icône qui est plus grand que l'icône */
	width: 24px;
	height: 25px;
	vertical-align: sub;	/* pour le centrer par rapport au texte */
	overflow: hidden;
}
.sy-folder:before{content:'folder';}
.sy-folder_open:before{content:'folder_open';}
.sy-arrow_left:before{content:'arrow_left';}
.sy-file_upload:before{content:'file_upload';}