.attachment-item[data-v-dcc20d60]{border:1px solid #dfdfdf;border-radius:8px;-ms-flex-negative:0;flex-shrink:0;position:relative}.attachment-item.preview[data-v-dcc20d60]{cursor:pointer}.attachment-item:hover .close-btn[data-v-dcc20d60]{opacity:1!important}.attachment-item .close-btn[data-v-dcc20d60]{width:20px;height:20px;background-color:#666;border-radius:50%;position:absolute;left:100%;top:0;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #fff;cursor:pointer;-webkit-transition:opacity .3s;transition:opacity .3s}.attachment-item .close-btn[data-v-dcc20d60]:not(.deleting){opacity:0}.attachment-item .close-btn[data-v-dcc20d60]:hover{background-color:#333}.attachment-item img[data-v-dcc20d60]{width:66px;height:66px}.attachment-item .attachment-item--img[data-v-dcc20d60]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:66px;min-height:66px;width:100%;height:100%;border-radius:8px;overflow:hidden}.attachment-item .attachment-item--inner[data-v-dcc20d60]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px;max-width:200px}.attachment-item .attachment-item--inner .attachment-item--info[data-v-dcc20d60]{margin-left:6px}.attachment-item .attachment-item--inner .attachment-item--info p[data-v-dcc20d60]{margin:0;text-overflow:ellipsis;overflow:hidden;width:120px;height:1.2em;white-space:nowrap;font-weight:600}