[phylo] Clean CSS scope side-effects

* #360

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;

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

src/sass/_phylo.scss

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