.miw-list-files-error {}

.miw-list-files-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.miw-list-files-wrapper a {
  display: grid;
  align-items: center;
  grid-template-areas: "icon name name" "icon time size";
  grid-template-columns: 3em 3fr 2fr;
  margin: .5em;
  padding: .5em;
  border: 1px solid #000;
  border-radius: .5em;
  gap: .5em;
}

.miw-list-files-wrapper a .name {
  grid-area: name;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #000;
  font-weight: 500;
}

.miw-list-files-wrapper a .time {
  grid-area: time;
}

.miw-list-files-wrapper a .size {
  grid-area: size;
  text-align: right;
}

.miw-list-files-wrapper a .time,
.miw-list-files-wrapper a .size {
  font-size: .75em;
  color: #666;
}

.miw-list-files-wrapper a::before {
  content: "";
  grid-area: icon;
  display: inline-block;
  width: 2.75em;
  height: 2.75em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.miw-list-files-wrapper a[href$=".pdf"]::before {
  background-image: url('../images/pdf.png');
}

.miw-list-files-wrapper a[href$=".pdf"]:hover,
.miw-list-files-wrapper a[href$=".ppt"]:hover,
.miw-list-files-wrapper a[href$=".pptx"]:hover {
  background-color: rgba(222,111,91,.2);
}

.miw-list-files-wrapper a[href$=".xls"]::before,
.miw-list-files-wrapper a[href$=".xlsx"]::before {
  background-image: url('../images/xls.png');
}

.miw-list-files-wrapper a[href$=".xls"]:hover,
.miw-list-files-wrapper a[href$=".xlsx"]:hover {
  background-color: rgba(111,222,111,.2);
}

.miw-list-files-wrapper a[href$=".doc"]::before,
.miw-list-files-wrapper a[href$=".docx"]::before {
  background-image: url('../images/doc.png');
}

.miw-list-files-wrapper a[href$=".doc"]:hover,
.miw-list-files-wrapper a[href$=".docx"]:hover,
.miw-list-files-wrapper a[href$=".jpg"]:hover,
.miw-list-files-wrapper a[href$=".jpeg"]:hover,
.miw-list-files-wrapper a[href$=".png"]:hover {
  background-color: rgba(91,111,222,.2);
}

.miw-list-files-wrapper a[href$=".ppt"]::before,
.miw-list-files-wrapper a[href$=".pptx"]::before {
  background-image: url('../images/ppt.png');
}

.miw-list-files-wrapper a[href$=".jpg"]::before,
.miw-list-files-wrapper a[href$=".jpeg"]::before,
.miw-list-files-wrapper a[href$=".png"]::before {
  background-image: url('../images/img.png');
}

.miw-list-files-wrapper a[href$=".svg"]::before {
  background-image: url('../images/svg.png');
}

.miw-list-files-wrapper a[href$=".svg"]:hover {
  background-color: rgba(255,165,0,.2);
}