/*
 * Local icon fallback.
 * The project keeps the historical .material-icons class in templates so
 * existing custom pages remain compatible, but it does not load a remote
 * icon font. app.js maps known names to Unicode symbols at runtime.
 */
.material-icons {
  display: inline-block;
  width: 1.2em;
  min-width: 1.2em;
  text-align: center;
  font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", sans-serif;
  font-size: 1.15rem;
  line-height: 1;
  vertical-align: middle;
  /*text-indent: -9999px;*/
  overflow: hidden;
}

.material-icons::before {
  content: "•";
  display: inline-block;
  font-size: inherit;
  text-indent: 0;
}

.material-icons[data-icon]::before {
  content: attr(data-icon);
}