@font-face {
  font-family: 'mticon';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/materialiconsround/v67/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2) format('woff2');
}

@font-face {
  font-family: 'smticon';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v51/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');
}

.smticon,
.mticon-sharp {
  font-family: 'smticon';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}



smticon,
mticon {
	display: flex; justify-content: center; align-items: center; width: 24px; height: 24px;
}

smticon:after,
mticon:after {
	content: attr(icon);
	font-family: mticon !important;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 0px;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	word-wrap: normal;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}

smticon:after {
	content: attr(icon);
	font-family: smticon !important;
}

.smticon,
.mticon,
*[smticon],
*[mticon] {
	font-family: mticon !important;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 0px;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	word-wrap: normal;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}

.smticon,
.mticon,
smticon:after,
*[smticon] {
	font-family: smticon !important;
}