Issue #16

[
  {
    "matches": 2,
    "score": 76,
    "selector": "p.text-xs.text-gray-500",
    "strategy": "class"
  },
  {
    "matches": 10,
    "score": 60,
    "selector": "p:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 0,
    "score": 58,
    "selector": "div \u003e div \u003e section \u003e div \u003e p \u003e p:nth-of-type(1)",
    "strategy": "ancestor-path"
  }
]

{
  "ancestorPath": [
    "div",
    "div",
    "div",
    "section",
    "div",
    "p"
  ],
  "ariaLabel": null,
  "className": "text-xs text-gray-500",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "p",
  "textSample": "This amount is the base price before fees. The final client total (including fees) is shown in the breakdown."
}

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "p",
    "div",
    "section",
    "tR",
    "o",
    "ResponsiveDrawerContent",
    "v",
    "tj",
    "t6",
    "Content",
    "D",
    "U"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

bbox:
{
  "bottom": 245,
  "height": 60,
  "left": 37,
  "right": 365,
  "top": 185,
  "width": 328,
  "x": 37,
  "y": 185
}

viewport:
{
  "height": 536,
  "width": 302
}

scroll:
{
  "x": 0,
  "y": 117
}

screenshotMarks:
[]

<p class="text-xs text-gray-500">This amount is the base price before fees. The final client total (including fees) is shown in the breakdown.</p>