h2{margin-bottom:1rem}.comment-editor{border:1px solid #ddd;border-radius:12px;transition:all .2s;padding:12px}.comment-editor:focus-within{border-color:#8d8d8d;box-shadow:0 0 5px 1px #eee}.comment-editor.is-active .toolbar{display:flex}.comment-editor.is-active .editor .tiptap p:first-child{margin-bottom:1em}.comment-editor.has-error{border-color:#ff5c33!important;box-shadow:0 0 5px 1px #e1401894}.comment-editor .toolbar{display:none;flex-flow:row wrap;justify-content:space-between;align-items:center}.comment-editor .toolbar .format{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.comment-editor .toolbar .format button{margin-right:.25rem;background:transparent;border:none;outline:none;cursor:pointer;transition:all .2s;border-radius:3px;display:flex;width:28px;height:28px;justify-content:center;align-items:center}.comment-editor .toolbar .format button:hover{background:#eee;box-shadow:0 0 3px 1px #f6f6f6}.comment-editor .toolbar .format button.is-active{background-color:#42c1f152;box-shadow:0 0 3px 1px #42c1f175}.comment-editor .toolbar .format button:last-child{margin-right:0}.comment-editor .toolbar .format button svg{width:20px;height:20px;flex-shrink:0;flex-grow:0}.comment-editor .toolbar .actions{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.comment-editor .toolbar .actions button{border:none;outline:none;transition:all .2s;border-radius:14px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer}.comment-editor .toolbar .actions button.cancel{margin-right:.25rem;background-color:#fcb8c357}.comment-editor .toolbar .actions button.submit{background-color:#42c1f152}.editor .tiptap,.comment .content .text{--white: #FFF;--black: #2E2B29;--black-contrast: #110F0E;--gray-1: rgba(61, 37, 20, .05);--gray-2: rgba(61, 37, 20, .08);--gray-3: rgba(61, 37, 20, .12);--gray-4: rgba(53, 38, 28, .3);--gray-5: rgba(28, 25, 23, .6);--green: #22C55E;--purple: #6A00F5;--purple-contrast: #5800CC;--purple-light: rgba(88, 5, 255, .05);--yellow-contrast: #FACC15;--yellow: rgba(250, 204, 21, .4);--yellow-light: #FFFAE5;--red: #FF5C33;--red-light: #FFEBE5;--shadow: 0px 12px 33px 0px rgba(0, 0, 0, .06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)}.editor .tiptap :first-child,.comment .content .text :first-child{margin-top:0}.editor .tiptap:focus-visible,.editor .tiptap.ProseMirror-focused,.comment .content .text:focus-visible,.comment .content .text.ProseMirror-focused{border:none;outline:none}.editor .tiptap p:first-child,.comment .content .text p:first-child{margin-bottom:0}.editor .tiptap p.is-editor-empty:first-child:before,.comment .content .text p.is-editor-empty:first-child:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none;font-size:13px}.editor .tiptap.ProseMirror-focused p.is-editor-empty:first-child:before,.comment .content .text.ProseMirror-focused p.is-editor-empty:first-child:before{content:none}.editor .tiptap code,.comment .content .text code{background-color:var(--purple-light);border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}.editor .tiptap pre,.comment .content .text pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem}.editor .tiptap pre code,.comment .content .text pre code{background:none;color:inherit;font-size:.8rem;padding:0}.editor .tiptap hr,.comment .content .text hr{border:none;border-top:1px solid var(--gray-2);margin:1.25rem 0}.error-message{font-size:12px;color:#f52828;margin:6px 0 12px}.comment{--avatar-size: 32px;--vertical-border-color: #d3d3d3;padding-top:1em}.comment.hasChildren{position:relative}.comment.hasChildren>.content{position:relative}.comment.hasChildren>.content:before{content:"";position:absolute;left:calc(var(--avatar-size) / 2);top:1em;width:1px;height:calc(100% - 1em);border-left:1px solid var(--vertical-border-color);transition:all .2s}.comment.hasChildren .children{background-color:inherit;padding-left:2em}.comment.hasChildren .children .vertical-line-box{position:absolute;top:0;left:0;width:var(--avatar-size);height:calc(100% - var(--avatar-size));display:flex;justify-content:center;z-index:2}.comment.hasChildren .children .comment{position:relative}.comment.hasChildren .children .comment:before{content:"";position:absolute;left:calc(var(--avatar-size) / 2 * -1);top:0;width:1px;height:100%;border-left:1px solid var(--vertical-border-color);transition:all .2s}.comment.hasChildren .children .comment:last-child:before{content:none}.comment.hasChildren .children .comment .info{position:relative}.comment.hasChildren .children .comment .info:before{content:"";position:absolute;top:calc(var(--avatar-size) / 3 * -1);left:calc(var(--avatar-size) / 2 * -1);width:calc(var(--avatar-size) / 2 - 5px);height:calc(var(--avatar-size) * .75);border-left:1px solid var(--vertical-border-color);border-bottom:1px solid var(--vertical-border-color);border-bottom-left-radius:3em;transition:all .2s}.comment.hasChildren .children .comment:last-child .info:before{top:calc(var(--avatar-size) / 2 * -1)}.comment.hasChildren .children .show-more{display:flex;align-items:flex-end;transform:translate(calc(var(--avatar-size) * -1))}.comment.hasChildren .children .show-more .line{height:1.5em;width:calc(var(--avatar-size) + 1em);position:relative;padding-bottom:.5em;transition:all .2s}.comment.hasChildren .children .show-more .line:before{content:"";position:absolute;left:calc(var(--avatar-size) / 2);top:0;width:calc(var(--avatar-size) / 2);height:1.5em;border-left:1px solid var(--vertical-border-color);border-bottom:1px solid var(--vertical-border-color);border-bottom-left-radius:3em}.comment.hasChildren .children .show-more .line:after{content:"";position:absolute;left:var(--avatar-size);top:0;width:.5em;height:1.5em;border-bottom:1px solid var(--vertical-border-color)}.comment.hasChildren .children .show-more .text{cursor:pointer;font-size:13px;color:#666;transition:all .2s;font-weight:600;display:flex;flex-direction:row;align-items:center}.comment.hasChildren .children .show-more .text .icon{line-height:1;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #888;margin-right:5px}.comment.hasChildren .children .show-more .text .icon svg{width:14px;height:14px}.comment.hasChildren .children .show-more .text .icon svg path{fill:#444}.comment.hasChildren .children .show-more .text:hover{color:#333}.comment.hasChildren.active>.content:before{border-left-color:#707070}.comment.hasChildren.active>.children>.comment:before{border-left-color:#707070}.comment.hasChildren.active>.children>.comment>.info:before{border-left-color:#707070;border-bottom-color:#707070}.comment.hasChildren.active>.children>.show-more .line:before{border-left-color:#707070;border-bottom-color:#707070}.comment.hasChildren.active>.children>.show-more .line:after{border-bottom-color:#707070}.comment .info{display:flex;align-items:center;justify-content:flex-start}.comment .info .avatar{display:flex;width:var(--avatar-size);height:var(--avatar-size);justify-content:center;align-items:center;background-size:cover;background-repeat:no-repeat;border-radius:3px;overflow:hidden;margin-right:10px;text-transform:uppercase;background-color:#e5e3e3}.comment .info .name{color:#000;font-weight:700;font-size:13px;margin-right:10px}.comment .info .time{color:#576f76;font-size:13px;font-weight:400;padding:0 20px;position:relative}.comment .info .time:before,.comment .info .time:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:currentColor}.comment .info .time:before{left:3px}.comment .info .time:after{right:3px}.comment .content{padding-left:2rem;position:relative;padding-top:1em}.comment .content .text{color:#0f1a1c;font-size:13px;line-height:24px}.comment .content .text p{margin:0 0 1em}.comment .content>.toolbar{color:#0f1a1c;display:flex;align-items:center;margin-top:12px}.comment .content>.toolbar>*{margin-right:1rem}.comment .content>.toolbar>*:last-child{margin-right:0}.comment .content>.toolbar button{outline:none;display:flex;align-items:center;border:1px solid var(--vertical-border-color);padding:.375rem .75rem;border-radius:3rem;background-color:#e5ebee;color:#444;cursor:pointer;transition:all .2s}.comment .content>.toolbar button:hover{background-color:#d5d8d9;border-color:#d5d8d9}.comment .content>.toolbar button svg{margin-right:5px;width:18px;height:18px;fill:#666}.comment .content>.toolbar button span{font-size:13px}.comment .content .replay{margin-top:10px}.load-more{margin-top:1.5rem;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;padding:.5rem;border-radius:5px}.load-more:hover{background-color:#576f7645}.load-more .icon{margin-right:.5rem}.load-more span{font-size:13px;font-weight:600;color:#222}