.file-uploader-v2{border:1px solid #e2e8f0;border-radius:.375rem;inline-size:100%;overflow:hidden}.file-uploader-v2-header{white-space:nowrap;inline-size:100%;overflow:hidden}.file-uploader-v2-dropzone{background-color:var(--color-100);cursor:pointer;border:2px dashed #cbd5e1;border-radius:0 0 .25rem .25rem;flex-direction:column;justify-content:center;align-items:center;block-size:180px;min-block-size:120px;padding:.5rem;transition:all .2s;display:flex}.file-uploader-v2-dropzone.active{background-color:#3b82f60d;border-color:#3b82f6}.file-uploader-v2-dropzone p{color:#64748b;text-align:center;margin-block:0 1rem;margin-inline:0;font-size:.875rem}.file-uploader-v2-preview-list{flex-wrap:wrap;justify-content:center;gap:.75rem;inline-size:100%;display:flex;overflow-y:scroll}.file-uploader-v2-preview-item{inline-size:90px;max-inline-size:90px;margin-block-end:.75rem;position:relative}.file-uploader-v2-preview-content{flex-direction:column;align-items:center;inline-size:100%;display:flex}.file-uploader-v2-thumbnail{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.25rem;block-size:80px;inline-size:80px;position:relative;overflow:hidden}.file-uploader-v2-thumbnail img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%}.file-uploader-v2-progress{background-color:#cbd5e180;block-size:4px;position:absolute;inset-block-end:0;inset-inline:0}.file-uploader-v2-progress-bar{background-color:#3b82f6;block-size:100%;transition:inline-size .2s}.file-uploader-v2-filename{color:#64748b;text-align:center;text-overflow:ellipsis;white-space:nowrap;inline-size:100%;margin-block-start:.25rem;font-size:.75rem;overflow:hidden}.file-uploader-v2-remove-button{color:#fff;cursor:pointer;opacity:0;z-index:20;background-color:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;block-size:20px;inline-size:20px;padding:0;transition:opacity .2s;display:flex;position:absolute;inset-block-start:-2px;inset-inline-end:-2px;box-shadow:0 0 4px #0000004d}.file-uploader-v2-preview-button{color:#fff;cursor:pointer;opacity:0;z-index:10;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;block-size:20px;inline-size:20px;padding:0;transition:opacity .2s;display:flex;position:absolute;inset-block-end:4px;inset-inline-end:4px}.file-uploader-v2-preview-item:hover .file-uploader-v2-remove-button,.file-uploader-v2-preview-item:hover .file-uploader-v2-preview-button{opacity:1}.file-uploader-v2-error{color:#fff;text-align:center;background-color:#ef4444cc;padding:.25rem;font-size:.625rem;position:absolute;inset-block-end:0;inset-inline:0}.file-uploader-v2-status{text-align:center;white-space:nowrap;border-radius:.25rem;margin-block-start:.25rem;padding-block:.125rem;padding-inline:.5rem;font-size:.625rem;display:inline-block}.file-uploader-v2-status-success{color:#166534;background-color:#dcfce7;border:1px solid #86efac}.file-uploader-v2-status-error{color:#b91c1c;background-color:#fee2e2;border:1px solid #fca5a5}.fallback-image-preview{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;inline-size:auto;max-inline-size:90vw;padding:1rem;position:relative;box-shadow:0 4px 12px #00000026}.fallback-image-preview-header{justify-content:flex-end;margin-block-end:.5rem;display:flex}.fallback-image-preview-close{cursor:pointer;color:#64748b;background:0 0;border:none}.fallback-image-preview-close:hover{color:#f43f5e}.fallback-image-preview-content{justify-content:center;align-items:center;display:flex}.file-preview{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;display:inline-block;position:relative;box-shadow:0 4px 12px #00000026}.file-preview-header{justify-content:space-between;align-items:center;margin-block-end:.5rem;display:flex}.file-preview-filename{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.file-preview-close{cursor:pointer;color:#64748b;background:0 0;border:none}.file-preview-close:hover{color:#f43f5e}.file-preview-content{justify-content:center;align-items:center;display:flex}.file-preview.draggable-resizable{-webkit-user-select:none;user-select:none;min-block-size:200px;min-inline-size:200px;overflow:hidden;box-shadow:0 4px 20px #0003}.file-preview-header{cursor:grab;background-color:#f8fafc;border-block-end:1px solid #e2e8f0;padding:8px}.resize-handle{cursor:nwse-resize;background-image:linear-gradient(135deg,#0000 50%,#cbd5e180 50%,#cbd5e1cc 75%,#cbd5e1 100%);block-size:20px;inline-size:20px;position:absolute;inset-block-end:0;inset-inline-end:0}.file-preview-content{justify-content:center;align-items:center;block-size:calc(100% - 40px);display:flex;overflow:hidden}