.dimension { cursor: ns-resize; }
.category { cursor: ew-resize; }
.dimension tspan.name { font-size: 2.2em; fill: #a05d56; font-weight: bold; }
.dimension tspan.sort {font-size: 1.6em; fill: #a05d56; cursor: pointer; opacity: 0; }
.dimension tspan.sort:hover { fill: #8a89a6; }
.dimension:hover tspan.name { fill: #8a89a6; }
.dimension:hover tspan.sort { opacity: 1; }
.dimension line { stroke: #8a89a6; }
.dimension rect { stroke: none; fill-opacity: 0; }
.dimension > rect, .category-background { fill: white; }
.dimension > rect { display: none; }
.category:hover rect { fill-opacity: .3; }
.dimension:hover > rect { fill-opacity: .3; }
.ribbon path { stroke-opacity: 0; fill-opacity: .5; }
.ribbon path.active { fill-opacity: .9; }
.ribbon-mouse path { fill-opacity: 0; }

/*  .range(["#98abc5", "#8a89a6", "#7b6888", "#6b486b", "#a05d56", "#d0743c", "#4A789C", "#98abc5", "#8a89a6", "#7b6888", "#6b486b", "#a05d56", "#d0743c", "#ff8c00"]);*/
/*#a05d56*/
.category-0 { fill: #98abc5; stroke: #98abc5; }
.category-1 { fill: #ff8c00; stroke: #ff8c00; }
.category-2 { fill: #ff0066; stroke: #ff0066; }
.category-3 { fill: #eeaaee; stroke: #eeaaee; }
.category-4 { fill: #9467bd; stroke: #9467bd; }
.category-5 { fill: #8c564b; stroke: #8c564b; }
.category-6 { fill: #e377c2; stroke: #e377c2; }
.category-7 { fill: #7f7f7f; stroke: #7f7f7f; }
.category-8 { fill: #bcbd22; stroke: #bcbd22; }
.category-9 { fill: #17becf; stroke: #17becf; }

.tooltip {
  background-color: rgba(255, 255, 255, .6);
  color: #4A789C;
  position: absolute;
  padding: 5px;
}