.tipTitle {
  font-weight: 700;
  margin-bottom: 4px;

  &.error {
    color: var(--error);
  }

  &.warning {
    color: var(--warning);
  }

  &.info {
    color: var(--accent);
  }
}

.cm-tooltip.cm-tooltip-hover {
  border: 1px solid color-mix(in srgb, var(--fg-muted) 35%, transparent);
  background: var(--bg-1);
  color: var(--fg-0);

  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.25);

  border-radius: var(--radius-md);
  padding: 8px 10px;

  max-width: 420px;
  font-size: 13px;
  line-height: 1.35;
}

.tipBody {
  white-space: pre-wrap;
  color: var(--fg-1);
}