[phylo] Clean CSS scope side-effects

* #360

[phylo] Clean CSS scope side-effects
* #360
41df58b6 · arturo · 9e1e6230 · 41df58b6 · 41df58b6 · 41df58b6
Commit 41df58b6 authored Feb 01, 2022 by arturo
Show whitespace changes
Inline Side-by-side

Showing with 466 additions and 534 deletions

sass.css dist/styles/sass.css +87 -158

sass.css.map dist/styles/sass.css.map +1 -1

_phylo.scss src/sass/_phylo.scss +378 -375

No files found.
--- a/dist/styles/sass.css
+++ b/dist/styles/sass.css
@@ -1265,25 +1265,33 @@ select.form-control {
 }

 /* classes */
-/* ---------- icons ---------- */
-a {
+.phylo {
+  /* ---------- icons ---------- */
+  /* ---------- fonts ---------- */
+  /* ---------- input ---------- */
+  /* ---------- axis ---------- */
+  /* ---------- group ---------- */
+  /* ---------- labels ---------- */
+  /* ---------- phylo ---------- */
+  /* elements */
+  /* axis */
+  /* isoline */
+}
+.phylo a {
  color: inherit;
  cursor: pointer;
 }
-
-.how {
+.phylo .how {
  cursor: pointer;
  position: relative;
 }
-
-.tooltip {
+.phylo .tooltip {
  font-family: "Inter-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
 }
-
-i.how span {
+.phylo i.how span {
  position: absolute;
  width: 300px;
  color: #FFFFFF;
@@ -1294,8 +1302,7 @@ i.how span {
  visibility: hidden;
  border-radius: 6px;
 }
-
-i.how span:after {
+.phylo i.how span:after {
  content: "";
  position: absolute;
  top: 50%;
@@ -1307,8 +1314,7 @@ i.how span:after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
 }
-
-i.how:hover span {
+.phylo i.how:hover span {
  visibility: visible;
  left: 100%;
  top: 50%;
@@ -1316,285 +1322,221 @@ i.how:hover span {
  margin-left: 15px;
  z-index: 999;
 }
-
-.switch > .far + .fa,
-.switch:hover > .far {
+.phylo .switch > .far + .fa,
+.phylo .switch:hover > .far {
  display: none;
 }
-
-.switch:hover > .far + .fa {
+.phylo .switch:hover > .far + .fa {
  display: inherit;
  color: #0d1824;
 }
-
-/* ---------- fonts ---------- */
-.font-bold {
+.phylo .font-bold {
  font-family: "Inter-Bold";
  text-transform: uppercase;
 }
-
-.font-small {
+.phylo .font-small {
  color: #0d1824;
  font-size: 12px;
 }
-
-.header {
+.phylo .header {
  /*font-weight: bold;*/
  /*text-transform: uppercase;*/
  font-weight: 500;
  cursor: pointer;
 }
-
-.header:hover {
+.phylo .header:hover {
  font-weight: bold;
 }
-
-/* ---------- input ---------- */
-.button {
+.phylo .button {
  background-color: white;
  border: 1.5px solid #0d1824;
  cursor: pointer;
 }
-
-.button:hover {
+.phylo .button:hover {
  background-color: #0d1824;
  color: white;
 }
-
-.btn-group button {
+.phylo .btn-group button {
  margin-top: 1px;
  margin-bottom: 1px;
  display: block;
  width: 40px;
 }
-
-.draw {
+.phylo .draw {
  display: none;
 }
-
-.phylo-focus {
+.phylo .phylo-focus {
  fill: #f8381f;
  color: #f8381f;
 }
-
-.reset {
+.phylo .reset {
  visibility: hidden;
 }
-
-.label {
+.phylo .label {
  visibility: hidden;
 }
-
-.heading {
+.phylo .heading {
  visibility: hidden;
 }
-
-.export {
+.phylo .export {
  visibility: hidden;
 }
-
-.headed {
+.phylo .headed {
  background-color: #0d1824;
  color: white;
 }
-
-.labeled {
+.phylo .labeled {
  background-color: #0d1824;
  color: white;
 }
-
-.input-file {
+.phylo .input-file {
  display: inline-block;
  cursor: pointer;
 }
-
-.input-file:hover {
+.phylo .input-file:hover {
  border-bottom: 1.5px solid #0d1824;
 }
-
-.input-name {
+.phylo .input-name {
  font-style: italic;
  opacity: 0.7;
  font-size: 14px;
  padding-left: 6px;
  padding-right: 6px;
 }
-
-/* ---------- axis ---------- */
-.x-axis path {
+.phylo .x-axis path {
  stroke: #EBE4DD;
  stroke-width: 1.5px;
 }
-
-.y-axis path {
+.phylo .y-axis path {
  stroke: #EBE4DD;
  stroke-width: 1.5px;
 }
-
-.y-highlight {
+.phylo .y-highlight {
  stroke: #f3be54;
  stroke-width: 1.5px;
 }
-
-.x-mark {
+.phylo .x-mark {
  fill: #4A5C70;
  stroke-width: 1px;
  stroke: #fff;
 }
-
-.x-mark-over {
+.phylo .x-mark-over {
  fill: #f3be54;
 }
-
-.x-mark-focus {
+.phylo .x-mark-focus {
  fill: #f8381f;
 }
-
-.tick text {
+.phylo .tick text {
  font-family: "Inter-Regular";
 }
-
-.tick text:hover {
+.phylo .tick text:hover {
  cursor: pointer;
 }
-
-.y-label {
+.phylo .y-label {
  font-size: 10px;
  font-family: "Inter-Regular";
  font-weight: normal;
 }
-
-.y-label-bold {
+.phylo .y-label-bold {
  font-size: 12px;
  font-family: "Inter-Bold";
  font-weight: bold;
 }
-
-.y-mark-year-inner {
+.phylo .y-mark-year-inner {
  fill: #4A5C70;
 }
-
-.y-mark-year-inner-highlight {
+.phylo .y-mark-year-inner-highlight {
  fill: #f3be54;
 }
-
-.y-mark-year-outer {
+.phylo .y-mark-year-outer {
  fill: #fff;
  stroke: #4A5C70;
  stroke-width: 1px;
 }
-
-.y-mark-year-outer-highlight {
+.phylo .y-mark-year-outer-highlight {
  fill: #fff;
  stroke: #f3be54;
  stroke-width: 3px;
 }
-
-.y-mark-month {
+.phylo .y-mark-month {
  fill: #4A5C70;
 }
-
-/* ---------- group ---------- */
-.group-outer {
+.phylo .group-outer {
  stroke-width: 0.8px;
  stroke: #fff;
  fill: #fff;
 }
-
-.group-inner {
+.phylo .group-inner {
  stroke-width: 0.8px;
  stroke: #0d1824;
  fill: #0d1824;
  /*cursor: pointer;*/
  z-index: 10;
 }
-
-.group-heading {
+.phylo .group-heading {
  fill: #fff;
  stroke: #B5B5B5;
 }
-
-.group-focus {
+.phylo .group-focus {
  stroke: #f8381f;
 }
-
-.source-focus {
+.phylo .source-focus {
  stroke: #67a9cf;
 }
-
-.group-unfocus {
+.phylo .group-unfocus {
  stroke: #A9A9A9;
 }
-
-.group-path {
+.phylo .group-path {
  cursor: pointer;
 }
-
-/* ---------- labels ---------- */
-.ngrams {
+.phylo .ngrams {
  visibility: hidden;
 }
-
-.term {
+.phylo .term {
  cursor: pointer;
 }
-
-.term:hover {
+.phylo .term:hover {
  font-weight: bold;
  fill: #f8381f;
 }
-
-.term-path {
+.phylo .term-path {
  fill: none;
  stroke: #F0684D;
  stroke-width: 1.5px;
 }
-
-.emerging {
+.phylo .emerging {
  /*text-decoration: underline #F0684D;*/
  /*fill:#5AA350;*/
  /*fill: #5AA350;*/
  fill: #F8381F;
 }
-
-.decreasing {
+.phylo .decreasing {
  /*text-decoration: underline #74B5FF;*/
  fill: #11638F;
 }
-
-.path-focus {
+.phylo .path-focus {
  fill: none;
  stroke: #F0684D;
  stroke-width: 1.5px;
 }
-
-.path-unfocus {
+.phylo .path-unfocus {
  stroke: #A9A9A9;
 }
-
-.path-heading {
+.phylo .path-heading {
  stroke: #B5B5B5;
 }
-
-/* ---------- phylo ---------- */
-.branch-hover {
+.phylo .branch-hover {
  fill: #f3be54;
  opacity: 0.5;
 }
-
-/* elements */
-#file-path {
+.phylo #file-path {
  display: none;
 }
-
-/* axis */
-.axisRight {
+.phylo .axisRight {
  font-family: "Inter-Regular";
  font-size: 10px;
 }
-
-/* isoline */
-.peak {
+.phylo .peak {
  stroke: white;
  stroke-width: 1px;
  font-family: "Inter-Regular";
@@ -1602,28 +1544,24 @@ i.how:hover span {
  text-anchor: middle;
  visibility: visible;
 }
-
-.peak-over {
+.phylo .peak-over {
  font-size: 18px;
  stroke-width: 2px;
  cursor: pointer;
  stroke: #f3be54;
  z-index: 100;
 }
-
-.peak-focus {
+.phylo .peak-focus {
  font-size: 18px;
  stroke-width: 2px;
  stroke: #F0684D;
 }
-
-.peak-focus-source {
+.phylo .peak-focus-source {
  font-size: 18px;
  stroke-width: 2px;
  stroke: #67a9cf;
 }
-
-.peak-label {
+.phylo .peak-label {
  text-align: center;
  font-family: "Inter-Regular";
  font-size: 14px;
@@ -1640,13 +1578,11 @@ i.how:hover span {
  position: absolute;
  visibility: hidden;
 }
-
-.word-cloud {
+.phylo .word-cloud {
  font-family: "Inter-Regular";
  font-size: 12px;
 }
-
-.search {
+.phylo .search {
  margin-left: 10px;
  visibility: hidden;
  position: absolute;
@@ -1657,17 +1593,14 @@ i.how:hover span {
  border-width: 0 0 2px;
  border-color: #0d1824;
 }
-
-.search-label {
+.phylo .search-label {
  visibility: hidden;
  margin-left: 5px;
 }
-
-.search:focus {
+.phylo .search:focus {
  border-color: #F0684D;
 }
-
-.autocomplete {
+.phylo .autocomplete {
  margin-left: 10px;
  visibility: hidden;
  position: absolute;
@@ -1678,18 +1611,15 @@ i.how:hover span {
  z-index: 1;
  border: none;
 }
-
-.loading {
+.phylo .loading {
  visibility: hidden;
 }
-
-.phylo-name {
+.phylo .phylo-name {
  visibility: hidden;
  text-transform: capitalize;
  font-weight: bold;
 }
-
-.select-source {
+.phylo .select-source {
  margin-left: 10px;
  display: none;
  border: 1.5px solid #0d1824;
@@ -1702,8 +1632,7 @@ i.how:hover span {
  box-shadow: none;
  -webkit-appearance: none;
 }
-
-option {
+.phylo option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

--- a/dist/styles/sass.css.map
+++ b/dist/styles/sass.css.map
-{"version":3,"sourceRoot":"","sources":["../../src/sass/_menu.sass","../../src/sass/_context_menu.sass","../../src/sass/_graph.sass","../../src/sass/_login.sass","../../src/sass/_tree.sass","../../src/sass/abstract/_members.scss","../../src/sass/_code_editor.sass","../../src/sass/_styles.sass","../../src/sass/_range_slider.sass","../../src/sass/_annotation.sass","../../src/sass/_folder_view.sass","../../src/sass/_phylo.scss"],"names":[],"mappings":"AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;EAEA;;;AAEF;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACE;;;AAEF;AACI;EACA;;;AAEJ;AACI;EACA;;;AAGJ;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACE;EACA;;;AAEF;EACE;;;AAME;EACE;;;AC9DN;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AClBF;EACE;EACA;EACA;;;AAEF;AAkCE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAxCA;EAZA;EACA;EAEA;EAWE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AAGA;EACE;EACA;;AACN;EACE;;AACF;EACE;;AAEF;EApCA;EACA;EAEA;EAmCE;EACA;;AACF;EACE;;AACF;EACE;;AAWF;EAEE;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;AAEJ;EACE;;AAEA;EACE;;AAEJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACjFJ;EACE;;AACA;EACE;EACA;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;AAEE;EACE;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAKJ;EACE;EACA;EACA;;;AAEJ;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;;AAEN;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;;AAEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAEJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAGF;EACE;;;AAEJ;EACI;EACA;;;AAGF;EACE;;;AAEJ;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AC1GF;EACE;;;AAGA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGA;EACE;;AACF;EACE;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;EACE;;AACA;EACE;EACA;EACA;EACA;;AACF;EACE;EACA;EACA;EACA;EACA;;AACF;EACE;;AACF;EACE;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;AACF;EACE;;AAGN;EACE;;AACF;EACE;;AACA;EACE;EACA;;AAEE;EACE;EACA;;AACF;EACE;EACA;;AAIR;EACE;;AACF;EACE;;AACA;EACE;EACA;;AAEE;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AAEV;EACE;;AACF;EACE;;AAEE;EACE;;AACF;EACE;;AACN;EACE;;AAEE;EACE;;;AAMN;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEA;EACE;EACA;;AAEJ;EACE;EACA;;AAIA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AAGR;EACE;;AAEA;EACE;EACA;;AC5HO;ED+HP;;;ACxIO;ED2IP;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;;AAEN;EAWE;EAGA;EACA,eAvPkB;;AAyPlB;EACE;EACA;;AC/LO;ED4MP;EACA,MAFW;EAGX;;;ACvNO;ED2NP;EACA,OAFW;EAGX;;;AAGA;EACE;;AAEA;EACE;;AAGJ;EACE;;AACF;EACE;;AACF;EACE;;AAGJ;EACE;EACA;;AAEA;EAGE;EACA,WAzSa;EA4Sb;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEN;EACE;EACA;EACA;EACA;;AAEJ;EAEE;EACA;;;AAEJ;EAEE;EACA;;;AAEF;EAGE;EAKA;EACA;EACA;EACA;EAGA;EACA;EACA;EAKA;;AAHA;EACE;;;AAKJ;EAGE;;AC3SS;EDrDP;EACA;;;AC2CO;EDxCP;EACA;;;ACgDO;ED8SP;;AAEA;EACE;;;AC1TK;ED6TP;;AAEA;EACE;;;AAON;EAIE;EAEA;EACA;EACA;EACA,QApYmC;EAqYnC;;ACxUS;ED4UP;;;ACrVO;EDwVP;;;AAEJ;EAGE;EAEA;EACA;EACA;EACA,QAvZgC;EAwZhC;;AC1VS;ED8VP;;;ACvWO;ED0WP;;;AAKF;EAIE;EACA;;AC3WO;EDrDP;EACA;;;AC2CO;EDxCP;EACA;;;AA6ZA;EACE,eA3a+B;;;AAibjC;EACE;;AAEE;EACE;;;AE/ZN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EApCR;EACA;EACA;EACA;EACA;EACA;EACA;EAlBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA0CM;EACE;EACA;EACA;EACA;EACA;EA5CR;EACA;EACA;EACA;EACA;EACA;EACA;EAlBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAkDE;EACE;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AAGE;EACE;;AAEF;EACE;;AAEV;EACE;;AAEA;EACE;;;AC9FN;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAII;EACE;EACA;;AAEJ;EACE;EACA;;AF4CK;EEzCP;;AAEA;EACE;;;AF6BK;EE1BP;;AAEA;EACE;;;AAGN;EACE;;AACA;EACE;;AACF;EACE;EACA;EACA;;;AAIA;EACE;;AACA;EACE;EACA;;AACF;EACE;;AACA;EACE;;AACJ;EACE;;;AAER;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAGI;EACE;;AACF;EACE;;;AAEN;EACE;EACA;EACA;;;AAIA;EACE;;AACF;EACE;;;AAEJ;EACE;;AACA;EACE;;;AAEJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;;AAEA;EACE;;AAEF;EACE;;;AAGJ;EAKE;;AAEA;EACE;;AAIE;EACE;;AACF;EACE;;AAEJ;EAGE;;AAGJ;EACE,SAtBa;EAuBb;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKE;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;;AAKN;EACE;;AFjGO;EEoGL;;;AF7GK;EEgHL;;;AAEJ;EACE,SAZa;;;AAcjB;EAKE;;AAEA;EACE;EACA,OARa;EASb,QATa;EAUb,MAToB;EAUpB,KATmB;;;AAWvB;EACE;;;AC3LF;EACE;AACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EACA;EACA;;;AAGN;EACE;;;ACxBJ;EACE;;AAEA;EANE;EACA;;AAQF;EAbE;EACA;;AAeF;EAhBE;EACA;;AAkBF;EAnBE;EACA;;AAqBF;EA1BE;EACA,kBANyB;;AAkC3B;EA7BE;EACA,kBAPqB;;AAsCvB;EAhCE;EACA,kBAJoB;;;AAuCtB;EApCE;EACA,kBANyB;;AA4C3B;EAvCE;EACA,kBAPqB;;AAgDvB;EA1CE;EACA,kBAJoB;;;ACNxB;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AChBF;AAEA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAEA;EACE;EACA;AACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;AACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAEA;EACE;EACA;AACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;AACA;;;AAIF;AAGA;AAEA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAAU;EACV;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEE;;;AAEF;EACE;EACA;;;AAKF;AAGA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AACE;AACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;AACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAWF;EACE;EACA;EACA;;;AAGF;AACE;AACA;AACA;EACA;;;AAGF;AACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;;;AAGF;AAEA;EACE;;;AAIF;AAEA;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA","file":"sass.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../src/sass/_menu.sass","../../src/sass/_context_menu.sass","../../src/sass/_graph.sass","../../src/sass/_login.sass","../../src/sass/_tree.sass","../../src/sass/abstract/_members.scss","../../src/sass/_code_editor.sass","../../src/sass/_styles.sass","../../src/sass/_range_slider.sass","../../src/sass/_annotation.sass","../../src/sass/_folder_view.sass","../../src/sass/_phylo.scss"],"names":[],"mappings":"AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;EACE;EACA;EACA;EACA;EAEA;;;AAEF;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACE;;;AAEF;AACI;EACA;;;AAEJ;AACI;EACA;;;AAGJ;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACE;EACA;;;AAEF;EACE;;;AAME;EACE;;;AC9DN;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AClBF;EACE;EACA;EACA;;;AAEF;AAkCE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAxCA;EAZA;EACA;EAEA;EAWE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AAGA;EACE;EACA;;AACN;EACE;;AACF;EACE;;AAEF;EApCA;EACA;EAEA;EAmCE;EACA;;AACF;EACE;;AACF;EACE;;AAWF;EAEE;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;AAEJ;EACE;;AAEA;EACE;;AAEJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACjFJ;EACE;;AACA;EACE;EACA;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;AAEE;EACE;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAKJ;EACE;EACA;EACA;;;AAEJ;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;;AAEN;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;;AAEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAEJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAGF;EACE;;;AAEJ;EACI;EACA;;;AAGF;EACE;;;AAEJ;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AC1GF;EACE;;;AAGA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGA;EACE;;AACF;EACE;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;EACE;;AACA;EACE;EACA;EACA;EACA;;AACF;EACE;EACA;EACA;EACA;EACA;;AACF;EACE;;AACF;EACE;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;AACF;EACE;;AAGN;EACE;;AACF;EACE;;AACA;EACE;EACA;;AAEE;EACE;EACA;;AACF;EACE;EACA;;AAIR;EACE;;AACF;EACE;;AACA;EACE;EACA;;AAEE;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AAEV;EACE;;AACF;EACE;;AAEE;EACE;;AACF;EACE;;AACN;EACE;;AAEE;EACE;;;AAMN;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEA;EACE;EACA;;AAEJ;EACE;EACA;;AAIA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AAGR;EACE;;AAEA;EACE;EACA;;AC5HO;ED+HP;;;ACxIO;ED2IP;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;;AAEN;EAWE;EAGA;EACA,eAvPkB;;AAyPlB;EACE;EACA;;AC/LO;ED4MP;EACA,MAFW;EAGX;;;ACvNO;ED2NP;EACA,OAFW;EAGX;;;AAGA;EACE;;AAEA;EACE;;AAGJ;EACE;;AACF;EACE;;AACF;EACE;;AAGJ;EACE;EACA;;AAEA;EAGE;EACA,WAzSa;EA4Sb;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEN;EACE;EACA;EACA;EACA;;AAEJ;EAEE;EACA;;;AAEJ;EAEE;EACA;;;AAEF;EAGE;EAKA;EACA;EACA;EACA;EAGA;EACA;EACA;EAKA;;AAHA;EACE;;;AAKJ;EAGE;;AC3SS;EDrDP;EACA;;;AC2CO;EDxCP;EACA;;;ACgDO;ED8SP;;AAEA;EACE;;;AC1TK;ED6TP;;AAEA;EACE;;;AAON;EAIE;EAEA;EACA;EACA;EACA,QApYmC;EAqYnC;;ACxUS;ED4UP;;;ACrVO;EDwVP;;;AAEJ;EAGE;EAEA;EACA;EACA;EACA,QAvZgC;EAwZhC;;AC1VS;ED8VP;;;ACvWO;ED0WP;;;AAKF;EAIE;EACA;;AC3WO;EDrDP;EACA;;;AC2CO;EDxCP;EACA;;;AA6ZA;EACE,eA3a+B;;;AAibjC;EACE;;AAEE;EACE;;;AE/ZN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EApCR;EACA;EACA;EACA;EACA;EACA;EACA;EAlBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA0CM;EACE;EACA;EACA;EACA;EACA;EA5CR;EACA;EACA;EACA;EACA;EACA;EACA;EAlBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAkDE;EACE;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AAGE;EACE;;AAEF;EACE;;AAEV;EACE;;AAEA;EACE;;;AC9FN;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAII;EACE;EACA;;AAEJ;EACE;EACA;;AF4CK;EEzCP;;AAEA;EACE;;;AF6BK;EE1BP;;AAEA;EACE;;;AAGN;EACE;;AACA;EACE;;AACF;EACE;EACA;EACA;;;AAIA;EACE;;AACA;EACE;EACA;;AACF;EACE;;AACA;EACE;;AACJ;EACE;;;AAER;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAGI;EACE;;AACF;EACE;;;AAEN;EACE;EACA;EACA;;;AAIA;EACE;;AACF;EACE;;;AAEJ;EACE;;AACA;EACE;;;AAEJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;;AAEA;EACE;;AAEF;EACE;;;AAGJ;EAKE;;AAEA;EACE;;AAIE;EACE;;AACF;EACE;;AAEJ;EAGE;;AAGJ;EACE,SAtBa;EAuBb;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKE;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;;AAKN;EACE;;AFjGO;EEoGL;;;AF7GK;EEgHL;;;AAEJ;EACE,SAZa;;;AAcjB;EAKE;;AAEA;EACE;EACA,OARa;EASb,QATa;EAUb,MAToB;EAUpB,KATmB;;;AAWvB;EACE;;;AC3LF;EACE;AACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EACA;EACA;;;AAGN;EACE;;;ACxBJ;EACE;;AAEA;EANE;EACA;;AAQF;EAbE;EACA;;AAeF;EAhBE;EACA;;AAkBF;EAnBE;EACA;;AAqBF;EA1BE;EACA,kBANyB;;AAkC3B;EA7BE;EACA,kBAPqB;;AAsCvB;EAhCE;EACA,kBAJoB;;;AAuCtB;EApCE;EACA,kBANyB;;AA4C3B;EAvCE;EACA,kBAPqB;;AAgDvB;EA1CE;EACA,kBAJoB;;;ACNxB;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AChBF;AAEA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAEA;EACE;EACA;AACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;AACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAEA;EACE;EACA;AACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;AACA;;;AAIF;AAEA;AAEE;AA+DA;AAwBA;AAwEA;AA2EA;AAqCA;AAuDA;AAOA;AAOA;AAOA;;AAzVA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAAU;EACV;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EAEE;;AAEF;EACE;EACA;;AAQF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;AACE;AACA;EACA;EACA;;AAGF;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;AACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAWF;EACE;EACA;EACA;;AAGF;AACE;AACA;AACA;EACA;;AAGF;AACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAKF;EACE;;AAMF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA","file":"sass.css"}
\ No newline at end of file
--- a/src/sass/_phylo.scss
+++ b/src/sass/_phylo.scss
@@ -133,27 +133,28 @@

 /* classes */

+.phylo {

-/* ---------- icons ---------- */
+  /* ---------- icons ---------- */

-a {
+  a {
    color: inherit;
    cursor: pointer;
-}
+  }

-.how {
+  .how {
    cursor: pointer;
    position: relative;
-}
+  }

-.tooltip {
+  .tooltip {
    font-family: "Inter-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
-}
+  }

-i.how span {
+  i.how span {
      position: absolute;
      width:300px;
      color: #FFFFFF;
@@ -163,9 +164,9 @@ i.how span {
      text-align: center;
      visibility: hidden;
      border-radius: 6px;
-}
+  }

-i.how span:after {
+  i.how span:after {
      content: '';
      position: absolute;
      top: 50%;
@@ -175,345 +176,345 @@ i.how span:after {
      border-right: 8px solid #0d1824;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
-}
+  }

-i.how:hover span {
+  i.how:hover span {
      visibility: visible;
      left: 100%;
      top: 50%;
      margin-top: -15px;
      margin-left: 15px;
      z-index: 999;
-}
+  }

-.switch > .far + .fa,
-.switch:hover > .far {
+  .switch > .far + .fa,
+  .switch:hover > .far {
    display: none;
-}
-.switch:hover > .far + .fa {
+  }
+  .switch:hover > .far + .fa {
    display: inherit;
    color: #0d1824;
-}
+  }



-/* ---------- fonts ---------- */
+  /* ---------- fonts ---------- */


-.font-bold {
+  .font-bold {
    font-family: "Inter-Bold";
    text-transform: uppercase;
-}
+  }

-.font-small {
+  .font-small {
    color: #0d1824;
    font-size: 12px;
-}
+  }

-.header {
+  .header {
    /*font-weight: bold;*/
    /*text-transform: uppercase;*/
    font-weight: 500;
    cursor: pointer;
-}
+  }

-.header:hover {
+  .header:hover {
    font-weight: bold;
-}
+  }

-/* ---------- input ---------- */
+  /* ---------- input ---------- */

-.button {
+  .button {
    background-color: white;
    border: 1.5px solid #0d1824;
    cursor: pointer;
-}
+  }

-.button:hover {
+  .button:hover {
    background-color: #0d1824;
    color: white;
-}
+  }

-.btn-group button{
+  .btn-group button{
    margin-top: 1px;
    margin-bottom: 1px;
    display: block;
    width: 40px;
-}
+  }

-.draw {
+  .draw {
    display: none;
-}
+  }

-.phylo-focus {
+  .phylo-focus {
    fill: #f8381f;
    color: #f8381f;
-}
+  }

-.reset {
+  .reset {
    visibility: hidden;
-}
+  }

-.label {
+  .label {
    visibility: hidden;
-}
+  }

-.heading {
+  .heading {
    visibility: hidden;
-}
+  }

-.export {
+  .export {
    visibility: hidden;
-}
+  }

-.headed {
+  .headed {
    background-color: #0d1824;
    color: white;
-}
+  }

-.labeled {
+  .labeled {
    background-color: #0d1824;
    color: white;
-}
+  }

-.input-file {
+  .input-file {
    display: inline-block;
    cursor: pointer;
-}
+  }

-.input-file:hover {
+  .input-file:hover {
    border-bottom: 1.5px solid #0d1824;
-}
+  }

-.input-name {
+  .input-name {
    font-style: italic;
    opacity: 0.7;
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
-}
+  }

-/* ---------- axis ---------- */
+  /* ---------- axis ---------- */

-.x-axis path {
+  .x-axis path {
    stroke: #EBE4DD;
    stroke-width: 1.5px;
-}
+  }

-.y-axis path {
+  .y-axis path {
    stroke: #EBE4DD;
    stroke-width: 1.5px;
-}
+  }

-.y-highlight {
+  .y-highlight {
    stroke: #f3be54;
    stroke-width: 1.5px;
-}
+  }

-.x-mark {
+  .x-mark {
    fill: #4A5C70;
    stroke-width: 1px;
    stroke: #fff;
-}
+  }

-.x-mark-over {
+  .x-mark-over {
    fill: #f3be54;
-}
+  }

-.x-mark-focus {
+  .x-mark-focus {
    fill: #f8381f;
-}
+  }

-.tick text {
+  .tick text {
    font-family: "Inter-Regular";
-}
+  }

-.tick text:hover {
+  .tick text:hover {
    cursor: pointer;
-}
+  }

-.y-label {
+  .y-label {
    font-size: 10px;
    font-family: "Inter-Regular";
    font-weight: normal;
-}
+  }

-.y-label-bold {
+  .y-label-bold {
    font-size: 12px;
    font-family: "Inter-Bold";
    font-weight: bold;
-}
+  }

-.y-mark-year-inner {
+  .y-mark-year-inner {
    fill: #4A5C70;
-}
+  }

-.y-mark-year-inner-highlight {
+  .y-mark-year-inner-highlight {
    fill: #f3be54;
-}
+  }

-.y-mark-year-outer {
+  .y-mark-year-outer {
    fill: #fff;
    stroke: #4A5C70;
    stroke-width: 1px;
-}
+  }

-.y-mark-year-outer-highlight {
+  .y-mark-year-outer-highlight {
    fill: #fff;
    stroke: #f3be54;
    stroke-width: 3px;
-}
+  }

-.y-mark-month {
+  .y-mark-month {
    fill: #4A5C70;
-}
+  }

-/* ---------- group ---------- */
+  /* ---------- group ---------- */

-.group-outer {
+  .group-outer {
    stroke-width: 0.8px;
    stroke: #fff;
    fill: #fff;
-}
+  }

-.group-inner {
+  .group-inner {
    stroke-width: 0.8px;
    stroke: #0d1824;
    fill: #0d1824;
    /*cursor: pointer;*/
    z-index: 10;
-}
+  }

-.group-heading {
+  .group-heading {
    fill: #fff;
    stroke: #B5B5B5;
-}
+  }

-.group-focus {
+  .group-focus {
    stroke: #f8381f;
-}
+  }

-.source-focus {
+  .source-focus {
    stroke: #67a9cf;
-}
+  }

-.group-unfocus {
+  .group-unfocus {
    stroke: #A9A9A9;
-}
+  }

-.group-path {
+  .group-path {
    cursor: pointer;
-}
+  }

-/* ---------- labels ---------- */
+  /* ---------- labels ---------- */

-.ngrams {
+  .ngrams {
    visibility:  hidden;
-}
+  }

-.term {
+  .term {
    cursor: pointer;
-}
+  }

-.term:hover {
+  .term:hover {
    font-weight: bold;
    fill: #f8381f;
-}
+  }

-// .term-unfocus {
-//   fill: #A9A9A9;
-// }
+  // .term-unfocus {
+  //   fill: #A9A9A9;
+  // }

-// .term-focus {
-//   fill: black;
-// }
+  // .term-focus {
+  //   fill: black;
+  // }

-.term-path {
+  .term-path {
    fill: none;
    stroke: #F0684D;
    stroke-width: 1.5px;
-}
+  }

-.emerging {
+  .emerging {
    /*text-decoration: underline #F0684D;*/
    /*fill:#5AA350;*/
    /*fill: #5AA350;*/
    fill: #F8381F;
-}
+  }

-.decreasing {
+  .decreasing {
    /*text-decoration: underline #74B5FF;*/
    fill: #11638F;
-}
+  }

-.path-focus {
+  .path-focus {
    fill: none;
    stroke: #F0684D;
    stroke-width: 1.5px;
-}
+  }

-.path-unfocus {
+  .path-unfocus {
    stroke: #A9A9A9;
-}
+  }

-.path-heading {
+  .path-heading {
    stroke: #B5B5B5;
-}
+  }

-/* ---------- phylo ---------- */
+  /* ---------- phylo ---------- */

-.branch-hover {
+  .branch-hover {
    fill: #f3be54;
    opacity: 0.5;
-}
+  }

-/* elements */
+  /* elements */

-#file-path {
+  #file-path {
    display:  none;
-}
+  }


-/* axis */
+  /* axis */

-.axisRight {
+  .axisRight {
    font-family: "Inter-Regular";
    font-size: 10px;
-}
+  }

-/* isoline */
+  /* isoline */

-.peak {
+  .peak {
    stroke: white;
    stroke-width: 1px;
    font-family: "Inter-Regular";
    font-size: 14px;
    text-anchor: middle;
    visibility: visible;
-}
+  }

-.peak-over {
+  .peak-over {
    font-size: 18px;
    stroke-width: 2px;
    cursor: pointer;
    stroke: #f3be54;
    z-index: 100;
-}
+  }

-.peak-focus {
+  .peak-focus {
    font-size: 18px;
    stroke-width: 2px;
    stroke: #F0684D;
-}
+  }

-.peak-focus-source {
+  .peak-focus-source {
    font-size: 18px;
    stroke-width: 2px;
    stroke: #67a9cf;
-}
+  }


-.peak-label {
+  .peak-label {
    text-align: center;
    font-family: "Inter-Regular";
    font-size: 14px;
@@ -529,14 +530,14 @@ i.how:hover span {
    z-index: 10;
    position: absolute;
    visibility: hidden;
-}
+  }

-.word-cloud {
+  .word-cloud {
    font-family: "Inter-Regular";
    font-size: 12px;
-}
+  }

-.search {
+  .search {
    margin-left: 10px;
    visibility: hidden;
    position: absolute;
@@ -546,18 +547,18 @@ i.how:hover span {
    outline: 0;
    border-width: 0 0 2px;
    border-color: #0d1824
-}
+  }

-.search-label {
+  .search-label {
    visibility: hidden;
    margin-left: 5px;
-}
+  }

-.search:focus {
+  .search:focus {
    border-color: #F0684D
-}
+  }

-.autocomplete {
+  .autocomplete {
    margin-left: 10px;
    visibility: hidden;
    position: absolute;
@@ -567,19 +568,19 @@ i.how:hover span {
    color: silver;
    z-index: 1;
    border: none;
-}
+  }

-.loading {
+  .loading {
    visibility: hidden;
-}
+  }

-.phylo-name {
+  .phylo-name {
    visibility:hidden;
    text-transform: capitalize;
    font-weight: bold;
-}
+  }

-.select-source {
+  .select-source {
    margin-left: 10px;
    display: none;

@@ -593,11 +594,13 @@ i.how:hover span {
    outline-color: transparent;
    box-shadow: none;
    -webkit-appearance: none;
-}
+  }

-option {
+  option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
+  }
+
 }