.coordinate-axis-overlay{
  position:absolute;
  left:16px;
  bottom:88px;
  z-index:6;
  width:90px;
  height:90px;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  opacity:.92;
}

.coordinate-axis-overlay svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  filter:drop-shadow(0 2px 4px rgba(15,23,42,.16));
}

.coordinate-axis-origin{
  fill:#ffffff;
  stroke:#64748b;
  stroke-width:1.5;
}

.coordinate-axis-line{
  fill:none;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.coordinate-axis-line.x{stroke:#dc2626}
.coordinate-axis-line.y{stroke:#16a34a}
.coordinate-axis-line.z{stroke:#2563eb;opacity:.62}

.coordinate-axis-label{
  font-size:13px;
  font-weight:800;
  paint-order:stroke;
  stroke:#ffffff;
  stroke-width:3px;
  stroke-linejoin:round;
}

.coordinate-axis-label.x{fill:#b91c1c}
.coordinate-axis-label.y{fill:#15803d}
.coordinate-axis-label.z{fill:#1d4ed8;opacity:.74}

.coordinate-axis-plane{
  fill:rgba(255,255,255,.72);
  stroke:rgba(148,163,184,.55);
  stroke-width:1;
}

.coordinate-axis-overlay[data-view="3d"] .coordinate-axis-line.z,
.coordinate-axis-overlay[data-view="3d"] .coordinate-axis-label.z{
  opacity:1;
}