.hexagon {
  fill: none;
  pointer-events: all;
  stroke-width: 2;
}

.label text {
  font-family: sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-anchor: end;
}
.label text *:nth-child(1) {
  fill: red;
}
.label text *:nth-child(2) {
  fill: green;
}

.mesh {
  fill: none;
  stroke: black;
  stroke-width: 2;
  stroke-opacity: 0.2;
  pointer-events: none;
}

.axis {
  stroke-width: 4;
  opacity: 0.5;
}

.x {
  stroke: red;
}

.y {
  stroke: green;
}