.tooltip-content {
  visibility: hidden;
  position: fixed;
  width: 30em;
  padding: 1em;
  transition: opacity 0.3s;
  color: var(--text-primary);
  background: var(--bg-raised);
  box-shadow: color-mix(in srgb, var(--shadow) 16%, transparent) 0px 3px 6px, color-mix(in srgb, var(--shadow) 23%, transparent) 0px 3px 6px;
  border-radius: 5px;
  font-size: 0.7em;
  text-align: left;
  line-height: 2em;
  z-index: 1;
}

.tooltip-content.show {
  visibility: visible;
}