.comment-section{--thread-color:#262626;--thread-width:2px;--avatar-size:40px;--avatar-size-reply:32px;--thread-offset:calc(var(--avatar-size)/2);--thread-offset-reply:calc(var(--avatar-size-reply)/2 + var(--avatar-size)/2 + .75rem);--curve-size:20px;--reply-indent:3rem}.comment-item{position:relative}.comment-item[data-depth="0"][data-has-replies=true]:before{content:"";left:var(--thread-offset);top:calc(var(--avatar-size) + .5rem);width:var(--thread-width);background-color:var(--thread-color);z-index:0;position:absolute;bottom:0;transform:translate(-50%)}.comment-replies{padding-left:var(--reply-indent);margin-top:1rem;position:relative}.comment-replies>.comment-item:before{content:"";left:calc(var(--reply-indent)*-.82 + var(--thread-offset));width:var(--curve-size);height:var(--curve-size);border-left:var(--thread-width)solid var(--thread-color);border-bottom:var(--thread-width)solid var(--thread-color);z-index:0;border-bottom-left-radius:12px;position:absolute;top:0;transform:translate(-50%)}.comment-replies>.comment-item:not(:last-child):after{content:"";left:calc(var(--reply-indent)*-1 + var(--thread-offset));top:var(--curve-size);bottom:calc(-1rem - var(--thread-width));width:var(--thread-width);background-color:var(--thread-color);z-index:0;position:absolute;transform:translate(-50%)}.comment-item[data-depth="1"][data-has-replies=true]:after,.comment-item[data-depth="2"][data-has-replies=true]:after,.comment-item[data-depth="3"][data-has-replies=true]:after{content:"";left:var(--thread-offset);top:calc(var(--avatar-size) + .5rem);width:var(--thread-width);background-color:var(--thread-color);z-index:0;position:absolute;bottom:0;transform:translate(-50%)}.comment-item[data-depth="1"] .comment-avatar,.comment-item[data-depth="2"] .comment-avatar,.comment-item[data-depth="3"] .comment-avatar{width:var(--avatar-size-reply);height:var(--avatar-size-reply)}.comment-replies .comment-replies>.comment-item:before{left:calc(var(--reply-indent)*-1.06 + var(--avatar-size-reply))}.comment-replies .comment-replies>.comment-item:not(:last-child):after{left:calc(var(--reply-indent)*-1 + var(--avatar-size-reply)/2)}.comment-item.is-replying>.comment-wrapper{border-color:#404040}.reply-form-container{border-left:var(--thread-width)solid var(--thread-color);margin-top:1rem;margin-left:calc(var(--avatar-size)/2);padding-left:1rem;position:relative}