.hover-info {
  position: fixed;
  z-index: 10000;
  box-sizing: border-box;
  width: max-content;
  max-width: min(560px, calc(100vw - 16px));
  max-height: calc(100vh - 16px);
  padding: 8px 12px;
  overflow: hidden;
  border: 1px solid #284438;
  border-radius: 6px;
  background: #182b22;
  color: #fff;
  box-shadow: 0 4px 14px #0e1c213d;
  font: 13px/1.6 system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  text-align: left;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  pointer-events: none;
}

.hover-info[hidden] {
  display: none;
}