@charset "utf-8";
/*! fileicon.css v0.1.1 | MIT License | github.com/picturepan2/fileicon.css */
/* fileicon.basic */
.file-icon {
  font-family: Arial, Tahoma, sans-serif;
  font-family: Consolas, Monaco, monospace;
  font-weight: 300;
  display: inline-block;
  width: 24px;
  height: 32px;
  background: #018fef;
  position: relative;
  border-radius: 2px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.file-icon::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom-left-radius: 2px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--t100) var(--t100) rgba(255, 255, 255, 0.35)
    rgba(255, 255, 255, 0.35);
}

.file-icon::after {
  display: block;
  content: attr(data-type);
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px;
  color: var(--t100);
  text-transform: lowercase;
  width: 100%;
  padding: 2px;
  white-space: nowrap;
  overflow: hidden;
}
/* fileicons */
.file-icon-em {
  width: 3em;
  height: 4em;
  border-radius: 1px;
}
.file-icon-em::before {
  border-bottom-left-radius: 1px;
  border-width: 0.5em;
}
.file-icon-em::after {
  font-size: 1em;
  padding: 0.4em 0.3em;
}

.file-icon[data-type='frag']::after,
.file-icon[data-type='vert']::after,
.file-icon[data-type='glsl']::after {
  content: '.' attr(data-type);
  font-size: 0.75em;
  white-space: pre;
}

.file-icon[data-type='frag'] {
  background: #8077aa;
}

.file-icon[data-type='vert'] {
  background: #88aa77;
}

.file-icon[data-type='glsl'] {
  background: #7799aa;
}

/* fileicon.types */
.file-icon[data-type='zip'],
.file-icon[data-type='rar'] {
  background: #acacac;
}
.file-icon[data-type^='doc'] {
  background: #307cf1;
}
.file-icon[data-type^='xls'] {
  background: #0f9d58;
}
.file-icon[data-type^='ppt'] {
  background: #d24726;
}
.file-icon[data-type='pdf'] {
  background: #e13d34;
}
.file-icon[data-type='txt'] {
  background: #5eb533;
}
.file-icon[data-type='mp3'],
.file-icon[data-type='wma'],
.file-icon[data-type='m4a'],
.file-icon[data-type='flac'] {
  background: #8e44ad;
}
.file-icon[data-type='mp4'],
.file-icon[data-type='wmv'],
.file-icon[data-type='mov'],
.file-icon[data-type='avi'],
.file-icon[data-type='mkv'] {
  background: #7a3ce7;
}
.file-icon[data-type='bmp'],
.file-icon[data-type='jpg'],
.file-icon[data-type='jpeg'],
.file-icon[data-type='gif'],
.file-icon[data-type='png'] {
  background: #f4b400;
}
