/*
https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3
https://cssfx.netlify.app/
http://joshwcomeau.com/css/backdrop-filter/
https://www.joshwcomeau.com/css/has/

TODO use source map to style by id="node_50"
*/


text {
    font-size: 33pt;
    font-weight: lighter;

    /*fill: #eceff4;*/
    font-family: "Monaspace Neon Medium", "TerminessTTF Nerd Font Mono", monospace;

    /*TODO depends on zoom*/
    /*font-size: 35pt;*/
    /*font-size: calc(3 * 15pt);*/
    /*font-weight: lighter;*/

    /*filter: engrave();*/
}

.node {
    /*stroke: #39ff14;*/
    stroke-width: 20;
    /*fill: black;*/
    /*filter: drop-shadow(0 0 1px rgb(31, 120, 180)) drop-shadow(0 0 1sspx rgb(255, 127, 0));*/

    /*filter: drop-shadow(2px 2px 2px rgb(251, 154, 153, 03.));*/
}

/*.edge path {*/
/*    !*stroke: rgb(31, 120, 180);*!*/
/*    stroke-width: 2;*/
/*    !*fill: none;*!*/
/*    !*filter: drop-shadow(2px 2px 2px rgb(251, 154, 153, 03.));*!*/
/*    filter: drop-shadow(0 0 2px rgb(31, 120, 180)) drop-shadow(0 0 2px rgb(255, 127, 0));*/
/*}*/

/*.node {*/
/*    fill: #2e3440;*/
/*    stroke: #88c0d0;*/
/*    stroke-width: 2;*/
/*}*/


/*.edge path {*/
/*    stroke: #5e81ac;*/
/*    stroke-width: 2;*/
/*}*/

/*text {*/
/*    !*fill: #39ff14;*!*/
/*    !*text-shadow: 0 0 2px #39ff14, 0 0 4px #39ff14;*!*/
/*}*/


/*.node ellipse {*/
/*    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));*/
/*}*/


/*HOVER*/
/*.node:hover ellipse {*/
/*    fill: #a3be8c;*/
/*    cursor: pointer;*/
/*}*/

/*.edge:hover path {*/
/*    stroke: #d08770;*/
/*}*/


.Paired .q0-9 {
    fill: rgb(166, 206, 227)
}

.Paired .q1-9 {
    fill: rgb(31, 120, 180)
}

.Paired .q2-9 {
    fill: rgb(178, 223, 138)
}

.Paired .q3-9 {
    fill: rgb(51, 160, 44)
}

.Paired .q4-9 {
    fill: rgb(251, 154, 153)
}

.Paired .q5-9 {
    fill: rgb(227, 26, 28)
}

.Paired .q6-9 {
    fill: rgb(253, 191, 111)
}

.Paired .q7-9 {
    fill: rgb(255, 127, 0)
}

.Paired .q8-9 {
    fill: rgb(202, 178, 214)
}