@layer components {
  .file-attachment__icon {
    flex: 0 0 auto;
    width: 20px;
    border-radius: var(--border-radius);
  }

  /* Draw the separator BETWEEN attachments rather than below each, so a single or
     last attachment never carries a trailing underline. Robust to following
     siblings (unlike :last-child) and to drag-reordering. */
  .file-attachment-row + .file-attachment-row {
    border-top: var(--border);
  }

  .file-attachment__icon--mini {
    flex: 0 0 auto;
    width: 13px;
    border-radius: var(--border-radius);
  }

  .file-attachment__image {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: var(--border-radius);
  }

  .file-attachment__icon--mini .file-attachment__image {
    width: 13px;
    height: 13px;
  }
}