.attachment-container[data-v-4408f5b4]{position:relative}.attachment-container:hover .attachment-button[data-v-4408f5b4]{opacity:1;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.attachment-container .attachment-image[data-v-4408f5b4]{height:128px;width:100%;border:3px solid #d1d1d1;border-radius:4px;cursor:pointer;-o-object-fit:contain;object-fit:contain}.attachment-container .attachment-image[data-v-4408f5b4]:hover{-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);-webkit-transition:-webkit-box-shadow .2s ease;transition:-webkit-box-shadow .2s ease;transition:box-shadow .2s ease;transition:box-shadow .2s ease,-webkit-box-shadow .2s ease}.attachment-container .attachment-name[data-v-4408f5b4]{text-align:center;font-weight:500;width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-container .attachment-button[data-v-4408f5b4]{position:absolute;right:9px;top:9px;width:20px;height:20px;background:#f46a6a;border:none;border-radius:3px;opacity:0}.attachment-container .attachment-button[data-v-4408f5b4]:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.attachment-container .attachment-button i[data-v-4408f5b4]{font-size:18px;color:#fff;margin-left:-5px}@media(max-width:575px){.attachment-container .attachment-image[data-v-4408f5b4]{height:auto}}