.tiptap .vue-component{background-color:red;border:2px solid #800080;border-radius:.5rem;margin:2rem 0;position:relative}.tiptap .vue-component label{background-color:purple;border-radius:0 0 .5rem;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;position:absolute;top:0}.tiptap .vue-component .content{margin-top:1.5rem;padding:1rem}.tiptap .vue-component .content.is-editable{border:2px dashed #808080;border-radius:.5rem;margin:2.5rem 1rem 1rem;padding:.5rem}.draggable-item{display:flex;padding:.5rem;margin:.5rem;border-radius:.5rem;background:#fff;border:1px solid lightgrey}.draggable-item .content{display:flex;flex-flow:column}.draggable-item .node-controls{display:flex;margin-left:auto;align-items:center}.draggable-item .node-controls .cms-input-group{margin-bottom:0}.draggable-item .drag-handle{flex:0 0 auto;position:relative;width:1rem;height:1rem;top:.3rem;margin-right:.5rem;cursor:grab;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16"><path fill-opacity="0.2" d="M4 14c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zM2 6C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6C.9 0 0 .9 0 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" /></svg>');background-repeat:no-repeat;background-size:contain;background-position:center}.draggable-item .content{flex:1 1 auto}.tiptap[data-v-716c4c82]>*+*{margin-top:.75em}