.heatmap-legend {
  z-index: 760;
}

.heatmap-legend.loading,
.heatmap-legend.settling {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-8px) scale(.96) !important;
}

.main:has(.heatmap-legend.show) .legend {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(6px);
}