: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{-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start;width:3.125rem;height:3.75rem;display:inline-flex;position:relative}.tiptap-image-upload .tiptap-image-upload-icon-container{background-color:var(--tiptap-image-upload-icon-bg);border-radius:var(--tt-radius-lg,.75rem);justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex;position:absolute;bottom:0;right:0}.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{color:var(--tiptap-image-upload-icon-doc-border);position:absolute;top:0;bottom:0;right:.25rem}.tiptap-image-upload .tiptap-image-upload-text{color:var(--tiptap-image-upload-text-color);font-size:.875rem;font-weight:500;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-size:.75rem;font-weight:600;line-height:normal}.tiptap-image-upload .tiptap-image-upload-drag-area{border:1.5px dashed var(--tiptap-image-upload-border);border-radius:var(--tt-radius-md,.5rem);text-align:center;cursor:pointer;padding:2rem 1.5rem;transition:all .2s;position:relative;overflow:hidden}.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{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.tiptap-image-upload .tiptap-image-upload-previews{flex-direction:column;gap:.75rem;display:flex}.tiptap-image-upload .tiptap-image-upload-header{border-bottom:1px solid var(--tiptap-image-upload-border);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 0;display:flex}.tiptap-image-upload .tiptap-image-upload-header span{color:var(--tiptap-image-upload-text-color);font-size:.875rem;font-weight:500}.tiptap-image-upload .tiptap-image-upload-preview{border-radius:var(--tt-radius-md,.5rem);position:relative;overflow:hidden}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-progress{background-color:var(--tiptap-image-upload-progress-bg);transition:all .3s ease-out;position:absolute;inset:0}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-preview-content{border:1px solid var(--tiptap-image-upload-border);border-radius:var(--tt-radius-md,.5rem);justify-content:space-between;align-items:center;padding:1rem;display:flex;position:relative}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info{align-items:center;gap:.75rem;height:2rem;display:flex}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon{background-color:var(--tiptap-image-upload-icon-bg);border-radius:var(--tt-radius-lg,.75rem);padding:.5rem}.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{flex-direction:column;display:flex}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions{align-items:center;gap:.5rem;display:flex}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions .tiptap-image-upload-progress-text{color:var(--tiptap-image-upload-border-active);font-size:.75rem;font-weight:600}.tiptap.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .tiptap-image-upload-drag-area{border-color:var(--tiptap-image-upload-active)}@media (max-width:480px){.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}}