@charset "UTF-8";.attachment-item[data-v-dc76b0b6]{width:100px}.attachment-card[data-v-dc76b0b6]{position:relative;width:100px;height:100px;border-radius:var(--bf-radius-sm);overflow:hidden;cursor:pointer;border:var(--bf-border-width) solid var(--bs-border-color);background:var(--bs-body-bg);transition:all .3s ease}.attachment-card[data-v-dc76b0b6]:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.attachment-image[data-v-dc76b0b6]{width:100%;height:100%;object-fit:cover;display:block}.attachment-placeholder[data-v-dc76b0b6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bs-secondary-bg)}.attachment-delete-btn-corner[data-v-dc76b0b6]{position:absolute;top:var(--bf-space-xs);right:var(--bf-space-xs);width:24px;height:24px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;z-index:10;opacity:0;visibility:hidden;transition:all .3s ease}.attachment-card:hover .attachment-delete-btn-corner[data-v-dc76b0b6],.attachment-card:focus-within .attachment-delete-btn-corner[data-v-dc76b0b6]{opacity:1;visibility:visible}.attachment-delete-btn-corner[data-v-dc76b0b6]:hover{transform:scale(1.15)}.attachment-delete-btn-corner i[data-v-dc76b0b6]{font-size:12px}.attachment-add-btn[data-v-dc76b0b6]{width:100px;height:100px;border:var(--bf-border-width-strong) dashed var(--bs-border-color);border-radius:var(--bf-radius-sm);background:var(--bs-secondary-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--bs-secondary-color)}.attachment-add-btn[data-v-dc76b0b6]:hover{background:var(--bs-tertiary-bg);border-color:var(--bs-secondary-color);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}