.hideLabels .segment-label {
	opacity: 0.0;
}
.hideLabels:not(.exclusive):hover .segment-label:not(.hidden) {
	opacity: 1.0;
}
.segment-label {
	transition: opacity .25s ease-in-out;
	pointer-events: none;
	shape-rendering: geometricPrecision;
}
.segment-label .bg {
	fill: #fff;
	opacity: 0.5;
	stroke: #999;
	stroke-width: 1;
}
.segment-label.active {
	opacity: 1.0 !important;
}
.segment-label.active .bg {
	opacity: 1.0;
	z-index: 100;
}

.segment {
	stroke-width: 0.5;
	stroke-linejoin: bevel;
}
.line {
	stroke-width: 1.0;
	stroke-linejoin: bevel;
}

.line {
	fill: none;
}
.line .shadow {
	stroke-width: 2;
	stroke: #999;
	stroke-opacity: 0.3;
	transform: translate(0, 1pt);
}

.active .segment, .active.segment, .active .line, .active.line {
	stroke-width: 2;
}
.active .hl-text {
	font-weight: bold;
}

.active .line .shadow, .active.line .shadow {
	transform: none;
	stroke-width: 3;
}