<commit_before>const styles = {
  trigger: {
    background: '#E0037E',
    width: '200px'
  },

  hoverComponent: {
    height: '300px',
    overflowY: 'auto',
    outline: '1px solid blue',
    width: '300px',
    background: '#E8E27E',
    display: 'none'
  }
  
};

export default styles;<commit_msg>adjust css of demo<commit_after>const styles = {
  trigger: {
    background: '#E0037E',
    width: '200px',
    margin: '0 auto',
    marginTop: '100px'
  },

  hoverComponent: {
    height: '200px',
    overflowY: 'auto',
    outline: '1px solid blue',
    width: '300px',
    background: '#E8E27E',
    display: 'none',
    position: 'absolute',
    margin: '-20px 0 0 717px'
  }
};

export default styles;
{'fraction_non_alphanumeric': 0.15568022440392706, 'fraction_numerical': 0.06311360448807854, 'mean_word_length': 2.923076923076923, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2596962', 'n_tokens_mistral': 284, 'n_tokens_neox': 255, 'n_words': 64}