<commit_before>$mainColor = #3F51B5
$white = #fff

*
  box-sizing: border-box
  margin: 0
  padding: 0

body
  font: 14px/1.5 'Lato', sans-serif
  padding: 0
  margin: 0
  position: fixed
  overflow-x: hidden
  width: 100vw
  height: 100vh
//cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/106114/cursor.png) 32 32, move

@keyframes fade-in
  from
    opacity: 0
  to
    opacity: 1

li
  list-style: none

#canvas
  position: absolute
  background: url(./grid.png)
  z-index: -1

.resizer
  width: 5px
  // hide resizer for now
  width: 0
  height: 100%
  background-color: #eee
  overflow: hidden
  cursor: col-resize
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAADHmlDQ1BJQ0MgUHJvZmlsZQAAeAGFVN9r01AU/tplnbDhizpnEQk+aJFuZFN0Q5y2a1e6zVrqNrchSJumbVyaxiTtfrAH2YtvOsV38Qc++QcM2YNve5INxhRh+KyIIkz2IrOemzRNJ1MDufe73/nuOSfn5F6g+XFa0xQvDxRVU0/FwvzE5BTf8gFeHEMr/GhNi4YWSiZHQA/Tsnnvs/MOHsZsdO5v36v+Y9WalQwR8BwgvpQ1xCLhWaBpXNR0E+DWie+dMTXCzUxzWKcECR9nOG9jgeGMjSOWZjQ1QJoJwgfFQjpLuEA4mGng8w3YzoEU5CcmqZIuizyrR<KEY>')
  background-repeat: no-repeat
  background-position: 2px 44%
  transform: scale(1.2)
  z-index: 1

.pane-header
  position: relative
  z-index: 1

.pane-split
  display: flex
  flex: 1 1 0%
  flex-direction: row
  height: 100%
  outline: none
  overflow: hidden
  user-select: text

.pane
  position: relative
  outline: none

.pane-1
  flex: 0 0 auto
  z-index: 1

  ////////////////////////////////
  // prettier layout
  width: 164px
  height: 60vh
  position: absolute
  left: -1px
  top: 50vh
  transform: translateY(-50%)
  border: 1px solid #ccc
  ////////////////////////////////

.pane-2
  position: absolute
  top: 0
  z-index: 0

.pane-3.inspection-tool
  position: absolute
  right: 0
  height: 100%
  padding: 10px
  background-color: #eee


.node-picker
  height: 100%
  overflow: auto
  background-color: $white

  .node-picker-list
    position: relative
    display: flex
    top: 20px
    overflow: hidden
    flex-wrap: wrap
    justify-content: center

  .node
    display: inline-block
    flex: 0 0 50px
    width: auto
    height: 50px
    margin: 10px

.controls
  display: flex
  border-bottom: 1px solid #ccc
  background-color: $white
  z-index: 1

  ////////////////////////////////
  // prettier layout
  position: absolute
  top: -1px
  left: 50vw
  width: 845px
  justify-content: center
  transform: translateX(-50%)
  border: 1px solid #ccc
  ////////////////////////////////
<commit_msg>adjust node-picker height to be constant<commit_after>$mainColor = #3F51B5
$white = #fff

*
  box-sizing: border-box
  margin: 0
  padding: 0

body
  font: 14px/1.5 'Lato', sans-serif
  padding: 0
  margin: 0
  position: fixed
  overflow-x: hidden
  width: 100vw
  height: 100vh
//cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/106114/cursor.png) 32 32, move

@keyframes fade-in
  from
    opacity: 0
  to
    opacity: 1

li
  list-style: none

#canvas
  position: absolute
  background: url(./grid.png)
  z-index: -1

.resizer
  width: 5px
  // hide resizer for now
  width: 0
  height: 100%
  background-color: #eee
  overflow: hidden
  cursor: col-resize
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAADHmlDQ1BJQ0MgUHJvZmlsZQAAeAGFVN9r01AU/tplnbDhizpnEQk+aJFuZFN0Q5y2a1e6zVrqNrchSJumbVyaxiTtfrAH2YtvOsV38Qc++QcM2YNve5INxhRh+KyIIkz2IrOemzRNJ1MDufe73/nuOSfn5F6g+XFa0xQvDxRVU0/FwvzE5BTf8gFeHEMr/GhNi4YWSiZHQA/Tsnnvs/MOHsZsdO5v36v+Y9WalQwR8BwgvpQ1xCLhWaBpXNR0E+DWie+dMTXCzUxzWKcECR9nOG9jgeGMjSOWZjQ1QJoJwgfFQjpLuEA4mGng8w3YzoEU5CcmqZIuizyrRVIv5WRFsgz28B9zg/JfsKiU6Zut5xCNbZoZTtF8it4fOX1wjOYA1cE/Xxi9QbidcFg246M1fkLNJK4RJr3n7nRpmO1lmpdZKRIlHCS8YlSuM2xp5gsDiZrm0+30UJKwnzS/NDNZ8+PtUJUE6zHF9fZLRvS6vdfbkZMH4zU+pynWf0D+vff1corleZLw67QejdX0W5I6Vtvb5M2mI8PEd1E/A0hCgo4cZCjgkUIMYZpjxKr4TBYZIkqk0ml0VHmyONY7KJOW7RxHeMlfDrheFvVbsrj24Pue3SXXjrwVhcW3o9hR7bWB6bqyE5obf3VhpaNu4Te55ZsbbasLCFH+iuWxSF5lyk+CUdd1NuaQU5f8dQvPMpTuJXYSWAy6rPBe+CpsCk+FF8KXv9TIzt6tEcuAcSw+q55TzcbsJdJM0utkuL+K9ULGGPmQMUNanb4kTZyKOfLaUAsnBneC6+biXC/XB567zF3h+rkIrS5yI47CF/VFfCHwvjO+Pl+3b4hhp9u+02TrozFa67vTkbqisXqUj9sn9j2OqhMZsrG+sX5WCCu0omNqSrN0TwADJW1Ol/MFk+8RhAt8iK4tiY+rYleQTysKb5kMXpcMSa9I2S6wO4/tA7ZT1l3maV9zOfMqcOkb/cPrLjdVBl4ZwNFzLhegM3XkCbB8XizrFdsfPJ63gJE722OtPW1huos+VqvbdC5bHgG7D6vVn8+q1d3n5H8LeKP8BqkjCtbCoV8yAAAACXBIWXMAAAsSAAALEgHS3X78AAABZ2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNC40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIEZpcmV3b3JrcyBDUzY8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CsO3s+UAAAAsSURBVAgdY7x69ep/BgaGRpZNmzYBaQYGxv//QQIMDExgEpnBcu3aNQoUAwChKRhfrNwRnQAAAABJRU5ErkJggg==')
  background-repeat: no-repeat
  background-position: 2px 44%
  transform: scale(1.2)
  z-index: 1

.pane-header
  position: relative
  z-index: 1

.pane-split
  display: flex
  flex: 1 1 0%
  flex-direction: row
  height: 100%
  outline: none
  overflow: hidden
  user-select: text

.pane
  position: relative
  outline: none

.pane-1
  flex: 0 0 auto
  z-index: 1

  ////////////////////////////////
  // prettier layout
  width: 164px
  position: absolute
  left: -1px
  top: 50vh
  transform: translateY(-50%)
  border: 1px solid #ccc
  ////////////////////////////////

.pane-2
  position: absolute
  top: 0
  z-index: 0

.pane-3.inspection-tool
  position: absolute
  right: 0
  height: 100%
  padding: 10px
  background-color: #eee


.node-picker
  height: 100%
  overflow: auto
  background-color: $white

  .node-picker-list
    display: flex
    flex-wrap: wrap
    justify-content: center
    margin-top: 10px
    margin-bottom: 10px
    overflow: hidden

  .node
    display: inline-block
    flex: 0 0 50px
    width: auto
    height: 50px
    margin: 10px

.controls
  display: flex
  border-bottom: 1px solid #ccc
  background-color: $white
  z-index: 1

  ////////////////////////////////
  // prettier layout
  position: absolute
  top: -1px
  left: 50vw
  width: 845px
  justify-content: center
  transform: translateX(-50%)
  border: 1px solid #ccc
  ////////////////////////////////

{'fraction_non_alphanumeric': 0.11798991808443604, 'fraction_numerical': 0.07750472589792061, 'mean_word_length': 3.727475800446761, 'pattern_counts': {'":': 0, '<': 4, '<?xml version=': 0, '>': 4, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 1, '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': '1849660', 'n_tokens_mistral': 3396, 'n_tokens_neox': 3055, 'n_words': 423}