svg.mw-d3-scatterplot-matrix {
  background-color: white;
  font-size: 11px;
  height: 100%; }
  svg.mw-d3-scatterplot-matrix .mw-axis {
    shape-rendering: crispEdges; }
    svg.mw-d3-scatterplot-matrix .mw-axis path {
      display: none; }
    svg.mw-d3-scatterplot-matrix .mw-axis line {
      stroke: #ddd; }
    svg.mw-d3-scatterplot-matrix .mw-axis.mw-no-guides line {
      display: none; }
  svg.mw-d3-scatterplot-matrix .mw-frame {
    shape-rendering: crispEdges;
    fill: none;
    stroke: #aaa; }
  svg.mw-d3-scatterplot-matrix .mw-cell text {
    font-weight: bold;
    text-transform: capitalize; }
  svg.mw-d3-scatterplot-matrix circle {
    fill-opacity: .7; }
    svg.mw-d3-scatterplot-matrix circle.hidden {
      fill: #ccc !important; }
  svg.mw-d3-scatterplot-matrix .extent {
    fill: #000;
    fill-opacity: .125;
    stroke: #fff; }

.mw-tooltip {
  position: absolute;
  pointer-events: none;
  font-size: 11px;
  background: #fdfdfd;
  padding: 3px 5px;
  border-radius: 8px;
  box-shadow: 1px 3px 3px #b7b7b7;
  text-align: center; }

svg.mw-d3-scatterplot {
  background-color: white;
  font-size: 11px;
  height: 100%; }
  svg.mw-d3-scatterplot .mw-axis path {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges; }
  svg.mw-d3-scatterplot .mw-axis line {
    shape-rendering: crispEdges;
    stroke: #eaeaea; }
  svg.mw-d3-scatterplot .mw-axis.mw-no-guides line {
    stroke: #a1a1a1; }