:root{--comment-text-primary:var(--tt-gray-light-a-800);--comment-text-secondary:var(--tt-gray-light-a-400);--comment-separator:var(--tt-gray-light-a-100)}.dark{--comment-text-primary:var(--tt-gray-dark-a-800);--comment-text-secondary:var(--tt-gray-dark-a-400);--comment-separator:var(--tt-gray-dark-a-100)}.tiptap-comment{border-bottom:1px solid var(--comment-separator);align-items:flex-start;gap:.5rem;padding:.5rem 0;display:flex}.tiptap-comment:first-child{border-top:0;padding-top:0}.tiptap-comment:last-child{border-bottom:0}.tiptap-comment-actions{min-width:24px}.tiptap-comment-panel{flex:1;align-items:flex-start;gap:.5rem;min-width:0;min-height:3.5rem;padding:.25rem 0;display:flex}.tiptap-comment-details{flex:1;align-items:flex-start;gap:.5rem;display:flex}.tiptap-comment-content{margin-bottom:.5rem;font-size:.875rem}.tiptap-comment-information{flex:1}.tiptap-comment-meta{align-items:center;gap:.25rem;margin-bottom:.25rem;display:flex}.tiptap-comment-author{color:var(--comment-text-primary);white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1.2}.tiptap-comment-date{white-space:nowrap;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;line-height:1.2;display:flex}.tiptap-comment-date-created,.tiptap-comment-date-edited{color:var(--comment-text-secondary)}.deleted-message{color:var(--comment-text-secondary);font-size:.875rem}.tiptap-comment-reactions{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}
:root{--comment-bubble-bg-color:var(--white);--comment-bubble-inner-bg:var(--tt-brand-color-200);--comment-bubble-inner-text:var(--tt-gray-light-a-600)}.dark{--comment-bubble-bg-color:var(--tt-gray-dark-200);--comment-bubble-inner-bg:var(--tt-brand-color-700);--comment-bubble-inner-text:var(--tt-gray-dark-a-700)}.tiptap-comment-bubbles{top:0;left:var(--editor-left,0);width:var(--editor-width,100%);height:0;position:absolute}.tiptap-comment-bubble{left:100%;top:var(--offset);transition:opacity .5s;position:absolute}.tiptap-comment-bubble[data-resolved=true]{opacity:.2}.tiptap-comment-bubble .tiptap-comment-bubble-button{border-top-left-radius:var(--tt-radius-md);border-bottom-right-radius:var(--tt-radius-md);border-top-right-radius:var(--tt-radius-md);background-color:var(--comment-bubble-bg-color);justify-content:center;align-items:center;min-width:2rem;height:2rem;padding:.25rem;display:flex;position:relative;box-shadow:0 2.39px 3.26px #00000008,0 8.04px 10.84px #00000012,0 36px 49px #0000001a,0 2px 3px #0000000d}.tiptap-comment-bubble .tiptap-comment-bubble-pointer{width:1rem;height:.5rem;color:var(--comment-bubble-bg-color);position:absolute;top:calc(100% - 1px);left:0}.tiptap-comment-bubble .tiptap-comment-bubble-thread-count{background-color:var(--comment-bubble-inner-bg);width:1.5rem;height:1.5rem;color:var(--comment-bubble-inner-text);border-radius:50%;border-bottom-left-radius:var(--tt-radius-md);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;line-height:normal;display:flex}.tiptap-comment-bubble-mobile-authors{position:relative}.tiptap-comment-bubble-mobile-authors-indicator{position:absolute;bottom:-.125rem;right:-.125rem}
:root{--tiptap-thread-border-color:var(--tt-gray-light-a-100);--tiptap-thread-title-color:var(--tt-gray-light-a-500);--tiptap-thread-bg-color:var(--white);--tiptap-thread-shadow:var(--tt-shadow-elevated-md)}.dark{--tiptap-thread-border-color:var(--tt-gray-dark-a-100);--tiptap-thread-title-color:var(--tt-gray-dark-500);--tiptap-thread-bg-color:var(--tt-gray-dark-50);--tiptap-thread-shadow:var(--tt-shadow-elevated-md)}.tiptap-thread-wrapper{--border-width:1px;--padding:.25rem;border-radius:calc(var(--padding) + var(--tt-radius-lg) + var(--border-width));border:var(--border-width) solid var(--tiptap-thread-border-color);width:22.5rem;max-height:80dvh;box-shadow:var(--tiptap-thread-shadow);background-color:var(--tiptap-thread-bg-color);flex-direction:column;gap:.5rem;display:flex;position:relative}.tiptap-thread-header{border-bottom:1px solid var(--tiptap-thread-border-color);flex:none;align-items:center;height:2.75rem;padding:.375rem;display:flex}.tiptap-thread-header-title{color:var(--tiptap-thread-title-color);-webkit-user-select:none;user-select:none;flex:1;padding:0 .625rem;font-size:.75rem;font-weight:600;line-height:1.2}.tiptap-thread-content{padding:0 .375rem}.tiptap-thread-comments{word-break:break-word;overscroll-behavior:contain;max-height:300px;padding:0 .375rem;overflow-y:auto}.tiptap-thread-footer{padding:0 .375rem .375rem}
