.preview-container[data-v-5c5e3e24]{align-items:center;display:flex;gap:10px;width:100%}.placeholder[data-v-5c5e3e24],.thumbnail[data-v-5c5e3e24]{background-color:#f3f3f3;border-radius:var(--border-radius);color:#888;display:block;font-size:12px;height:100px;line-height:100px;text-align:center;width:100px}.thumbnail[data-v-5c5e3e24]{-o-object-fit:cover;object-fit:cover}.placeholder[data-v-5c5e3e24]{background-color:#f3f3f3}.file-name[data-v-5c5e3e24]{text-align:left}.drag-and-drop[data-v-5c5e3e24]{align-items:center;border:2px dashed var(--input-border);border-radius:var(--border-radius);color:var(--para-color);cursor:pointer;display:flex;flex-direction:column;height:160px;justify-content:center;line-height:1.4;padding:30px;text-align:center;transition:background-color .3s}.drag-and-drop.dragover[data-v-5c5e3e24],.drag-and-drop[data-v-5c5e3e24]:hover{background-color:var(--input-color)}.remove-button[data-v-5c5e3e24]{background-color:#000000b3;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:16px;height:30px;left:50%;line-height:30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:30px}.remove-button[data-v-5c5e3e24]:hover{background-color:#ff0000b3}.preview-container:hover .remove-button[data-v-5c5e3e24]{display:block}.loader[data-v-5c5e3e24]{animation:l1-5c5e3e24 1s normal forwards;animation-timing-function:cubic-bezier(.77,.235,.155,.96);background:linear-gradient(var(--primary-color) 0 0) 0/0 no-repeat var(--input-color);display:none;height:10px;margin-left:10%;margin-right:10%;margin-top:-5px;position:absolute;top:50%;width:80%;z-index:5}@keyframes l1-5c5e3e24{85%{opacity:1}to{background-size:100%;opacity:0}}