.yc-comment {
  font-size: 14px;
  line-height: 1.5715;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  .yc-comment-avatar {
    flex-shrink: 0;
    cursor: pointer;
  }
  .yc-comment-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    .yc-comment-inner-content {
      display: flex;
      flex-direction: column;
      .yc-comment-title {
        display: flex;
        align-items: center;
        gap: 8px;
        .yc-comment-author {
          color: var(--color-text-2);
          font-size: 14px;
        }
        .yc-comment-datetime {
          color: var(--color-text-3);
          font-size: 12px;
        }
        &.yc-comment-title-align-right {
          justify-content: space-between;
        }
      }
      .yc-comment-content {
        color: var(--color-text-1);
      }
      .yc-comment-actions {
        margin-top: 8px;
        color: var(--color-text-2);
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 8px;
        &.yc-comment-actions-align-right {
          justify-content: flex-end;
        }
      }
    }
    .yc-comment-inner-comment {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
  }
}
