@font-face {
  font-family: "Material Design Icons";
  src: url("./materialdesignicons-webfont.woff2")
      format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.mdi:before {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-chevron-left::before {
  content: "\F0141";
}
.mdi-chevron-right::before {
  content: "\F0142";
}
.mdi-circle-medium::before {
  content: "\F09DE";
}
.mdi-play::before {
  content: "\F040A";
}
.mdi-pause::before {
  content: "\F03E4";
}
.mdi-check-circle::before {
  content: "\F05E0";
}
.mdi-chevron-down::before {
  content: "\F0140";
}
.mdi-chevron-up::before {
  content: "\F0143";
}
.mdi-arrow-down::before {
  content: "\F0045";
}
.mdi-close::before {
  content: "\F0156";
}
.mdi-plus::before {
  content: "\F0415";
}
.mdi-minus::before {
  content: "\F0374";
}
.mdi-arrow-right::before {
  content: "\F0054";
}