@font-face {
	font-family: "Material Symbols Outlined";
	font-style: normal;
	font-weight: 300;
	src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v215/kJF4BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY40KH8nGzv3fzfVJU22ZZLsYEpzC_1qmr5Y0.woff2) format("woff2");
}

.material-symbols-outlined {
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px; /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	font-variation-settings: "FILL" 0, "GRAD" -25, "opsz" 24, "wght" 300;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}
.material-symbols-outlined-reversed {
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px; /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	font-variation-settings: "FILL" 0, "GRAD" -25, "opsz" 24, "wght" 300;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	transform: rotate(180deg); /* Rotates the icon by 180 degrees */
	transform-origin: center; /* Ensures rotation happens around the center */
}