:root{--tiptap-image-upload-active:var(--tt-brand-color-500);--tiptap-image-upload-progress-bg:var(--tt-brand-color-50);--tiptap-image-upload-icon-bg:var(--tt-brand-color-500);--tiptap-image-upload-text-color:var(--tt-gray-light-a-700);--tiptap-image-upload-subtext-color:var(--tt-gray-light-a-400);--tiptap-image-upload-border:var(--tt-gray-light-a-300);--tiptap-image-upload-border-hover:var(--tt-gray-light-a-400);--tiptap-image-upload-border-active:var(--tt-brand-color-500);--tiptap-image-upload-icon-doc-bg:var(--tt-gray-light-a-200);--tiptap-image-upload-icon-doc-border:var(--tt-gray-light-300);--tiptap-image-upload-icon-color:var(--white)}.dark{--tiptap-image-upload-active:var(--tt-brand-color-400);--tiptap-image-upload-progress-bg:var(--tt-brand-color-900);--tiptap-image-upload-icon-bg:var(--tt-brand-color-400);--tiptap-image-upload-text-color:var(--tt-gray-dark-a-700);--tiptap-image-upload-subtext-color:var(--tt-gray-dark-a-400);--tiptap-image-upload-border:var(--tt-gray-dark-a-300);--tiptap-image-upload-border-hover:var(--tt-gray-dark-a-400);--tiptap-image-upload-border-active:var(--tt-brand-color-400);--tiptap-image-upload-icon-doc-bg:var(--tt-gray-dark-a-200);--tiptap-image-upload-icon-doc-border:var(--tt-gray-dark-300);--tiptap-image-upload-icon-color:var(--black)}.tiptap-image-upload{margin:2rem 0}.tiptap-image-upload input[type=file]{display:none}.tiptap-image-upload .tiptap-image-upload-dropzone{position:relative;width:3.125rem;height:3.75rem;display:inline-flex;align-items:flex-start;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiptap-image-upload .tiptap-image-upload-icon-container{position:absolute;width:1.75rem;height:1.75rem;bottom:0;right:0;background-color:var(--tiptap-image-upload-icon-bg);border-radius:var(--tt-radius-lg,.75rem);display:flex;align-items:center;justify-content:center}.tiptap-image-upload .tiptap-image-upload-icon{width:.875rem;height:.875rem;color:var(--tiptap-image-upload-icon-color)}.tiptap-image-upload .tiptap-image-upload-dropzone-rect-primary{color:var(--tiptap-image-upload-icon-doc-bg);position:absolute}.tiptap-image-upload .tiptap-image-upload-dropzone-rect-secondary{position:absolute;top:0;right:.25rem;bottom:0;color:var(--tiptap-image-upload-icon-doc-border)}.tiptap-image-upload .tiptap-image-upload-text{color:var(--tiptap-image-upload-text-color);font-weight:500;font-size:.875rem;line-height:normal}.tiptap-image-upload .tiptap-image-upload-text em{font-style:normal;text-decoration:underline}.tiptap-image-upload .tiptap-image-upload-subtext{color:var(--tiptap-image-upload-subtext-color);font-weight:600;line-height:normal;font-size:.75rem}.tiptap-image-upload .tiptap-image-upload-drag-area{padding:2rem 1.5rem;border:1.5px dashed var(--tiptap-image-upload-border);border-radius:var(--tt-radius-md,.5rem);text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease}.tiptap-image-upload .tiptap-image-upload-drag-area:hover{border-color:var(--tiptap-image-upload-border-hover)}.tiptap-image-upload .tiptap-image-upload-drag-area.drag-active{border-color:var(--tiptap-image-upload-border-active);background-color:rgba(var(--tiptap-image-upload-active-rgb,0,123,255),.05)}.tiptap-image-upload .tiptap-image-upload-drag-area.drag-over{border-color:var(--tiptap-image-upload-border-active);background-color:rgba(var(--tiptap-image-upload-active-rgb,0,123,255),.1)}.tiptap-image-upload .tiptap-image-upload-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiptap-image-upload .tiptap-image-upload-previews{display:flex;flex-direction:column;gap:.75rem}.tiptap-image-upload .tiptap-image-upload-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--tiptap-image-upload-border);margin-bottom:.5rem}.tiptap-image-upload .tiptap-image-upload-header span{font-size:.875rem;font-weight:500;color:var(--tiptap-image-upload-text-color)}.tiptap-image-upload .tiptap-image-upload-preview{position:relative;border-radius:var(--tt-radius-md,.5rem);overflow:hidden}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-progress{position:absolute;inset:0;background-color:var(--tiptap-image-upload-progress-bg);transition:all .3s ease-out}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-preview-content{position:relative;border:1px solid var(--tiptap-image-upload-border);border-radius:var(--tt-radius-md,.5rem);padding:1rem;display:flex;align-items:center;justify-content:space-between}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info{display:flex;align-items:center;gap:.75rem;height:2rem}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon{padding:.5rem;background-color:var(--tiptap-image-upload-icon-bg);border-radius:var(--tt-radius-lg,.75rem)}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon svg{width:.875rem;height:.875rem;color:var(--tiptap-image-upload-icon-color)}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-details{display:flex;flex-direction:column}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions{display:flex;align-items:center;gap:.5rem}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions .tiptap-image-upload-progress-text{font-size:.75rem;color:var(--tiptap-image-upload-border-active);font-weight:600}.tiptap.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .tiptap-image-upload-drag-area{border-color:var(--tiptap-image-upload-active)}@media(max-width:768px){.tiptap-image-upload .tiptap-image-upload-drag-area{padding:1.5rem 1rem}.tiptap-image-upload .tiptap-image-upload-header{flex-direction:column;align-items:flex-start;gap:.5rem}.tiptap-image-upload .tiptap-image-upload-preview-content{padding:.75rem}}