/* Variables - keep in sync with globalStyles.js*/
:root {
  --darkGrey: #333;
  --medGrey: #888;
}

/* Normally elements with .overlay are children of the .brush, however
the overlay added on key-presses is is not a child of .brush */
#d3entropy .overlay {
  fill: none;
  pointer-events: all;
}

#d3entropy .niceText {
  font-family: "Lato", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 14px;
  font-style: italic;
  color: var(--medGrey);
}

.brush .selection {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

#d3entropy .cdsText {
  pointer-events: none;
}
#d3entropy .cds {
  cursor: pointer;
}

table.entropy-table {
  font-weight: 300;
}

table.entropy-table td {
  padding-bottom: 3px;
  padding-right: 5px;
}