.page-share-note{position:relative;height:100vh;overflow:hidden}.page-share-note .tiptap-editor{position:absolute;top:0;left:0;right:0;bottom:0;width:100%}.page-share-note .tiptap-editor .toolbar{height:40px}.page-share-note .tiptap-editor .toolbar .o-menubar-btn{height:40px;color:#fff;font-size:0.8rem;margin:0 2px;-webkit-box-shadow:none;box-shadow:none}.page-share-note .tiptap-editor .toolbar .o-menubar-btn.q-btn--rectangle{border-radius:0}.page-share-note .tiptap-editor .menububble .o-menubar-btn{margin:0 2px}.page-share-note .tiptap-editor .editor-scroll-area{position:absolute;top:0px;left:0;right:0;bottom:0}.page-share-note .tiptap-editor .editor__content{padding:3rem}.page-share-note .tiptap-editor .editor__content h1:first-child{display:none}.page-share-note .tiptap-editor .editor__content .is-empty:first-child:before,.page-share-note .tiptap-editor .editor__content .is-empty:nth-child(2):before,.page-share-note .tiptap-editor .editor__content p.is-empty:first-child:before{content:attr(data-empty-text);float:left;color:#aaa;pointer-events:none;height:0;font-style:italic}.page-share-note .tiptap-editor .view-page{background:#f7f8fa}.page-share-note .tiptap-editor .view-page .editor__content{max-width:800px;min-height:calc(100vh - 90px);margin:1rem auto;background:#fff;-webkit-box-shadow:0 1px 10px 2px rgba(0,0,0,0.06);box-shadow:0 1px 10px 2px rgba(0,0,0,0.06);-webkit-box-sizing:border-box;box-sizing:border-box}.mobile .page-share-note .tiptap-editor .editor__content{padding:1rem}.mobile .page-share-note .tiptap-editor .view-page .editor__content{margin:0 auto}.tiptap .ProseMirror{white-space:unset!important}.tiptap :focus{outline:none}.tiptap blockquote,.tiptap h1,.tiptap h2,.tiptap h3,.tiptap h4,.tiptap h5,.tiptap ol,.tiptap pre,.tiptap ul{margin:1rem 0}.tiptap p{margin:0.5rem 0}.tiptap blockquote:first-child,.tiptap h1:first-child,.tiptap h2:first-child,.tiptap h3:first-child,.tiptap ol:first-child,.tiptap p:first-child,.tiptap pre:first-child,.tiptap ul:first-child{margin-top:0}.tiptap h1:first-child{padding-bottom:6px;margin-bottom:1.2rem}.tiptap blockquote:last-child,.tiptap h1:last-child,.tiptap h2:last-child,.tiptap h3:last-child,.tiptap ol:last-child,.tiptap p:last-child,.tiptap pre:last-child,.tiptap ul:last-child{margin-bottom:0}.tiptap h1,.tiptap h2,.tiptap h3,.tiptap h4,.tiptap h5{line-height:1.3}.tiptap h1{font-size:3rem;border-bottom:1px solid #e8e8e8}.tiptap h2{font-size:2.6rem}.tiptap h3{font-size:2rem}.tiptap h4{font-size:1.8rem}.tiptap h5{font-size:1.5rem}.tiptap hr{margin:0!important}.tiptap .button{font-weight:700;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:transparent;border:0;color:#000;padding:0.2rem 0.5rem;margin-right:0.2rem;border-radius:3px;cursor:pointer;background-color:rgba(0,0,0,0.1)}.tiptap .button:hover{background-color:rgba(0,0,0,0.15)}.tiptap .message{background-color:rgba(0,0,0,0.05);color:rgba(0,0,0,0.7);padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-style:italic}.tiptap .editor{position:relative;max-width:30rem;margin:0 auto 5rem}.tiptap .editor__content{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.tiptap .editor__content *{caret-color:currentColor}.tiptap .editor__content pre{padding:0.7rem 1rem;border-radius:5px;background:#000;color:#fff;font-size:0.8rem;overflow-x:auto}.tiptap .editor__content pre code{display:block}.tiptap .editor__content p code{display:inline-block;padding:0 0.4rem;border-radius:5px;font-size:0.9rem;font-weight:700;background:rgba(0,0,0,0.1);color:rgba(0,0,0,0.8)}.tiptap .editor__content ol,.tiptap .editor__content ul{padding-left:1rem}.tiptap .editor__content li>ol,.tiptap .editor__content li>p,.tiptap .editor__content li>ul{margin:0}.tiptap .editor__content a{color:$primary;text-decoration:none;word-break:break-all}.tiptap .editor__content a:hover{color:$primary;cursor:pointer;text-decoration:underline}.tiptap .editor__content blockquote{border-left:3px solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.8);padding-left:0.8rem;font-style:italic}.tiptap .editor__content blockquote p{margin:0}.tiptap .editor__content img{max-width:100%;border-radius:3px}.tiptap .editor__content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;overflow:hidden}.tiptap .editor__content table td,.tiptap .editor__content table th{min-width:1em;border:1px solid #ddd;padding:5px 5px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.tiptap .editor__content table td>*,.tiptap .editor__content table th>*{margin-bottom:0}.tiptap .editor__content table th{font-weight:700;text-align:left}.tiptap .editor__content table .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:rgba(200,200,255,0.4);pointer-events:none}.tiptap .editor__content table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:#adf;pointer-events:none}.tiptap .editor__content .tableWrapper{margin:1em 0;overflow-x:auto}.tiptap .editor__content .resize-cursor{cursor:ew-resize;cursor:col-resize}.tiptap .menubar{-webkit-transition:visibility 0.2s 0.4s,opacity 0.2s 0.4s;transition:visibility 0.2s 0.4s,opacity 0.2s 0.4s}.tiptap .menubar.is-focused{visibility:visible;opacity:1;-webkit-transition:visibility 0.2s,opacity 0.2s;transition:visibility 0.2s,opacity 0.2s}.tiptap .menubar__button{font-weight:700;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:transparent;border:0;color:#000;padding:0.2rem 0.5rem;margin-right:0.2rem;border-radius:3px;cursor:pointer}.tiptap .menubar__button:hover{background-color:rgba(0,0,0,0.05)}.tiptap .menubar__button.is-active{background-color:rgba(0,0,0,0.1)}.tiptap .menubar span.menubar__button{font-size:13.3333px}.tiptap .menububble{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:20;background:#f6f6f6;border-radius:5px;padding:0.3rem;margin-bottom:0.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);visibility:hidden;opacity:0;-webkit-transition:opacity 0.2s,visibility 0.2s;transition:opacity 0.2s,visibility 0.2s}.tiptap .menububble.is-active{opacity:1;visibility:visible}.tiptap .menububble__button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:transparent;border:0;color:#000;padding:0;margin-right:0.2rem;border-radius:3px;cursor:pointer}.tiptap .menububble__button:last-child{margin-right:0}.tiptap .menububble__button:hover{background-color:hsla(0,0%,100%,0.1)}.tiptap .menububble__button.is-active{background-color:hsla(0,0%,100%,0.2)}.tiptap .menububble__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiptap .menububble__input{font:inherit;border:none;background:transparent;color:#000}.tiptap ul[data-type=todo_list]{padding-left:0}.tiptap li[data-type=todo_item]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.tiptap .todo-checkbox{border:2px solid #000;height:0.9em;width:0.9em;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:10px;margin-top:0.3rem;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;cursor:pointer;border-radius:0.2em;background-color:transparent;-webkit-transition:background 0.4s;transition:background 0.4s}.tiptap .todo-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.tiptap .todo-content>p:last-of-type{margin-bottom:0}.tiptap .todo-content>ul[data-type=todo_list]{margin:0.5rem 0}.tiptap li[data-done=true]>.todo-content>p{text-decoration:line-through}.tiptap li[data-done=true]>.todo-checkbox{background-color:#000}.tiptap li[data-done=false]{text-decoration:none}.tiptap pre:before{content:attr(data-language);text-transform:uppercase;display:block;text-align:right;font-weight:700;font-size:0.8rem}.tiptap pre code .hljs-comment,.tiptap pre code .hljs-quote{color:#999}.tiptap pre code .hljs-attribute,.tiptap pre code .hljs-link,.tiptap pre code .hljs-name,.tiptap pre code .hljs-regexp,.tiptap pre code .hljs-selector-class,.tiptap pre code .hljs-selector-id,.tiptap pre code .hljs-tag,.tiptap pre code .hljs-template-variable,.tiptap pre code .hljs-variable{color:#f2777a}.tiptap pre code .hljs-built_in,.tiptap pre code .hljs-builtin-name,.tiptap pre code .hljs-literal,.tiptap pre code .hljs-meta,.tiptap pre code .hljs-number,.tiptap pre code .hljs-params,.tiptap pre code .hljs-type{color:#f99157}.tiptap pre code .hljs-bullet,.tiptap pre code .hljs-string,.tiptap pre code .hljs-symbol{color:#9c9}.tiptap pre code .hljs-section,.tiptap pre code .hljs-title{color:#fc6}.tiptap pre code .hljs-keyword,.tiptap pre code .hljs-selector-tag{color:#69c}.tiptap pre code .hljs-emphasis{font-style:italic}.tiptap pre code .hljs-strong{font-weight:700}.mobile .tiptap h1{font-size:2rem;border-bottom:1px solid #e8e8e8}.mobile .tiptap h2{font-size:1.5rem}.mobile .tiptap h3{font-size:1.3rem}.mobile .tiptap h4{font-size:1.2rem}.mobile .tiptap h5{font-size:1.1rem}