.hornet-legend {
  margin-top: 8px;
  font-size: 14px;
}

.legend-item {
  margin-right: 20px;
}

.legend-dot {
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  margin-right:6px;
}

.legend-dot.in  { background: rgb(50,120,255); }
.legend-dot.out { background: rgb(255,100,50); }

.hornet-tooltip {
  position:absolute;
  background: rgba(0,0,0,0.85);
  color:#fff;
  padding:6px 8px;
  border-radius:6px;
  font-size:12px;
  pointer-events:none;
  white-space:nowrap;
}