:import {
  -st-from: '../Foundation/stylable/colors.st.css';
  -st-named: D55, F00, D40;
}

.root {
  position: relative;
}

.xAxis,
.yAxis {
  font-family: Madefor;
  font-size: 12px;
  height: 15px;
  line-height: 15px;
}

.yAxis line {
  stroke-dasharray: 5,5;
}

.xAxis path,
.yAxis line {
  stroke: value(D55)
}

.yAxis path {
  display: none;
}

.yAxis text {
  text-anchor: end;
  color: value(D40);
}

.xAxis text {
  color: value(D40);
}

.tooltip {
  position: absolute;
}

.textPosition {
  position: absolute;
  text-align: center;
  width: 50px;
}

.tooltipInner {
  width: 48px;
  background: none;
  border: none;
}

.tooltipInner:focus {
  box-shadow: 0 0 0 3px value(F00);
}