.safe-media-attachments[data-v-886d8ffa]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.safe-media-attachments--compact[data-v-886d8ffa]{grid-template-columns:repeat(auto-fill,minmax(128px,180px))}.safe-media-attachments__item[data-v-886d8ffa]{border:1px solid var(--line-color);background:var(--surface-color);border-radius:12px;min-width:0;overflow:hidden}.safe-media-attachments__item>a[data-v-886d8ffa],.safe-media-attachments__item>video[data-v-886d8ffa]{aspect-ratio:16/10;background:var(--surface-muted);object-fit:cover;width:100%;display:block}.safe-media-attachments__item>a[data-v-886d8ffa]{overflow:hidden}.safe-media-attachments__item>a img[data-v-886d8ffa]{object-fit:cover;width:100%;height:100%;transition:transform .16s;display:block}.safe-media-attachments__item>a:hover img[data-v-886d8ffa]{transform:scale(1.025)}.safe-media-attachments__item footer[data-v-886d8ffa]{min-width:0;min-height:34px;color:var(--text-muted);align-items:center;gap:7px;padding:6px 9px;display:flex}.safe-media-attachments__item footer>span[data-v-886d8ffa]{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.safe-media-attachments__item footer strong[data-v-886d8ffa]{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.safe-media-attachments__item footer small[data-v-886d8ffa]{flex:none;font-size:9px}.safe-media-attachments__item footer>a[data-v-886d8ffa]{width:24px;height:24px;color:var(--text-muted);border-radius:7px;flex:0 0 24px;place-items:center;display:grid}.safe-media-attachments__item footer>a[data-v-886d8ffa]:hover{background:var(--surface-muted);color:var(--text-primary)}.safe-media-attachments--compact .safe-media-attachments__item footer[data-v-886d8ffa]{display:none}.safe-media-attachments--compact .safe-media-attachments__item>a[data-v-886d8ffa],.safe-media-attachments--compact .safe-media-attachments__item>video[data-v-886d8ffa]{aspect-ratio:1}