@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.woff2?v=5.5.55") format("woff2"),
       url("../fonts/materialdesignicons-webfont.woff?v=5.5.55") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

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

.mdi-file-outline::before { content: "\F0224"; }
.mdi-file-pdf-outline::before { content: "\F0E2D"; }
.mdi-file-word-outline::before { content: "\F103E"; }
.mdi-file-excel-outline::before { content: "\F102D"; }
.mdi-file-powerpoint-outline::before { content: "\F1035"; }
.mdi-file-image-outline::before { content: "\F0EB0"; }
.mdi-file-music-outline::before { content: "\F0E2A"; }
.mdi-file-video-outline::before { content: "\F0E2C"; }
.mdi-file-code-outline::before { content: "\F102B"; }
.mdi-file-document-outline::before { content: "\F09EE"; }
.mdi-zip-box-outline::before { content: "\F0FFA"; }
.mdi-code-json::before { content: "\F0626"; }

.nx-file-type-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
  color: #64748b;
  font-size: 22px;
  line-height: 1;
}

.nx-file-type-icon[data-file-icon-kind="pdf"] { color: #dc2626; }
.nx-file-type-icon[data-file-icon-kind="word"] { color: #2563eb; }
.nx-file-type-icon[data-file-icon-kind="excel"] { color: #16834a; }
.nx-file-type-icon[data-file-icon-kind="powerpoint"] { color: #d4522f; }
.nx-file-type-icon[data-file-icon-kind="image"] { color: #7c3aed; }
.nx-file-type-icon[data-file-icon-kind="audio"] { color: #c026d3; }
.nx-file-type-icon[data-file-icon-kind="video"] { color: #6d28d9; }
.nx-file-type-icon[data-file-icon-kind="archive"] { color: #b7791f; }
.nx-file-type-icon[data-file-icon-kind="markdown"],
.nx-file-type-icon[data-file-icon-kind="code"],
.nx-file-type-icon[data-file-icon-kind="json"] { color: #334155; }