path {
    stroke: steelblue;
    stroke-width: 2px;
    fill: none;
}

text {
    font-size: 14px;
}

.timescales {
    fill: grey;
    opacity: 0.3;
    pointer-events: none;
}

.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.x.axis path {
    display: none;
}

.y.axis path {
    display: none;
}

.y.axis line {
    stroke: lightgrey;
    opacity: 0.9;
}

.line-blue {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.line-red {
    fill: none;
    stroke: red;
    stroke-width: 1.5px;
}

.rule {
    fill: none;
    stroke: black;
    stroke-width: 1.5px;
}

.overlay {
    fill: none;
    pointer-events: all;
}

.focus circle {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}