/* Image thumbnails and the video play tile inside the three document-row badges:
   the Docs library, the chat's Files & documents drawer and the Team docs block. */
#panel-docs .docs-badge.has-thumb,
.teams-panel .teams-documents-drawer__icon.has-thumb,
.space-team-docs .docs-badge.has-thumb { padding: 0; overflow: hidden; background: var(--tm-bg-alt); }
#panel-docs .docs-badge .docs-thumb-img,
.teams-panel .teams-documents-drawer__icon .docs-thumb-img,
.space-team-docs .docs-badge .docs-thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* The icon sits under the image until it loads, then is covered by it. */
#panel-docs .docs-badge.has-thumb, .teams-panel .teams-documents-drawer__icon.has-thumb, .space-team-docs .docs-badge.has-thumb { position: relative; }
#panel-docs .docs-badge.has-thumb > i, .teams-panel .teams-documents-drawer__icon.has-thumb > i, .space-team-docs .docs-badge.has-thumb > i { display: none; }

/* Video: a dark tile with a play button, in place of the purple file icon. */
#panel-docs .docs-badge--video,
.teams-panel .teams-documents-drawer__icon--video,
.space-team-docs .docs-badge--video { color: #fff; background: #2b2f36; font-size: 18px; }