/***BEGIN AddComment.css***/
.add-comment {
  margin-bottom: 5px;
  margin-right: 2px; }
  .add-comment .add-button {
    margin: 4px;
    border-radius: 4px;
    background: transparent;
    font-weight: normal;
    font-style: italic;
    color: rgba( 102, 102, 102 ,  1 );
    color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ); }
    .add-comment .add-button:not(:focus) {
      border:  1px solid;
      border-color: rgba( 200, 200, 200 ,  1 ) !important;
      border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ) !important; }
    .add-comment .add-button span {
      min-height: 50px;
      padding-top: 4px; }
/***END AddComment.css***/

/***BEGIN CommentThread.css***/
.comment-thread {
  width: 100%; }
  .comment-thread .load-more-comments-button {
    margin-top: 5px;
    margin-bottom: 5px; }
  .comment-thread .load-more-comments-link {
    margin: 10px; }
  .comment-thread .comment-item {
    background-color: rgba( 255, 255, 255 ,  1 );
    background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
    margin-bottom: 8px; }
  .comment-thread .child-thread {
    margin-left: 30px;
    width: calc(100% - 30px); }
  .comment-thread .reply-comments-link {
    margin: 10px; }
  .comment-thread .comment-thread-spinner {
    margin: 20px; }
  .comment-thread .comment-thread-status-spinner {
    margin-right: 10px; }
  .comment-thread .comment-avatar {
    margin-right: 8px;
    margin-top: 0; }
  .comment-thread .indented-error-card {
    margin-left: 42px; }
  .comment-thread .error-card {
    margin-bottom: 10px; }
/***END CommentThread.css***/

/***BEGIN MarkdownCommentPreview.css***/
.comment-preview {
  min-height: 77px;
  padding: 0 12px; }
/***END MarkdownCommentPreview.css***/