<commit_before>.geniblocks.genome #mountNode .react-selectize-control
  display: flex
  flex-direction: row
  height: 26px
  border-radius:12px;
  padding-left:10px;
  background-repeat:no-repeat
  background-size: 100% 100%
  color:white
  input
    font-family: "Yanone Kaffeesatz";
    font-size: 1.5rem;
.rtl .fv-gene-option-value
  padding-left: 30px;

layout-a-background = #4c1fb6
layout-a-highlight = #eae1fe

layout-b-h-i-background = #cf670a
layout-b-h-i-highlight = #f7e88d

layout-c-e-background = #084875
layout-c-e-highlight = #0bebff

.fv-layout-a
  #mountNode .react-selectize-control
    background: layout-a-background
    border:2px solid layout-a-highlight
  .fv-gene-option
    background: layout-a-background
  .dropdown-menu
    border-color: layout-a-highlight !important;
    .option-wrapper
      background: layout-a-highlight;
.fv-layout-b
  #mountNode .react-selectize-control
    background: layout-b-h-i-background
    border:2px solid layout-b-highlight
  .fv-gene-option
    background: layout-b-h-i-background
  .dropdown-menu
    border-color: layout-b-h-i-highlight !important;
    .option-wrapper
      background: layout-b-h-i-highlight;
.fv-layout-c
  #mountNode .react-selectize-control
    background: layout-c-e-background
    border:2px solid layout-c-e-highlight
  .fv-gene-option
    background: layout-c-e-background
  .dropdown-menu
    border-color: layout-c-e-highlight !important;
    .option-wrapper
      background: layout-c-e-highlight;
.fv-layout-e
  #mountNode .react-selectize-control
    background: layout-c-e-background
    border:2px solid layout-c-e-highlight
  .fv-gene-option
    background: layout-c-e-background
  .dropdown-menu
    border-color: layout-c-e-highlight !important;
    .option-wrapper
      background: layout-c-e-highlight;
.fv-layout-h
  #mountNode .react-selectize-control
    background: layout-b-h-i-background
    border:2px solid layout-b-h-i-highlight
  .fv-gene-option
    background: layout-b-h-i-background
  .dropdown-menu
    border-color: layout-b-h-i-highlight !important;
    .option-wrapper
      background: layout-b-h-i-highlight;
.fv-layout-i
  #mountNode .react-selectize-control
    background: layout-b-h-i-background
    border:2px solid layout-b-h-i-highlight
  .fv-gene-option
    background: layout-b-h-i-background
  .dropdown-menu
    border-color: layout-b-h-i-highlight !important;
    .option-wrapper
      background: layout-b-h-i-highlight;

.react-selectize-toggle-button-container
  background: url('../resources/images/arrow.svg')
  background-repeat: no-repeat
  background-size:60%
  background-position: center center
.ltl .react-selectize-toggle-button-container
  border-left: 2px solid white
.rtl .react-selectize-toggle-button-container
  position:absolute
  border-right: 2px solid white
  left:0px;

.react-selectize-toggle-button
  display:none

.dropdown-menu
  border: 1px solid #666;
  border-color: #333 !important;
  background: black;
  top:0px
  border-radius: 12px !important
  padding:1px
  box-shadow: 0px 0px 15px #333;
  .option-wrapper
    padding:2px 1px 1px 1px;
    background: #fff;
    &.highlight
      background: #fff !important;

.fv-gene-option
  width:100%
  color:white
  padding:6px 0px;
  border-radius: 12px

  :hover
    border-radius: 12px;
    background: #444 !important;
  div
    padding-left:16px;
    font-size:1.1em !important
  .selected<commit_msg>Fix broken hover behavior on dropdown arrow<commit_after>.geniblocks.genome #mountNode .react-selectize-control
  display: flex
  flex-direction: row
  height: 26px
  border-radius:12px;
  padding-left:10px;
  background-repeat:no-repeat
  background-size: 100% 100%
  color:white
  input
    font-family: "Yanone Kaffeesatz";
    font-size: 1.5rem;
.rtl .fv-gene-option-value
  padding-left: 30px;

layout-a-background = #4c1fb6
layout-a-highlight = #eae1fe

layout-b-h-i-background = #cf670a
layout-b-h-i-highlight = #f7e88d

layout-c-e-background = #084875
layout-c-e-highlight = #0bebff

.fv-layout-a
  #mountNode .react-selectize-control
    background: layout-a-background
    border:2px solid layout-a-highlight
  .fv-gene-option
    background: layout-a-background
  .dropdown-menu
    border-color: layout-a-highlight !important;
    .option-wrapper
      background: layout-a-highlight;
.fv-layout-b
  #mountNode .react-selectize-control
    background: layout-b-h-i-background
    border:2px solid layout-b-highlight
  .fv-gene-option
    background: layout-b-h-i-background
  .dropdown-menu
    border-color: layout-b-h-i-highlight !important;
    .option-wrapper
      background: layout-b-h-i-highlight;
.fv-layout-c
  #mountNode .react-selectize-control
    background: layout-c-e-background
    border:2px solid layout-c-e-highlight
  .fv-gene-option
    background: layout-c-e-background
  .dropdown-menu
    border-color: layout-c-e-highlight !important;
    .option-wrapper
      background: layout-c-e-highlight;
.fv-layout-e
  #mountNode .react-selectize-control
    background: layout-c-e-background
    border:2px solid layout-c-e-highlight
  .fv-gene-option
    background: layout-c-e-background
  .dropdown-menu
    border-color: layout-c-e-highlight !important;
    .option-wrapper
      background: layout-c-e-highlight;
.fv-layout-h
  #mountNode .react-selectize-control
    background: layout-b-h-i-background
    border:2px solid layout-b-h-i-highlight
  .fv-gene-option
    background: layout-b-h-i-background
  .dropdown-menu
    border-color: layout-b-h-i-highlight !important;
    .option-wrapper
      background: layout-b-h-i-highlight;
.fv-layout-i
  #mountNode .react-selectize-control
    background: layout-b-h-i-background
    border:2px solid layout-b-h-i-highlight
  .fv-gene-option
    background: layout-b-h-i-background
  .dropdown-menu
    border-color: layout-b-h-i-highlight !important;
    .option-wrapper
      background: layout-b-h-i-highlight;

.react-selectize-toggle-button-container
  background: url('../resources/images/arrow.svg')
  background-repeat: no-repeat
  background-size:60%
  background-position: center center
.ltl .react-selectize-toggle-button-container
  border-left: 2px solid white
.rtl .react-selectize-toggle-button-container
  position:absolute
  border-right: 2px solid white
  left:0px;

.react-selectize-toggle-button
  display:none

.dropdown-menu
  border: 1px solid #666;
  border-color: #333 !important;
  background: black;
  top:0px
  border-radius: 12px !important
  padding:1px
  box-shadow: 0px 0px 15px #333;
  .option-wrapper
    padding:2px 1px 1px 1px;
    background: #fff;
    &.highlight
      background: #fff !important;

.fv-gene-option
  width:100%
  color:white
  padding:6px 0px;
  border-radius: 12px

  :hover
    border-radius: 12px;
    background: #444;
  div
    padding-left:16px;
    font-size:1.1em !important
  .selected
{'fraction_non_alphanumeric': 0.12191560811797343, 'fraction_numerical': 0.023945101474667836, 'mean_word_length': 3.2336217552533992, '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': '2638160', 'n_tokens_mistral': 2560, 'n_tokens_neox': 2364, 'n_words': 444}