.grid-line { stroke: #e5e7e9; stroke-width: 1; }
.minor-grid-line { stroke: #eef0f2; stroke-width: .75; }
.year-grid-line { stroke: #aeb4ba; stroke-width: 1; opacity: .32; vector-effect: non-scaling-stroke; }
.axis-text { fill: #665552; font: 10px ui-monospace, Menlo, monospace; }
.annual-line { fill: none; stroke-width: 1; opacity: .25; vector-effect: non-scaling-stroke; }
.average-line { fill: none; stroke-width: 3; vector-effect: non-scaling-stroke; }
.summer-line { stroke: #d87900; }
.hot-line { stroke: #a80712; }
.temperature-line { stroke: #3156c8; }
.trend-point { stroke: #fff; stroke-width: .7; vector-effect: non-scaling-stroke; }
.summer-point { fill: #d87900; }
.hot-point { fill: #a80712; }
.temperature-point { fill: #3156c8; }
.projection-line { fill: none; stroke-width: 3; stroke-dasharray: 8 6; vector-effect: non-scaling-stroke; }
.projection-band { stroke: none; opacity: .1; }
.summer-band { fill: #d87900; }
.hot-band { fill: #a80712; }
.temperature-band { fill: #3156c8; }
.projection-start-line { stroke: #665552; stroke-width: 1; stroke-dasharray: 4 5; opacity: .5; vector-effect: non-scaling-stroke; }
.projection-label { fill: #665552; font: 9px ui-monospace, Menlo, monospace; }
.selected-year-line { stroke: #3c3432; stroke-width: 1; stroke-dasharray: 3 4; opacity: .55; }
.selected-year-label { fill: #3c3432; font: 9px ui-monospace, Menlo, monospace; }
.trend-hover-line { stroke: #191c1e; stroke-width: 1; stroke-dasharray: 2 3; opacity: .75; pointer-events: none; }