article.comment {
  flex: 1;

  &[data-is-sticky="true"] {
    background: var(--comment-sticky-background-color);
  }

  &[data-is-reported="true"] {
    background-color: var(--moderation-report-background-color);
  }

  &[data-is-upvoted="true"] {
    a.comment-upvote-link {
      color: var(--link-color);
    }
  }

  &[data-is-downvoted="true"] {
    a.comment-downvote-link {
      color: var(--link-color);
    }
  }

  &[data-is-dimmed="true"] {
    opacity: 0.3;

    &:hover {
      opacity: 1;
    }
  }

  .unhide-comment-link {
    margin-bottom: 1em;
    display: block;
  }

  .moderation-report-notice {
    font-weight: bold;
    color: var(--moderation-report-text-color);
  }

  .comment-votes {
    color: var(--muted-text-color);

    a {
      color: var(--muted-text-color);

      &:hover {
        color: var(--link-color);
      }
    }
  }

  .popup-menu {
    width: 1.5em;
    height: 1.5em;
  }
}