.tiptap.ProseMirror{--column-block-gap:1.25rem;--column-border-color:var(--tt-gray-light-200);--column-border-color-hover:var(--tt-gray-light-400)}.dark .tiptap.ProseMirror{--column-border-color:var(--tt-gray-dark-200);--column-border-color-hover:var(--tt-gray-dark-400)}.tiptap.ProseMirror .column-block-wrapper{width:100%;min-width:0;max-width:100%}.tiptap.ProseMirror div[data-type=columnBlock]{gap:var(--column-block-gap);width:100%;min-width:0;max-width:100%;max-height:var(--scribe-page-max-height,var(--page-max-height));align-items:start;margin:1rem 0;display:grid;overflow:hidden}.tiptap.ProseMirror div[data-type=columnBlock][data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.tiptap.ProseMirror div[data-type=columnBlock][data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.tiptap.ProseMirror div[data-type=columnBlock][data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.tiptap.ProseMirror div[data-type=column]{min-width:0;max-height:var(--scribe-page-max-height,var(--page-max-height));border:1px dashed #0000;border-radius:.375rem;padding:.5rem .75rem;transition:border-color .12s;position:relative;overflow:hidden}.tiptap.ProseMirror div[data-type=column]>:first-child{margin-top:0}.tiptap.ProseMirror div[data-type=column]>:last-child{margin-bottom:0}.tiptap.ProseMirror:focus-within div[data-type=column]{border-color:var(--column-border-color)}.tiptap.ProseMirror:focus-within div[data-type=column]:hover,.tiptap.ProseMirror:focus-within div[data-type=column]:focus-within{border-color:var(--column-border-color-hover)}@media (max-width:720px){.tiptap.ProseMirror div[data-type=columnBlock]{grid-template-columns:1fr!important}}.tiptap-page-header div[data-type=columnBlock],.tiptap-page-footer div[data-type=columnBlock]{gap:var(--column-block-gap,1.25rem);align-items:start;width:100%;display:grid}.tiptap-page-header div[data-type=columnBlock][data-cols="2"],.tiptap-page-footer div[data-type=columnBlock][data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.tiptap-page-header div[data-type=columnBlock][data-cols="3"],.tiptap-page-footer div[data-type=columnBlock][data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.tiptap-page-header div[data-type=columnBlock][data-cols="4"],.tiptap-page-footer div[data-type=columnBlock][data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.tiptap-page-header div[data-type=column],.tiptap-page-footer div[data-type=column]{min-width:0}.tiptap-page-header div[data-type=columnResizer],.tiptap-page-footer div[data-type=columnResizer]{display:none}.tiptap.ProseMirror .column-block-wrapper{position:relative}.tiptap.ProseMirror .column-block-add-bar{z-index:5;cursor:pointer;opacity:0;-webkit-user-select:none;user-select:none;justify-content:center;align-items:stretch;width:12px;transition:opacity .12s;display:flex;position:absolute}.tiptap.ProseMirror .column-block-add-bar:before{content:"";background:var(--column-border-color-hover);width:2px;transition:width .12s}.tiptap.ProseMirror .column-block-add-bar--start{left:0;transform:translate(-50%)}.tiptap.ProseMirror .column-block-add-bar--end{right:0;transform:translate(50%)}.tiptap.ProseMirror .column-block-wrapper:hover .column-block-add-bar,.tiptap.ProseMirror .column-block-wrapper:focus-within .column-block-add-bar{opacity:.5}.tiptap.ProseMirror .column-block-wrapper:hover .column-block-add-bar:hover{opacity:1}.tiptap.ProseMirror .column-block-wrapper:hover .column-block-add-bar:hover:before{width:3px}.tiptap.ProseMirror .column-block-wrapper--full .column-block-add-bar{display:none}.tiptap.ProseMirror .column-resizer{z-index:5;cursor:col-resize;opacity:0;-webkit-user-select:none;user-select:none;justify-content:center;align-items:stretch;width:12px;transition:opacity .12s;display:flex;position:absolute;transform:translate(-50%)}.tiptap.ProseMirror .column-resizer:before{content:"";background:var(--column-border-color-hover);width:2px;transition:width .12s}.tiptap.ProseMirror .column-block-wrapper:hover .column-resizer{opacity:.5}.tiptap.ProseMirror .column-block-wrapper:hover .column-resizer:hover,.tiptap.ProseMirror .column-resizer--active{opacity:1}.tiptap.ProseMirror .column-resizer--active:before{width:3px}