.tiptap .tableWrapper{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:hsl(var(--muted))transparent;width:100%;margin:1.5rem 0;padding:2px;overflow:auto visible}.tiptap .tableWrapper::-webkit-scrollbar{height:6px}.tiptap .tableWrapper::-webkit-scrollbar-track{background:0 0}.tiptap .tableWrapper::-webkit-scrollbar-thumb{background:hsl(var(--muted));border-radius:3px}.tiptap[data-editable=true] .tableWrapper::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.5)}.tiptap table{border-collapse:collapse;border-spacing:0;table-layout:fixed;border:1px solid hsl(var(--border));width:100%;min-width:600px;box-shadow:inset 0 0 0 1px hsl(var(--border));border-style:solid;margin:0;overflow:hidden}.tiptap table td,.tiptap table th{border:1px solid hsl(var(--border));vertical-align:top;box-sizing:border-box;border-style:solid;min-width:1em;padding:6px 8px;position:relative}.tiptap table th{text-align:left;background-color:hsl(var(--muted));font-weight:700}.tiptap table td>*,.tiptap table th>*{margin-bottom:0}.tiptap table .selectedCell{background-color:#0000!important;position:relative!important}.tiptap table .selectedCell:after{content:""!important;background:hsl(var(--primary)/.25)!important;border:2px solid hsl(var(--primary)/.6)!important;pointer-events:none!important;z-index:2!important;visibility:visible!important;opacity:1!important;display:block!important;position:absolute!important;inset:0!important}.dark .tiptap table .selectedCell:after{background:hsl(var(--primary)/.3)!important;border-color:hsl(var(--primary)/.7)!important}.tiptap table .column-resize-handle{background-color:hsl(var(--primary));pointer-events:none;z-index:20;opacity:0;width:4px;position:absolute;top:0;bottom:-2px;right:-2px}.tiptap.resize-cursor table .column-resize-handle{opacity:1}.tiptap.resize-cursor{cursor:ew-resize!important;cursor:col-resize!important}.tiptap.resize-cursor *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important;cursor:col-resize!important}.ProseMirror-gapcursor{pointer-events:none;display:none;position:relative}.ProseMirror-gapcursor:after{content:"";border-top:1px solid hsl(var(--foreground));width:20px;animation:1.1s steps(2,start) infinite ProseMirror-cursor-blink;display:block;position:absolute;top:-2px}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}.tiptap table p{margin:0}.tiptap table ul,.tiptap table ol{margin:.5rem 0;padding-left:1.5rem}.tiptap table td>:first-child,.tiptap table th>:first-child{margin-top:0}.tiptap table td>:last-child,.tiptap table th>:last-child{margin-bottom:0}.table-control-button{animation:.15s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.tiptap .tableWrapper{-webkit-overflow-scrolling:touch;overflow-x:scroll}.tiptap table td,.tiptap table th{min-width:80px}.table-control-button{display:none}}.tiptap mark.tiptap-highlight{color:inherit;background-color:#ffe06680;border-radius:.25rem;padding:.125rem .25rem}.tiptap a{color:hsl(var(--primary));cursor:pointer;text-decoration:underline;transition:color .15s}.tiptap[data-editable=true] a:hover{color:hsl(var(--primary)/.8)}.tiptap ::selection,.tiptap table td::selection,.tiptap table th::selection{background-color:hsl(var(--primary)/.3);color:inherit}
.tiptap-columns{flex-wrap:wrap;gap:1rem;margin:1.5rem 0;display:flex;position:relative}.tiptap-column{border-radius:.5rem;outline:none;flex:1;min-width:0;min-height:120px;padding:1.5rem;transition:all .2s ease-in-out;position:relative;border:2px dashed #0000!important}.tiptap[data-editable=true] .tiptap-columns:hover .tiptap-column{border-color:hsl(var(--muted-foreground)/.2)!important}.tiptap[data-editable=true] .tiptap-column:focus-within{background:hsl(var(--accent)/.03);border-color:hsl(var(--primary)/.4)!important}.tiptap[data-editable=true] .tiptap-column:has(.ProseMirror-focused){background:hsl(var(--accent)/.03);border-color:hsl(var(--primary)/.4)!important}.column-resize-handle{cursor:col-resize;z-index:10;position:absolute}.tiptap[data-editable=true] .column-resize-handle:hover{background:hsl(var(--primary)/.2)}@media (max-width:640px){.tiptap-columns{flex-direction:column}.tiptap-column{flex:100%!important;width:100%!important}}.tiptap-column .tiptap-image-upload,.tiptap-column .tiptap-image-upload-dropzone,.tiptap-column .tiptap-image-upload-drag-area,.tiptap-column .image-upload-node,.tiptap-column .image-upload-container,.tiptap-column img,.tiptap-column table,.tiptap-column pre,.tiptap-column .ProseMirror{width:100%;max-width:100%}.tiptap-column ul,.tiptap-column ol{padding-left:1.5rem}@media print{.tiptap-column{padding:.5rem;background:0 0!important;border:none!important}}
.drag-handle{cursor:grab;background:hsl(var(--background));border:1px solid hsl(var(--border));z-index:50;pointer-events:auto;border-radius:.375rem;justify-content:center;align-items:center;width:20px;height:20px;padding:.25rem;transition:opacity .2s ease-in-out;box-shadow:0 2px 4px #0000001a;opacity:0!important;display:flex!important}.tiptap[data-editable=true] .drag-handle:hover{background:hsl(var(--muted));opacity:1!important}.drag-handle:active{cursor:grabbing;box-shadow:0 4px 8px #00000026}.tiptap[data-editable=true] .ProseMirror>:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror p:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror h1:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror h2:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror h3:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror h4:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror h5:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror h6:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror blockquote:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror ul:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror ol:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror li:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror [data-type=embed]:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror [data-type=image-upload]:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror [data-type=video-upload]:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror pre:hover .drag-handle,.tiptap[data-editable=true] .ProseMirror table:hover .drag-handle,.tiptap[data-editable=true] .drag-handle:hover{opacity:1!important}.ProseMirror>*{position:relative}.drag-handle svg{width:14px;height:14px;color:hsl(var(--muted-foreground));pointer-events:none}.tiptap[data-editable=true] .drag-handle:hover svg{color:hsl(var(--foreground))}
