.file-list {
  display: grid;
  grid-gap: $spacing-vertical * 2/3;
  grid-template-columns: repeat(auto-fill, var(--card-small-width));
  margin-top: $spacing-vertical * 2/3;
}

.file-list__header {
  font-size: 24px;
  padding-top: $spacing-vertical * 4/3;

  .tooltip {
    margin-left: 5px;
  }
}

.file-tile {
  display: flex;
  font-size: 14px;
  padding-top: $spacing-vertical;

  .card__media {
    flex: 0 0 var(--file-tile-media-width);
    height: var(--file-tile-media-height);
  }
}

.file-tile__info {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: $spacing-vertical * 2/3;
  max-width: 500px;
}

.file-tile--large {
  font-size: 16px;

  .card__media {
    flex: 0 0 var(--file-tile-media-width-large);
    height: var(--file-tile-media-height-large);
  }
}

.file-tile--small {
  font-size: 12px;
  padding-top: $spacing-vertical * 2/3;

  .card__media {
    flex: 0 0 var(--file-tile-media-width-small);
    height: var(--file-tile-media-height-small);
  }
}

.file-tile__title {
  font-size: 1.1em;
  word-break: break-word;
}

.file-tile__uri {
  color: $lbry-gray-5;
}