CommentBox for Joomla - Gantry HTML Particle

joomla-commentbox-gantry.html

<div id="comments">
    <h3>Comments</h3>
    <div id="commentbox">
        <template shadowrootmode="open">
            <div id="commentbox-app"></div>
            <style>
.commentbox-comment-content-detail img,.tiptap img{max-width:100%;max-height:300px}.tiptap{outline:none}.tiptap>p{margin:0 0 12px!important}.tiptap:first-child{margin-top:0}.tiptap ul,.tiptap ol{padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem}.tiptap li p{margin:.25em 0}.tiptap code{background:rgba(88,5,255,.05);border-radius:.4rem;color:#000;font-size:.85rem;padding:.25em .3em}.tiptap pre{background:#000;border-radius:.5rem;color:#fff;font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem}.tiptap pre code{background:none;color:inherit;font-size:.8rem;padding:0}.tiptap blockquote{border-left:3px solid rgba(61,37,20,.12);margin:1.5rem 0;padding-left:1rem}.tiptap hr{border:none;border-top:1px solid rgba(61,37,20,.12);margin:2rem 0}.tiptap p.is-editor-empty:first-child::before{color:rgba(0,0,0,.25);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.tiptap img{display:block;max-height:200px}
            </style>
        </template>
    </div>
</div>