@reference "../css/globals.css";

/*
  This allows you to create a basic tooltip using the data-tooltip attribute
  e.g. <span data-tooltip="Hello, World!">Hover me</span>

  The tooltip content is rendered via the React Tooltip component (Radix UI portal),
  which prevents clipping inside containers with overflow:hidden.
  See: RenderHTML.tsx -> wrapTooltipTargets
*/

.markdown {
  [data-tooltip] {
    cursor: pointer;
    text-decoration: underline dotted;
  }
}