:host {
  mat-card {
    margin-bottom: 6px;
    padding: 10px;
  }
  .file-name {
    display: flex;
    .file-name-first-part {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }
  .date > span {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40vw;
    white-space: nowrap;
  }
  .date {
    gap: 3px;
    display: flex;
  }
  .result-data {
    max-width: 60vw;
  }
  .result-row {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
  }
  .result-thumbnail {
    position: relative;
    max-width: 50px;
  }
  app-blob-viewer {
    height: 50px;
  }
  .mdi {
    font-size: 40px;
  }
  app-avatar {
    position: absolute;
    z-index: 99;
    right: -6px;
    bottom: -6px;
    width: 20px;
    margin: 0;
  }
}
