:root{--tiptap-image-upload-active:var(--tt-brand-color-500);--tiptap-image-upload-icon-bg:var(--tt-brand-color-500);--tiptap-image-upload-text-color:var(--tt-gray-light-a-700);--tiptap-image-upload-border:var(--tt-gray-light-a-500);--tiptap-image-upload-border-hover:var(--tt-gray-light-a-600);--tiptap-image-upload-border-active:var(--tt-brand-color-700);--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-icon-bg:var(--tt-brand-color-400);--tiptap-image-upload-text-color:var(--tt-gray-dark-a-700);--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;-ms-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{color:var(--tiptap-image-upload-icon-color);width:.875rem;height:.875rem}.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-drag-area{border:1px dashed var(--tiptap-image-upload-border);background-color:var(--tt-gray-dark-900);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.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .tiptap-image-upload-drag-area{border-color:var(--tt-blue-custom-500)}@media (width<=480px){.tiptap-image-upload .tiptap-image-upload-drag-area{padding:1.5rem 1rem}}