@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  /* IE6-8 compat */
  src: url("materialicons-b28698262d8d8766c7c1bede47059ebea19a90a0.eot");
  src: url("materialicons-308ee3580a4a34bd230025d460762d53b5344efc.woff2") format("woff2"), 
    url("materialicons-951adc0458f2ead8495da26886b1f1284a716eaa.woff") format("woff"), 
    url("materialicons-b28698262d8d8766c7c1bede47059ebea19a90a0.eot") format("embedded-opentype"), 
    url("materialicons-b2091f9964be16d1065d5afee6d0b258fe29a5ac.ttf") format("truetype");
}

.material-icons {
  font-family: 'Material Icons';
  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;
}