.formgent-field-single--file-upload{display:flex;width:100%}.formgent-field-single--file-upload .formgent-file-upload-wrapper,.formgent-upload-container{display:flex;flex-direction:column;justify-content:center;width:100%}.formgent-upload-container .formgent-warning-message{margin-top:10px}.formgent-upload-area{align-items:center;background:var(--formgent-field-background-color);border:1px dashed var(--formgent-color-gray-300);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:150px}.formgent-upload-area:focus{outline:none}.formgent-upload-area:focus-visible{border-color:var(--formgent-color-primary);box-shadow:0 0 0 3px var(--formgent-color-focus-rgb)}.formgent-upload-area p{color:var(--formgent-field-placeholder-color);font-size:14px;font-weight:400;line-height:1.6;margin:8px 0 0;text-align:center}.formgent-upload-area .just-validate-error-label{flex:none!important;margin-top:10px}.formgent-file-upload-disabled{opacity:.5;pointer-events:none}.formgent-upload-button{align-items:center;background:var(--formgent-color-gray-500,#747c89);border:0;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;text-align:center;transition:.3s ease}.formgent-upload-button svg{height:12px;width:12px}.formgent-upload-button svg path{fill:#fff}.formgent-upload-button:hover{background-color:#5a6268}.formgent-upload-area.formgent-file-upload-highlight{background-color:#e9f7ff;border-color:#007bff}.formgent-preview-container{display:flex;justify-content:space-between}.formgent-preview-container:not(:empty){margin-top:20px}.formgent-preview-container{align-items:center;gap:12px}.formgent-preview-container .formgent-file-name{color:var(--formgent-color-gray-700);font-size:13px;margin:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.formgent-preview-container .formgent-file-preview-status{align-items:center;display:flex;font-size:12px;gap:6px;height:12px;line-height:normal;width:150px}.formgent-preview-container .formgent-file-upload-progress{border:1px solid var(--formgent-color-gray-200);border-radius:25px;height:100%;overflow:hidden;padding:0;position:relative;width:100%}.formgent-preview-container .formgent-file-upload-progress:before{background:var(--formgent-color-success);content:"";height:100%;left:0;position:absolute;top:0;width:var(--formgent-file-upload-progress)}.formgent-preview-items{margin:0;padding:0}.formgent-file-preview-media{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:12px}.formgent-file-preview-media img,.formgent-file-preview-media video{border-radius:8px;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.formgent-file-preview-media svg{height:40px;width:40px}.formgent-file-preview-media svg path{fill:var(--formgent-color-gray-300)}.formgent-file-preview-media div{align-items:center;display:flex;flex:none;height:40px;justify-content:center;width:40px}.formgent-preview-image{border-radius:8px;height:auto;max-width:60px}.formgent-file-preview-action{align-items:center;background-color:#fff;border-radius:7px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:.3s ease;width:28px}.formgent-file-preview-action .formgent-file-delete{align-items:center;border-radius:7px;display:inline-flex;height:100%;justify-content:center;outline:none;width:100%}.formgent-file-preview-action .formgent-file-delete:focus{outline:none}.formgent-file-preview-action .formgent-file-delete:focus-visible{border:1px solid var(--formgent-color-primary);box-shadow:0 0 0 3px var(--formgent-color-focus-rgb)}.formgent-file-preview-action svg{height:16px;width:16px}.formgent-file-preview-action svg path{stroke:var(--formgent-color-gray-400);transition:.3s ease}.formgent-file-preview-action .formgent-file-delete{position:relative}.formgent-preview-container:hover .formgent-file-preview-action{background-color:var(--formgent-color-gray-200)}.formgent-preview-container:hover .formgent-file-preview-action svg path{stroke:var(--formgent-color-danger)}
