.dropzone[data-v-468663fa],.uploader[data-v-468663fa]{height:100%}.dropped-zone[data-v-468663fa],.dropzone[data-v-468663fa]{font-size:calc(var(--body-font-size,14px) * var(--font-increase-size,1))}.dropzone input[data-v-468663fa]{display:none}.dropzone label[data-v-468663fa]{gap:var(--spacing-100,4px);cursor:pointer;flex-direction:column;width:100%;height:100%}.dropzone label[data-v-468663fa],.dropzone label>i[data-v-468663fa]{justify-content:center;align-items:center;display:flex}.dropped-zone[data-v-468663fa]{align-items:flex-start;gap:var(--spacing-300,12px);height:100%;padding:var(--spacing-100,4px);display:flex}.file-type-icon[data-v-468663fa]{justify-content:center;align-items:center;margin-top:2px;display:flex}.file-info[data-v-468663fa]{flex-direction:column;flex:1;gap:2px;display:flex}.file-name-row[data-v-468663fa]{justify-content:space-between;align-items:center;gap:var(--spacing-500,20px);display:flex}.file-name[data-v-468663fa]{text-overflow:ellipsis;white-space:nowrap;width:200px;font-weight:var(--font-weight-medium,500);overflow:hidden}@media (width>=768px){.file-name[data-v-468663fa]{width:350px}}.trash-btn[data-v-468663fa]{cursor:pointer;color:var(--color-neutral-500,#737373);background:0 0;border:none;align-items:center;padding:0;display:flex}.trash-btn[data-v-468663fa]:hover{color:var(--color-neutral-700,#404040)}.progress-status[data-v-468663fa]{align-items:center;gap:var(--spacing-100,4px);font-weight:var(--font-weight-medium,500);display:flex}.status-completed[data-v-468663fa]{color:var(--color-success,#11c00d)}.status-failed[data-v-468663fa]{color:var(--color-error,#ff3b30)}.status-progressing[data-v-468663fa]{color:var(--color-neutral-900,#171717)}.spin[data-v-468663fa]{animation:1s linear infinite spin-468663fa}@keyframes spin-468663fa{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.progress-bar[data-v-468663fa]{align-items:center;gap:var(--spacing-300,12px);margin-top:var(--spacing-100,4px);width:100%;display:flex;overflow:hidden}.progress-fill[data-v-468663fa]{height:var(--spacing-200,8px);background:var(--color-neutral-900,#171717);border-radius:5px;transition:width .15s}.progress-label[data-v-468663fa]{color:var(--color-neutral-600,#525252)}.percentage[data-v-468663fa]{color:var(--color-neutral-700,#404040);font-weight:var(--font-weight-medium,500)}.progress-wrapper[data-v-468663fa]{gap:var(--spacing-200,8px);display:flex}.progress-wrapper span[data-v-468663fa]:nth-child(2){border-right:1px solid var(--color-neutral-300,#d4d4d4)}.image-input-wrapper[data-v-499c4390]{gap:var(--spacing-150,6px);flex-direction:column;display:flex}.image-input-wrapper.disabled[data-v-499c4390]{opacity:.5;filter:grayscale()}.image-input-wrapper .labels[data-v-499c4390]{justify-content:space-between;display:flex}.image-input-wrapper .labels .label[data-v-499c4390]{color:var(--color-dark-80,#696980)}.image-input-wrapper .input-wrapper[data-v-499c4390]{border-radius:5px;justify-content:center;align-items:center;display:flex;position:relative}.image-input-wrapper .input-wrapper[data-v-499c4390]>:nth-child(2){flex:1}.image-input-wrapper .input-wrapper.invalid[data-v-499c4390]{border:1px solid var(--color-invalid,#e25b5b)}.image-input-wrapper .input-wrapper .image-input-overlay[data-v-499c4390]{opacity:0;background-color:#0006;border-radius:5px;width:100%;height:100%;transition:opacity .1s ease-in-out;position:absolute}.image-input-wrapper .input-wrapper .image-input-overlay[data-v-499c4390]:hover{opacity:1}.image-input-wrapper .input-wrapper .image-input-overlay[data-v-499c4390] label{color:var(--color-white,#fff)}