.comment-media[data-v-7764247f]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:8px}.comment-media-tile[data-v-7764247f]{position:relative;width:48px;height:48px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;overflow:hidden;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}.comment-media-tile[data-v-7764247f]:hover{border-color:#d1d5db;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1)}.comment-media-img[data-v-7764247f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.comment-media-placeholder[data-v-7764247f]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f9fafb}.comment-media-icon[data-v-7764247f]{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.comment-media-delete[data-v-7764247f]{position:absolute;top:2px;right:2px;width:18px;height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:50%;background:rgba(220,53,69,.9);color:#fff;cursor:pointer;opacity:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.comment-media-tile:hover .comment-media-delete[data-v-7764247f]{opacity:1}.vue-feather[data-v-7764247f]{display:inline-block;vertical-align:middle}