4   background: #ddd;

     6 

     7 text {

     8   pointer-events: none;

     9 }

    10 

    11 .grandparent text {

    12   font-weight: bold;

    13 }

    14 

    15 rect {

    16   /*fill: none;*/

    17   stroke: #fff;

    18 }

    19 

    20 rect.parent,

    21 .grandparent rect {

    22   stroke-width: 2px;

    23 }

    24 

    25 .grandparent rect {

    26   fill: green;

    27 }

    28 

    29 .grandparent:hover rect {

    30   fill: lightgreen;

    31 }

    32 

    33 .children rect.parent,

    34 .grandparent rect {

    35   cursor: pointer;

    36 }

    37 

    38 .children rect.parent {

    39   /*fill: #bbb;*/

    40   fill-opacity: .5;

    41 }

    42 

    43 .children:hover rect.child {

    44   /*fill: #bbb;*/

    45 }